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

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

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

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

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

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

JSON对象的parse和stringify方法

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

常见移动端问题

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

移动WEB开发常见的默认属性设置

分类:前端开发时间:2015-12-19阅读:(1424)标签:css3, html5
移动WEB开发常见的默认属性设置在移动WEB开发中经常会遇到一些坑,按钮变样了,想隐藏滚动条,连接点击有蓝色或黄色区块效果等等。这些都是设备浏览器自带的一些私有的样式属性,修改他们就OK了。移动端浏览器主要内核都是-webkit的,那修改的时候针对性的修改就好了,且不用考虑其他浏览器了,winPhone?我们不待见非主流杀马特。取消点击时候标签的区块高亮效果-webkit-tap-highl...

HTML5文件域对象

分类:前端开发时间:2015-12-05阅读:(1407)标签:javascript, html5
input文件域-多文件上传html中input[type='file']默认是只能单文件上传,需要多文件上传的时候需要给input文件域添加multiple属性。eg.: <input type="file" multiple /> 文件域对象属性当点击文件域表单并选择上传文件后,通过文件域.files可以获取到选择的文件列表对象,文件列表对象里每个file...

JavaScript 类型转换表

分类:前端开发时间:2015-12-05阅读:(745)标签:javascript
下标展示了不同的javascript值转换成数字,字符串,布尔值的结果: OriginalValue Convertedto Number Convertedto String Convertedto Boolean false 0 "false" false true 1 "true" true 0 0 ...

jQuery中mouseover事件跟mouseenter事件的区别

分类:前端开发时间:2015-11-27阅读:(901)标签:javascript, jquery
jQuery中mouseover事件跟mouseenter事件的区别:mouseover/mouseout事件,鼠标经过的时候会触发多次,每遇到一个子元素就会触发一次。mouseenter/mouseleave事件,鼠标经过的时候只会触发一次。以前用mouseover/mouseout做效果,结果出现抖动,还取消冒泡什么的,麻烦,然后弃用,改用hover,以前没仔细看文档,也没用过mouse...

数字转换为千位分割字符串Number.toLocaleString()

分类:前端开发时间:2015-11-20阅读:(929)标签:javascript
要把一个很大的数字转换为用千位分隔符表示的字符串,可能会先想到把数字转成字符串,再遍历操作字符串搞拼接。在网上也看到有各种方法,有遍历的,有使用字符串操作方法的,也有用正则的,但在下面的评论里看到一个回复,他直接用Number的toLocaleString方法将数字转换成了以千位分隔符表示的字符串,而且执行效率很高。例: var a=12345678.77; console.log(a.t...

友情链接

首页