[ Web前端工程师编程能力飞升之路 ]

本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。

在textarea的光标位置插入文字

分类:前端开发时间:2016-06-13阅读:(1117)标签:javascript
来不及解释了,赶紧上车!IE支持document.selection,Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性。function insertText(obj,str) { if (document.selection) { var sel = document.selection.crea...

顶尖程序员不同于常人的5个区别

分类:笔记碎片时间:2016-05-29阅读:(720)标签:程序员
《The Effective Engineer》的作者在写书的过程中,为了了解那些顶级程序员和普通程序员的区别,采访了很多硅谷顶级科技公司的顶尖软件工程师。他发现这些给世界带来巨大影响的的工程师们至少有以下5个共同的思维模式:1.勇于去研究你不懂的代码一般人都不愿意去研究自己不曾接触过的代码,很多人都没有尝试就放弃了。如果你经常去研究你没有接触过的代码,你就会越来越熟悉不同的代码结构和设计模...

es5-shim和es5-sham的区别以及react兼容IE8处理

分类:前端开发时间:2016-05-10阅读:(5533)标签:javascript, react
新版的react,v15.0已经不支持IE8了,如果项目需求需要兼容到IE8,那我们就要用稍微低点的版本了,v0.14版本的还兼容IE8,但是我们的react脚本编译后是ES5的,在IE8上还需要使用es5的兼容插件es5-shim和es5-sham。先说说我遇到的坑。以前写HTML5,为了兼容引入了html5-shiv。今天练习react,看IE8的兼容情况的时候,发现不起作用。一边goo...

使用NVM管理node版本

分类:前端开发,笔记碎片时间:2016-05-09阅读:(1016)标签:node, nvm
node也已经成为了版本帝,分成两套发行,一个是长期稳定版的,一个是最新快速迭代的。我们生产环境中使用长期稳定版TLS,开发体验用最新的。我的开发机是windows的,so我用的nvm也是windows版本的。安装NVMgithub: 官网https://github.com/creationix/nvmwindows版本下载地址:下载https://github.com/coreybutl...

页面激活判断

分类:前端开发时间:2016-05-05阅读:(1286)标签:javascript
浏览器有多个标签页的时候,当前激活的只有一个,其它的几个页面会失活,他们的setInterval等方法就会停滞,一些事件会累积,不会被处理。那这里也就提出了一个问题,判断当前页面是激活状态还是失活?如果换句话说就好理解了,判断页面是激活状态还是失焦状态?从激活和失焦,我们就很容易想到focus和blur。e.g.<script> (function() { window....

如何用运行命令快速打开程序

分类:笔记碎片时间:2016-04-26阅读:(1016)标签:tool
作为一个程序猿,键盘操作要快捷,尽量脱离鼠标。在windows系统好多程序都是通过点击运行图标运行的,比较low,如何风骚的使用键盘快速打开一个程序,看下面详解。我们都知道,通过win+r打开运行窗口,输入cmd,可以打开命令行窗口,我们可以通过命令行去做一些事情。cmd在系统里也是一个执行程序,在window>system32下。那么我们就可以把我们想要执行的程序的快捷键移动到sys...

SVN中tag branch trunk用法详解

分类:笔记碎片时间:2016-04-20阅读:(797)标签:tool, svn
如今都流行git了,但团队中使用的是svn,那也没办法了,以前小团队小作坊,有的技术没用到,现在要用了,恶补一下。转摘CSDN的一篇博文,正文从下开始。本节主要讲解一下SVN中tag branch trunk的用法,在SVN中Branch/tag在一个功能选项中,在使用中也往往产生混淆。这里就向大家简单介绍一下,欢迎大家能和我一起学习SVN中tag branch trunk的用法。在实现上,...

移动端淡入淡出卡顿问题--触发GPU加速

分类:前端开发时间:2016-04-06阅读:(996)标签:css3, 移动开发
今天跟一技术leader聊到移动端淡入淡出效果卡顿问题,这个以前还真没遇到,可能是开发的手机性能太好了。既然说到有这个问题,那肯定就是有了,解决办法也是有的。技术leader提到了GPU加速。那就顺藤摸瓜,查一查。CSS里的动画效果默认都不会开启GPU加速,然而使用浏览器缓慢的软件渲染引擎来执行。而开启硬件加速则能使网站的动画表现更为流畅。GPU加速这个名字听上去很神奇,但是触发方式却比想象...

面向对象12种继承方法

分类:前端开发时间:2016-03-30阅读:(645)标签:javascript
1,原型链法(仿传统)Child.prototype = new Parent(); 基于构造器的工作模式;使用原型链模式;注解:默认继承机制。我们可以将方法与苏醒几种可重用的部分迁移到原型链中,而将不可重用的那部分设置为对象的自身属性。2,仅从原型继承法Child.prototype = Parent.prototype; 基于构造器工作的模式;原型拷贝模式(不存在原型链,所有的对象共享一...

代码重构技巧

分类:前端开发时间:2016-03-29阅读:(584)标签:重构
代码重构是为了改善现有的代码设计,让代码更好。作为读书笔记,这里摘录《javascript设计模式与开发实践》中的代码重构部分。提炼函数避免出现超大函数。独立出来的函数有助于代码复用。独立出来的函数更容易被覆写。独立出来的函数如果拥有一个良好的命名,它本身就起到了注释的作用。(代码即注释,高逼格的代码)合并重复的条件片段如果一个函数体内有一些条件分支语句,而这些条件分支语句内部散布了一些重复...

友情链接

首页