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

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

setTimeout,setInterval第三个参数

分类:前端开发时间:2016-03-19阅读:(1580)标签:javascript
setTimeout和setInterval是什么就不说了,今天在看ES6的promise的时候,看到代码中setTimeout传递了三个参数。难道这第三个参数是前面函数的参数?eg:function timeout(ms) { return new Promise((resolve, reject) => { setTimeout(resolve, ms, 'done')...

window.requestAnimationFrame更好的动画操作

分类:前端开发时间:2016-03-19阅读:(1151)标签:javascript
window.requestAnimationFrame()这个方法是用来在页面重绘之前,通知浏览器调用一个指定的函数,以满足开发者操作动画的需求。这个方法接受一个函数为参,该函数会在重绘前调用。注意: 如果想得到连贯的逐帧动画,函数中必须重新调用 requestAnimationFrame()。如果你想做逐帧动画的时候,你应该用这个方法。这就要求你的动画函数执行会先于浏览器重绘动作。通常来...

css3实现无宽高子元素水平垂直居中

分类:前端开发时间:2016-03-10阅读:(2115)标签:css3
css3中flex伸缩布局给移动端带来了很大的便利(因为移动端浏览器基本上都兼容最新的html5/css3),通常我们会遇到想把一个盒子内的元素居中,不管是垂直还是水平(当然以往垂直居中很折腾人)。如何实现呢?那就使用前面说的flex伸缩布局了。看代码更直观。<style type="text/css"> .box{ width:700px; ...

npm常用命令

分类:笔记碎片时间:2016-03-07阅读:(1497)标签:npm
npm config [ls|list|set|get] [name] [value] npm init [--yes|-y] npm search [name] npm info [name] npm install [--global|-g] [name] npm uninstall [--global|-g] [name] npm list [--global|-g] npm outd...

Javascript中call()和apply()的区别

分类:前端开发时间:2016-03-05阅读:(1211)标签:javascript
在Javascript中,函数会在各种不同上下文中被使用,函数中的this一般会被自动设置,但是你可以改变this的值来改变函数运行时的上下文。因为 JavaScript 的函数存在“定义时上下文”和“运行时上下文”以及“上下文是可以改变的”这样的概念。有3种函数方法允许你改变this的值。函数是对象,所以函数也有方法。1,call()方法;2,apply()方法;3,bind()方法;bi...

ajax获取json文件数据遇到的坑

分类:前端开发时间:2016-01-09阅读:(1847)标签:javascript, ajax, jquery, json
今天做ajax访问json文件数据的时候遇到了灵异事件,首先,对于XX.json文件的使用,我是第一次。好吧,也不是灵异事件,只是经验不足造成的错误。先来个简洁版的案情重现。页面中的一些数据需要通过接口获取,这里的数据放到了xx.json文件里,当然,通过ajax请求的就是这个xx.json文件了。ajax请求是用的jQuery的$.ajax()方法,既然是填坑,就针对坑来说,代码如下:&l...

关于string.replace方法的函数参数相关问题

分类:前端开发时间:2016-01-04阅读:(1602)标签:javascript
stringObject.replace()方法第二个参数为函数时,其参数根据前面匹配规则变动。eg1:var str = 'good good study, day day up.'; var reg = /o/g; str.replace(reg,function(){ console.log(arguments); }); // ["o", 1, "...

pointer-events属性介绍

分类:前端开发时间:2015-12-29阅读:(2171)标签:css3
今天看秦时明月的时候点到了qinsmoon官网,看电视剧的时候发现整个界面都在下雪,这应该是一个层浮在最上面的,跟模态层一样,但鼠标能透过这个飘雪花的层,对网页进行正常操作。哎~有点儿意思,之前群里也有人问过,当时忙其它事就没在意,既然遇上了,就赶紧审查下元素,找到这些个雪花,一探究竟。在开发者模式下,找到了这个层,层上的一个样式属性成功引起了我的注意。pointer-events:none...

JSON对象的parse和stringify方法

分类:前端开发时间:2015-12-27阅读:(2550)标签:javascript
JavaScript Object NotationJSON 是一种用来序列化对象、数组、数值、字符串、布尔值和 null 的语法。它基于 JavaScript 语法,但是又有区别:一些 JavaScript 值不是 JSON,而某些 JSON 不是 JavaScript 值。JSON对象包含了两个主要方法,一个方法用来将JavaScript值转换为JavaScript Object Not...

常见移动端问题

分类:前端开发时间:2015-12-21阅读:(1845)标签:css3, html5
百度禁止转码通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:<meta http-equiv="Cache-Control" content="no-siteapp" />移动端手机号码识别(IOS)在 iOS Safari (其他浏览器和Android均不会...
首页