- 博客(37)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 React生命周期
学习react已经有一段时间了 当然这里说的是用react来编写页面而不是有服务器有后端的那种react-native总结下react开发：知识储备：1.react核心思想：虚拟DOM react关乎的是数据 而不是样式 所以其主要在于绑定每个组件的数据而页面中最耗时的是DOM操作 js代码执行的速度远大于js操作DOM的速度所以react开发了虚拟DOM
2016-06-28 12:08:02
765
原创 JS各种循环语句/条件语句的性能
循环语句JS中常见的循环函数有forwhiledo whilefor inforEachfor in 一般是用在对象属性名的遍历上的，由于每次迭代操作会同时搜索实例本身的属性以及原型链上的属性，所以效率肯定低下而forEach是基于函数的迭代（需要特别注意的是所有版本的ie都不支持，如果需要可以用JQuery等库），对每个数组项调用外部方法所带来的开
2016-06-26 14:42:50
5245
原创 Promise规范
Promise的出现就是为了解决冗长的callback造成的不便如： loadImg('a.jpg', function() { loadImg('b.jpg', function() { loadImg('c.jpg', function() { console.log('all done!'); }); })
2016-04-24 22:46:32
3656
转载 Mongoose使用操作
一般我们不直接用MongoDB的函数来操作MongoDB数据库 Mongose就是一套操作MongoDB数据库的接口.连接数据库// mongoose 链接var mongoose = require('mongoose');var db = mongoose.createConnection('mongodb://127.0.0.1:27017/N
2016-04-21 19:03:16
16548
1
原创 H5游戏开发代码总结
1.移动端页面布局，使用相对的数值，不要使用绝对数值，推荐使用%，vw，vh，rem，em布局的时候，如果一个元素你想让他的宽高保持一定比例，而不随屏幕变化，宽高设置的时候，使用同一个单位都是CSS3的单位，低版本不兼容2.兼容性：苹果设备微信强制使用的是os的浏览器safar，页面访问的体验远大于安卓；安卓情况比较乱套：知乎上有人说是微信6.0.2以上是强制使用的QQ的X
2016-03-06 20:00:22
5026
1
原创 尺寸单位em,rem,vh,vw
这几天做demo，看了网上教程有用到尺寸单位vh，vw， 这些单位不是很熟悉，所以上网上找了些资料来认识了这些不认识的单位1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照
2016-02-12 14:21:21
8696
原创 仿iPhone的switch开关
看到很多iPhone上的滑动开关效果的button，今天终于有时间搞一下其实很简单，也不难就是大量用到了CSS3的属性，不需要引入图片，但是要一点JS来控制贴上效果图：开启的时候关闭的效果代码在这里： anmiation .switch-bg { width: 150px;
2016-01-28 10:55:39
1072
原创 微信自定义分享JS-SDK制作
微信分享现在越来越多的人喜欢分享一些东西给微信好友，所以我们最近需求要自定义分享微信内容，上网找了些资料，终于搞定了，下面来分享些经验。· 1.需要自定义分享的设置，需要绑定一个微信公众号。首先要在公众号的设置-功能设置里设置JS安全域名，这样微信会检查被分享的链接是否在安全域名内，不在的话，将无法自定义分享。· 2. 在开发者中心中获取你的AppI
2016-01-25 15:14:03
3333
原创 js控制radio选中
经常会遇到js控制radio选中和切换的问题之前一直使用的是checked属性来完成的但是现在发现这个属性有个大问题今天就是用js给选中radio的赋值，使用的$().attr("checked",true);当切换的时候，把name相同的radio的attr("checked",false)，再把要选中的radio.attr("checked",true)；但是问题来了，每个
2015-12-16 21:43:45
34072
2
原创 分享一个前端验证插件
好久没有更博了年底了 项目太忙分享一个最近在写的插件前端验证表单，验证不通过报错写的时间仓促，可能会有bug。。。恳请指正，已加完善页面中的的dom结构为 姓名： 搭配css.rows { width: 400px; overflow: hidden;
2015-12-14 22:01:07
1510
原创 关于前端写代码之前应该做到的事情
我发现每次直到提交测试的时候，总会出现一大堆问题，我仔细分析了一下出在自己身上的问题，觉得自己写的代码还是很少，而且做项目的经验不足，下面就是总结的一些在写代码之前应该做到的事情，这些事情做好了，可以少写很多代码和bug：1. 接手项目的时候，先不要开始做，一定要仔细研究需求，知道产品的每个细节，而不是大概什么样子。2. 向产品人员讲述这个项目应该是什么样子，如果有不同，去探讨究竟是什
2015-11-29 23:26:17
1949
原创 关于float的一些理解
Float是否脱离文档流，一个父元素不设置overflow的话，子元素float，就不会把父元素撑开，换句话说，他就不会有高度，但是做个demo：父元素overflow：hidden； 子元素前两个float，第三个不float，结果是第三个没有clear浮动的元素，跟float的元素出现在同一个位置，前提是这三个元素都是块元素。如果是行内元素的话，浮动元素则会跟行内元素争抢空间。总结一下：
2015-11-29 23:20:42
1691
原创 inline-block默认间距的处理方法
前几天写代码的时候，写到这样一段代码 1 2 3由于给每个a标签写了样式，使得每个a都是一个红色的inline-block但是问题来了，每个block默认都有一段间距，后来仔细量了量，发现大概是3到4px，不同浏览器距离不同。上网查了很多资料，发现确实有这个问题，导致这个问题的原因令我大吃一惊：是由于写代码的时候强制换行导致的。可能听不太懂，
2015-11-22 15:27:10
2238
原创 分享一个自己做的图片轮播的插件
现在的网站经常会有一些图片轮播效果，网上也有很多各式各样的图片轮播插件，什么样的效果都有，这里分享一个我自己写的图片轮播效果这个Lightbox有一个窗口容器，容器里面有一个长的容器，横向包住了所有图片，通过改变他的margin-left来实现左右效果的。图片下方有图片个数对应的黑方块，点击黑方块也可以跳到对应的图片上去；这个插件的最大的特点是可以根据里面的图片个数来实现切换，而且当滑
2015-11-15 22:40:45
3830
2
原创 CSS3实现Bootstrap的tooltip动画提示效果
这几天做项目，经常用到bootstrap中的tooltip，他一插件的形式在项目中出现，样式改起来比较麻烦，索性自己做了个玩玩。Demo来源与网上的教程，自己琢磨改进Html如下 tooltip Home
2015-11-05 23:21:26
4052
转载 jQuery插件DataTable删除行后的页面更新利
应用Jquery的DataTable进行数据表处理非常方便，常遇到的一个问题就是删除一行后页面必须进行更新，怎么样才能保证再删除当前页的行之后还能保留在当前页，而且，当删除该页仅剩的一条记录时，能够自动转到上一页的数据显示？？？初始化dataTable中添加字段： 'bStateSave': true, 这个必须设置，这样就可以在删除返回时，保留在同一页上；functi
2015-11-02 18:08:47
2944
原创 北京前端实习面试总结2015
来北京一周了，总体感受：北京很大，节奏很快，压力很大。这一周也没闲着，一直在网上投简历，去面试，回来再投简历。先说下我自己：前端小白，大学做的更多的偏向java后台，觉得算法数据结构是硬伤，于是打算做前端。本科，现在大四，没有实习经验，第一次外出实习就来北京闯一闯。现在面试一周了，差不多面试了13次，面试了10家公司，拿了4个offer。总体来说，还是乐观的，这里面大公司也有，
2015-10-17 15:50:06
1427
原创 [持续更新]HTML5学习笔记（五）简单Ajax实现
1. Ajaxajax现在已经广泛的应用在我们日常生活中，因为他可以实现不刷新页面，只替换文档中的一部分或多个部分。这大大的提升了用户体验和减少了页面显示不必要的内容。不过他也使浏览器的后退键时效，是一门有争议但是仍然广泛应用的技术。也是前端开发人员和后台开发人员都必须掌握的技术。Ajax在网站中有大量的应用：一开始Google在他的搜索框中使用ajax匹配跟用户输入相似搜索结果而引起轰动
2015-09-18 16:38:01
4368
1
原创 百度面试题--盒子凸起一个角效果实现的讨论
今天联系百度面试题的时候，看到了一道题：请用CSS实现如下图的样式，相关尺寸如图示，其中dom结构为：我很感兴趣，想了一下就做出来了，不过我做的效果大致上一样，只是数据上对不上，只好记录下我的思路。给的答案如下：思路就是先用:before在目的位置做出一个黑色大三角形，然后用:after在该位置做出一个小白色三角形，白色三角形比黑色三角形小，这样留出的宽度就看起来就像b
2015-09-11 16:19:13
2362
原创 [持续更新]CSS3学习笔记（三）弹性盒子
1. 弹性盒子弹性盒子用于页面布局。之前面试经常会问到：写一个三列布局，左右两个定宽，中间的宽度自动伸缩门。解决方法有很多种，可以设置三列浮动，左右定宽，中间宽度自动。下面要说的是一种利用CSS布局来结局的比较好的方案。使用box-flex属性告诉浏览器如何分配元素之间的未使用的空间。看个例子： box-flex* { padding: 0px
2015-09-09 15:33:39
476
原创 [持续更新]CSS3学习笔记（二）渐变&圆角&阴影&变换&动画
1. 颜色模式在网页中常见的颜色模式有：RGB，HSLA。RGB 大家不陌生，分别代表red，green，blue。使用6位16进制数表示。#00FF00；RGBA 就说多了一个Aplha透明通道。这个数值用0~1的数字来表示。rbga（255，255，255，0.3）；HSLA 分别代表色调Hue，饱和度Saturation，亮度Light，透明度Alpha。但是在实际应用
2015-09-07 16:29:23
975
原创 [持续更新]CSS3学习笔记（一）伪类选择器&自定义字体&背景图片
CSS3学习笔记1. 伪类选择器CSS3之前的伪类共有：:hover,:active, :visited, :link, :first-child, :lang这六种。CSS3新增了许多选择器，下面列出常见的几种。1. :nth-child(n) 某个父元素的第n个子元素。（CSS3）2. :nth-child(2n) 选择偶数项。（CSS3）3. :nth-c
2015-09-06 21:30:49
3628
原创 Javascript中的事件绑定
1. 事件绑定js的事件绑定是前端基础知识点。我们经常会习惯这样添加一个事件：JS事件机制bottonvar btn = document.getElementById("btn");btn.onclick = function(){ alert("1");}btn.onclick = function(){ alert("2");}
2015-09-05 20:29:58
699
原创 [持续更新]HTML5学习笔记（四）
1. 零散的知识点hgroup 样式display：block；但是它具有语义上的作用。例如，要用脚本把文档中的h1-h6标题提出来做提纲，h1是主标题，h2是章标题。现在h1主标题有副标题h2，这样按照正常的逻辑脚本会把副标题h2也当成章标题，不符合要求。使用hgroup标签将主副标题包含在内，语义上他们是一组，并且语义上遵照hgroup的第一个子元素，其他副标题在语义上都相对隐藏，这
2015-09-02 21:21:11
617
原创 [持续更新]HTML5学习笔记（三）
1. HTML文档下面全面介绍几个HTML常见的文档，你肯定会有新的认识。1. base元素用来设定一个基准URL，让HTML文档中的相对连接在此基础上进行解析。例如base定义：链接：test1其完整地址为：http://www.auszby.com/test/content/test1.html2. meta元素用名值定义元数据给出几个常见
2015-09-01 19:30:11
627
原创 [持续更新]HTML5学习笔记（二）
1. 元素分类元数据元素（metadata element）：由此可见主要是元素中的事情了，向浏览器提供信息和指示；流元素（flow element）：听名字怪异，但是其实是规定这些元素可以成为父元素；短语元素（phrasing element）：和流元素呼应，规定这些元素可以成为子元素。元数据还好理解，就是流元素和短语元素好奇怪，举个例子，div既可以是流元素也可以是短语元素，
2015-09-01 13:03:10
2773
原创 [持续更新]HTML5学习笔记（一）
HTML学习笔记1. DOCTYPE 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。HTML5 不基于 SGML，所
2015-08-31 16:38:56
595
原创 [持续更新]JavaScript学习笔记（八）
1.匿名函数在JavaScript中是很常见的，也算是个零碎的知识点，值得记录。匿名函数顾名思义就是没有名字的函数，这种函数在JavaScript中的写法也很多，我参考了书本以及网上的别人的博客，总结出以下几种：//常见写法(function() { alert('water'); })(); //带参数写法(function(o) { alert(o); })('water
2015-08-27 21:15:33
439
原创 [持续更新]JavaScript学习笔记（七）
1.this的用法看了一些网上的博客，总结下自己对this的看法。对于初学者来说，this还是比较抽象的；掌握一段时间后，最熟悉的还是this指代当前对象；但是归根结底一句话：this指调用函数的那个对象；1.函数调用function aa(){ this.a = 1;}aa();//1aa函数内定义了this.a；在这里this.a=1;相当于a=1;还
2015-08-22 22:13:28
326
原创 [持续更新]JavaScript学习笔记（六）
1.DOM节点操作文档对象模型（DOM）是表示和操作HTML和XML文档内容的基础API 1.选取文档元素1)document.getElementById()根据id选取元素返回对象2)document.getElementsByName()根据name选取元素返回NodeList3)document.getElementsByTagName()根据tag选取元素返回HT
2015-08-21 21:53:54
392
原创 [持续更新]JavaScript学习笔记（五）
1.闭包(closure)这个是js中很重要的一个概念，也是比较难理解的一个概念，也是用的比较多的一个概念。我的认识也有限，经验尚少，简单谈一谈我的理解。在说闭包之前，应该了解变量作用域（scope）这个概念，简单说就是在一个嵌套的函数内，子函数的变量对父函数不可见，父函数以及父函数的父函数的变量对子函数可见；当子函数要一个变量时，先从自身找，若没有，则去父函数的变量中找，以此类推。我
2015-08-17 21:05:03
385
原创 [持续更新]JavaScript学习笔记（四）
1.Call&&apply这两个方法非常相似。本节知识点参考http://www.cnblogs.com/huyong/p/4139875.htmlcall方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一
2015-08-14 21:47:55
384
原创 [持续更新]JavaScript学习笔记（三）
1.__proto__&&prototype这两个东西我理解了好久，看了好多书的介绍以及别人的博客，这里写写我的理解。百度的面试中就问到了，可是我没回答出来。看一个例子 function F1(y){ this.y = y ; } F1.prototype.x = 10; F1.prototype.calculate = function(z){
2015-08-13 21:40:06
531
原创 [持续更新]JavaScript学习笔记（二）
1.变量作用域这个是个重点，也是前端考察的要点。一个变量的作用域（scope）：是程序员代码中定义这个变量的区域。这是JavaScript权威指南第六版中对作用域的定义。简单的来说：一个变量定义在全局，就是全局变量，具有全局作用域（在代码中的任何地方都有定义）；一个变量定义在函数内部，就是局部变量，只在函数内部有定义；参数也是局部变量，只再函数体内有定义。a.全局变量与局部变量
2015-08-12 22:11:55
665
原创 [持续更新]JavaScript学习笔记（一）
我的JavaScript学习的笔记，每天将所学的内容发布，本题目将持续更新，希望大家指正错误，一起进步，谢谢！
2015-08-11 22:13:43
467
原创 使用Hibernate多对一关联表出现的小问题
今天在写程序的时候出现了一个问题两张表 User 用户表 Article 文章表 一个用户对应多个文章 一个文章只对应一个用户下面是代码：User.javapackage ssh.entity;import java.util.Date;import javax.persistence.Entity;import javax.persistence.Generated
2015-04-05 22:14:16
461
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人