摘要: 数字验证: 1、数字验证 可以使用Number.isFinite( )来进行数字验证,只要是数字,不论是浮点型还是整形都会返回true,其他时候会返回false。 console.log(Number.isFinite(100));//true console.log(Number.isFinite 阅读全文
posted @ 2018-08-25 15:14 gutianer 阅读(1061) 评论(0) 推荐(0) 编辑
摘要: 1、新建文件结构如图 index.html内引用的js文件为dist下转化成ES5的js文件而不是src下的。我们在src下的js文件使用ES6的语法来命名一个变量, 我们要实现的是在dist下将其转化为ES5语法的js文件。 2、在文件夹下执行npm init -y 这时候会产生一个package 阅读全文
posted @ 2018-08-24 19:10 gutianer 阅读(441) 评论(0) 推荐(0) 编辑
摘要: 内部指令: v-pre:跳过vue编译,直接输出原始值,<div v-pre>{{message}}</div> v-cloak:在vue渲染完指定的整个DOM后才进行显示,必须和css样式一起使用 [v-cloak]{display:none} <div v-cloak>{{message}}</ 阅读全文
posted @ 2018-08-13 16:35 gutianer 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 很久没有写博客了。日常的面向搜索引擎编程感觉自己都快废掉了。昨天公司开始执行为期1个半月的996了工作制度了,但是前端这边的活不是很多。那就从最基础的巩固一下自己吧。能想到的js方法能写多少写多少吧,不为了别人看就当给自己做个复习。屁话不多说第一个js方法reduce(),估计大多数跟我一样的一看到 阅读全文
posted @ 2018-08-08 20:46 gutianer 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 1.H5新元素兼容问题 a.旧版本的浏览器正确显示这些元素,可以设置 CSS 的 display 属性值为 block b. 以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。 注意:国内用户请使用百度静态资源库(Google 资源库在国内不稳 阅读全文
posted @ 2017-12-13 10:03 gutianer 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 浅拷贝和深拷贝是针对引用数据类型的复制操作,先说下数据类型: 数据类型分为: a:基础数据类型(Null,Undefined,Number,String,Boolean); b:引用数据类型(Object,Array,RegExp,Date,Function) 浅拷贝:只复制了引用,引用的指针指向的 阅读全文
posted @ 2017-12-11 17:26 gutianer 阅读(245) 评论(0) 推荐(0) 编辑
摘要: 1、css3的新特性 圆角--border-radius 阴影--box-shadow 文字特效--text-shadow 渐变--gradient 旋转--transform(rotate:旋转、scale:缩放、translate:定位、skew:倾斜) 多背景 rgba 边框背景--borde 阅读全文
posted @ 2017-12-11 14:31 gutianer 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 前端页面的优化,老生常谈了,目前公认优化方案中最为突出的就是yahoo的34条军规了,附上 1.减少HTTP请求:提供性能首先做的一步,这是改进首次访问用户等待时间的最重要的方法。 合并文件:如合并css文件、脚本文件(但要权衡利弊,一个文件太大并不是最好的办法) css sprite:利用css- 阅读全文
posted @ 2017-12-11 14:07 gutianer 阅读(199) 评论(0) 推荐(0) 编辑
摘要: a)原生js操作 创建DOM: .createElement() // 创建一个具体的元素 .createTextNode() // 创建一个文本节点 插入DOM: .appendChild() .replaceChild() // 替换节点 .insertBefore() // 在已有的子节点前插 阅读全文
posted @ 2017-12-11 13:59 gutianer 阅读(127) 评论(0) 推荐(0) 编辑
摘要: hack技术主要针对IE浏览器,尤其是低版本的IE,说实话,微软都觉得自己的低版本浏览器渣渣了,我们还要兼容,感觉到了深深的恶意, 1): png-24 图片 IE6 不支持,使用 png-8 的图片来解决,或者 做两张图片,分别使用 2): 浮动元素 margin 值加倍,给元素增加 displa 阅读全文
posted @ 2017-12-11 13:39 gutianer 阅读(122) 评论(0) 推荐(0) 编辑