首页> 前端开发

composition事件控制表单输入字数的长度

分类:前端开发2017-06-06阅读:(2919)标签:javascript
我们在做表单内容输入的时候,常常会有一些字数长度限制,超过多少个字后不能再输入,在这种需求下,我们通常用input来判断字符串的length,然后做value的截取和重新赋值,但这样会有一个问题,就是当我们输入汉字的时候,每一个键盘按键都会触发input。比如表单里还可以输入两个字符,但我输入中文用的是拼音,全拼,要完成最后两个汉字的输入,需要按很多个字母键,但每一键都会因为input事件而...

Chrome下定位fixed引起的页面元素抖动

分类:前端开发2017-05-04阅读:(2858)标签:css3
问题描述:chrome下,header是用的fixed定位到顶部的,页面有图片列表,hover图片的时候图片会scale放大,这时会发现header会抖动,刷新页面后hover图片又不抖动了,但滚动页面再hover,header又会抖动。解决方法:在fixed定位的元素样式上加transform: translateZ(0);搞定。网上还有其它解决方法,需要再查。

微信小程序开发踩坑纪要

分类:前端开发2017-02-17阅读:(3394)标签:微信
开始微信公众平台申请小程序账号,需要企业资质。获取APPID。下载并安装小程序开发工具。创建项目,如果要在手机预览,需要填写APPID。选择quik start,自动创建demo,熟悉其结构与开发规范。熟悉开发文档结合开发者文档,在demo上做修改调试,熟悉框架,组件,API与常见问题。在demo项目中可以看到wxml,wxss,js,json这几种格式的文件,在每一个页面中都必须有这几个文...

高性能javascript各章节小结

分类:前端开发2016-11-05阅读:(2044)标签:javascript
1,加载和执行Javascript在浏览器中的性能,可以认为是开发者所面临的最严重的可用性问题。多数浏览器使用单一进程来处理用户界面UI刷新和Javascript脚本执行,so,同一时刻只能做一件事。JS执行过程耗时越久,浏览器等待响应的时间就越长。管理浏览器中的JS代码是个棘手的问题,每次遇到<script>标签,页面都必须停下来等待代码下载并执行,然后继续处理其他部分。尽管如...

javascript的Array.sort排序IE8和chrome不一致的问题

分类:前端开发2016-09-08阅读:(2615)标签:javascript
javascript中Array.sort方法对数组的元素做原地的排序(引用),并返回这个数组。 sort 可能不是稳定的。默认按照字符串的Unicode码位点(code point)排序。如果指明了 compareFunction ,那么数组会按照调用该函数的返回值排序。记 a 和 b 是两个将要被比较的元素:如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列...

HTML头部元素集合

分类:前端开发2016-07-08阅读:(1693)标签:html, html5
A collection of HTML head elements.Elements<title>Page Title</title> <base href="https://example.com/page.html"> <style> body { color: red; } </style> <...

前端项目一期code review问题总结

分类:前端开发,笔记碎片2016-07-03阅读:(1828)标签:javascript, jquery, 经验
这次项目开发第一期结束,团队进行了code review,代码写得比较low,总结leader和爝爷的点评。需求分析要搞清楚,理清所有大小点需求,才能更清楚的去划分模块。团队中通用的一些组件或插件,最好使用统一的。这次我自己写了几个组件和jquery插件,都是自己用的,日期格式化的插件本来有公用的,但我使用了自己写的,这不利于项目的后期维护,以及增加了项目代码体积。把节点保存到变量里,jqu...

Js浮点数四则运算精度问题

分类:前端开发2016-06-29阅读:(1652)标签:javascript
javascript的浮点数在计算的时候会有精度问题,比如:19.49*100,你以为是1949,但实际上却是1948.9999999999998,这无疑会在工作共带来很多坑。常用的计算无非四则运算:加减乘除。加法:理论上:0.1+0.2 = 0.3实际上:0.1+0.2 = 0.30000000000000004解决方法:function accAdd(a,b){ var r1,r...

在textarea的光标位置插入文字

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

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

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