[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
图片垂直居中
分类：前端开发时间：2015-06-11阅读：(2821)标签：css - <p>在一些情况下，我们需要将图片在div中垂直居中，可是css只有水平居中，img的属性也没有垂直居中的，怎么解决呢？</p><p>在table中，图片、checkbox等元素都可以水平和垂直居中，如果不用table怎么办？那就用div模拟table了。给div样式设置display:table-cell，让div以table表格显示。but,这个主流浏...
-
sql优化小笔记
分类：SQL时间：2015-06-11阅读：(1425)标签：mysql, sql - 运行sql前，explain分析一下sql执行情况，一定范围内，模糊查询的时候用instr替换like，用临时表比用in效率高。
-
阻止事件冒泡和默认事件
分类：前端开发时间：2015-06-04阅读：(5450)标签：javascript, jquery - 在元素标签嵌套中，可能会有各级元素绑定了不同的事件，例如<dt><a>标题</a></dt>，a标签绑定了事件，dt也绑定了事件，如果促发a的事件，则会冒泡到dt上，dt的事件也会被触发。阻止事件冒泡，用e.stopPropagation()；$('dt').click(function() { $(this).toggleClass('on...
-
css3过渡效果
分类：前端开发时间：2015-05-28阅读：(3426)标签：css, css3 - css3的过渡效果，从一种样式逐渐过渡到另外一种样式：transition。transition 简写属性，用于在一个属性中设置四个过渡属性。例如：transition:width 2s linear 1s; //用两秒的时间以匀速改变宽度，效果在一秒后开始。transition-property 规定应用过渡的 CSS 属性的名称。例如：transition-property:width;...
-
Linux配置SWAP交换分区
分类：Linux时间：2015-04-21阅读：(1930)标签：linux - 当linux服务器物理内存比较少，需求却比较大的时候，我们可以划分数据盘空间作为虚拟内存进行数据交换。swap大小通常为物理内存大小的1-2倍。举例设置2G虚拟内存，shell如下：dd if=/dev/zero of=/swapfile bs=1M count=2048; mkswap /swap; (格式化分区) swapon /swap; (激活启用交换分区) 通过fre...
-
Js从一个框架里跳转到另一个框架里
分类：前端开发时间：2015-03-12阅读：(1387)标签：javascript, jquery - <p>最近在做自己网站的后台管理界面，需要在html框架集里top.html里点击超链接，让left框架和right框架都同时跳转并显示对应的页面。</p><p>用a标签的target属性只能控制一边的，a的targer=“leftFrame”，rightFrame就没属性控制了，这时需要JS帮忙了。</p><p>同时给a标签或者对...
-
Jsonp请求
分类：前端开发时间：2015-02-09阅读：(1290)标签：javascript, json - <p>JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。</p><p>Jsonp原理：首先在客户端注册一个callback, 然后把callback的名字传给服务器。</p>...
-
清除苹果产品iPad、iPhone默认样式
分类：前端开发时间：2014-12-17阅读：(1636)标签：css - <p>在做移动端网页的时候会发现写的input标签样式在ipad，iPhone上面显示得太离谱了。和预期的完全不一样，这是因为苹果产品的浏览器对这些标签有默认的css样式。清除这些默认的样式后，显示效果就和写的CSS预期效果一样了。</p><p>清除iPad、iPhone浏览器上input标签的默认样式：</p>input[type="butt...
-
Angular之ng-bind
分类：前端开发时间：2014-12-03阅读：(1260)标签：javascript, angular - <p>在html中使用{{name}}可能会因为网页文件加载速度影响网页的渲染，从而导致angularJs还未加载渲染，页面中就出现了{{name}}，显示不应显示的内容。用ng-bind替换就可以避免该问题。</p><p>{{name}}</p> change to: <p ng-bind="name"></p><...