js中最常需要用到的就是正则匹配啦,有些可以帮助我们开发省去很多时间,比如: 1.校验字符串仅为中文 ^[\\u4e00-\\u9fa5]{0,}$ 2.校验e-mail地址 3.校验设置密码的强度 普遍设置密码强度必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10 eg: 1.至少8 Read More
posted @ 2018-07-25 14:39 TiffanyZZ Views(145) Comments(0) Diggs(0)
现在很多功能用es5的方法也能实现功能,但es6提供的方法显得更为高效。记录下目前常用的几个方法。 1、字符包含 通过str.includes('a')来判断, 若str中包含a则结果为true,否则为false。 eg: let str = 'abcd'; console.log(str.incl Read More
posted @ 2018-07-20 17:04 TiffanyZZ Views(698) Comments(1) Diggs(0)
1.手机浏览器常用手势 手指接触屏幕:touchstart 接触屏幕后移动:touchmove(可以通过event.preventDefault()来阻止滚动) 离开屏幕: touchend 当系统停止跟踪触摸时触发:touchcancel 上面这几个事件都会冒泡,也都可以取消。 被触摸位置的一些重 Read More
posted @ 2018-07-20 15:52 TiffanyZZ Views(167) Comments(0) Diggs(1)
1.高性能CSS3动画 与PC端场景需要相比,移动web端需要考虑的因素也相对复杂,重点考虑:流量、功耗与流畅度。在pc端上考虑更多的是流畅度,而mobile web中需要考虑网络流量的使用和耗电情况。 关于流畅度,在前端动画中主要有两种:JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现 Read More
posted @ 2018-07-19 16:53 TiffanyZZ Views(352) Comments(0) Diggs(0)
1.消除transition闪屏 (1)-webkit-transform-style:preserve-3d; /*设置内嵌的元素在 3D 空间如何呈现:保留 3D*/ (2)-webkit-backface-visibility:hidden; /*(设置进行转换的元素的背面在面对用户时是否可见 Read More
posted @ 2018-07-19 15:54 TiffanyZZ Views(238) Comments(0) Diggs(0)
面向用户级移动web解决方案: 1.代码结构规范 2.字体设置 body{ font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tah Read More
posted @ 2018-07-19 15:03 TiffanyZZ Views(133) Comments(0) Diggs(0)
1.前端布局框架 (1)Bootstrap 地址》》http://getbootstrap.com/ 概述:简洁直观强悍的前端开发框架,让web开发更迅速简单。目前已有bootstrap4,是世界上最受欢迎前端框架,用于构建响应式、移动设备优先的网站。bootstrap中许多组件需要依赖JavaSc Read More
posted @ 2018-07-16 18:13 TiffanyZZ Views(114) Comments(0) Diggs(0)