JavaScript Array对象属性方法总结 发表于 2018-04-09 concat() array1.concat(array2,array3,...,arrayX) 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本(新数组)。 every() array.every(function(currentValue,index,arr ... 阅读全文 »
offsetLeft,Left,clientLeft详解 发表于 2018-03-15 背景最近写了一个滑动条,发现自己的对offsetLeft,Left,clientLeft这几个的概念还不是很清楚,于是决定细细研究下。 分类 client部分 clientHeight:内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度(不含边框,也不包含滚动条等边线,会随窗口 ... 阅读全文 »
jq实现预览查看插件 发表于 2018-03-08 功能鼠标移到缩略图上会显示该图的大图,并且大图跟随鼠标移动;或是移动到提示文字上,也可以显示图片。并且含有方向判别功能,具体来说就是如果缩略图在页面的左半部分,则大图显示在鼠标的右侧,如果缩略图在页面的右半部分,则预览的大图在鼠标的左侧显示。 思路分析 html结构1<a href=" ... 阅读全文 »
JavaScript移除绑定在元素上的匿名事件处理函数 发表于 2018-03-06 #问题#用addEventListener()和attachEvent()给一个DOM元素绑定事件处理程序时,如果传入一个匿名函数,那么用相应的removeEventListener()和detachEvent()是无法将这个匿名的处理程序解除绑定的。所以我们用的时候应该传入一个函数表达式。 那么, ... 阅读全文 »
gulp初步学习和使用 发表于 2018-03-04 简介简单来说,它所实现的效果就是将所有的js文件整合到一个js文件里面,并且压缩成一行。在node环境下运行,具体查看 官网 安装第一步:我们打开git的命令行工具,去命令行npm install -g gulp(安装全局gulp)。 安装一下全局的gulp 等待几分钟之后就下载好了,然后输入gul ... 阅读全文 »
前端优化法则 发表于 2018-02-11 | 分类于 优化 共35条分类 内容 减少HTTP请求 减少DNS查询 避免重定向 Ajax缓存化 后载入组件 预先载入组件 减少DOM元素数量 跨域分离组件 最少化iframe 避免404错误 服务端 使用CDN(内容分布网络) 增加过期时间或者可控制缓存的请求头 使用Gzip组件 配置ETags ... 阅读全文 »
css 居中总结 发表于 2018-02-10 | 分类于 css 水平居中 内联元素(inline、inline-*) 此类元素需要水平居中,则父级元素必须是块级元素(block level),且父级元素上需要这样设置样式:123.parent { text-align: center;} 块级元素 块级元素水平居中,需要设置mar ... 阅读全文 »
js刷题记录 发表于 2018-02-10 | 分类于 javascript 3、一个数组 par 中存放有多个人员的信息,每个人员的信息由年龄 age 和姓名 name 组成,如{age: 2, name: ‘xx’}。请写一段 JS 程序,对这个数组按年龄从小到大进行排序。 优化: 12345function parSort(par) { return p ... 阅读全文 »