12 2017 档案
javascript if else优化指南
摘要:不管是平时在学习js中还是在项目书中写js代码,都避免不了一个问题就是有时候要做大量的分支判断,很多人的第一反应就是使用if else。无可厚非,if else早平时做分支判断的时候是非常好用的,但是代码中嵌套的if/else结构往往导致代码不美观,也不易于理解而且性能低下。所以有时候在我们做项目的 阅读全文
posted @ 2017-12-23 20:55 幽幽冷瞳 阅读(7801) 评论(0) 推荐(1)
前端上传文件的几种方式
摘要:出于安全考量,操作系统分配给浏览器的权限较低,而单个网页所拥有对用户电脑操作的权限就更低了,这是为了防止因用户的操作不当导致恶意网页随意增删改动用户本地的文件,所以在前端网页中所有的文件操作必须全都由用户来主动操作触发文件上传。 用户触发文件上传操作的类型大致有以下几种常用方法 使用input标签, 阅读全文
posted @ 2017-12-23 20:51 幽幽冷瞳 阅读(2834) 评论(0) 推荐(0)
前端图片优化
摘要:在现代互联网整个网站中,图片已经成为每个网站的侧重点。据统计,图片内容已经占到了互联网内容总量的62%,也就是说超过一半的流量和时间都用来下载图片。所以图片也绝对是成为性能优化的热点和重点之一。从谷歌公司的PageSpeed来看,就把图片优化作为重要的优化手段。下面来阐述一下Web图片优化的方方面面 阅读全文
posted @ 2017-12-23 20:43 幽幽冷瞳 阅读(383) 评论(0) 推荐(0)
javascript中退出语句break,continue和return 比较
摘要:在 break,continue和return 三个关键字中, break,continue是一起的,return 是函数返回语句,但是返回的同时也将函数停止. 首先:break和continue两个一起讨论.这两个应用的范围是退出循环或者switch语句,在其他地方使用会导致错误; break:由 阅读全文
posted @ 2017-12-19 16:44 幽幽冷瞳 阅读(324) 评论(0) 推荐(0)
javascript判断数组是否包含了指定的元素
摘要:jQuery写法: var arr = [ "xml", "html", "css", "js" ]; $.inArray("js", arr); //返回 3, 如果不包含在数组中,则返回 -1; JS写法: 1.正则表达式 js 中判断某个元素是否存在于某个 js 数组中,相当于 PHP 语言中 阅读全文
posted @ 2017-12-08 13:28 幽幽冷瞳 阅读(24828) 评论(0) 推荐(1)
浏览器渲染页面原理
摘要:当了解web访问原理后,与前端工程师或页面重构师工作更为关系密切的应该是浏览器,WEB 页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验, 特别是浏览器渲染页面的原理,页面渲染就是浏览器将 HTML 代码根据 CSS 定义的规则显示在浏览器窗口中的这个过程,理解了原理就更 阅读全文
posted @ 2017-12-05 10:07 幽幽冷瞳 阅读(230) 评论(0) 推荐(0)
前端性能优化----reflow(回流)和repaint(重绘)
摘要:什么是reflow和repaint(原文链接:http://www.cnblogs.com/Peng2014/p/4687218.html) reflow:例如某个子元素样式发生改变,直接影响到了其父元素以及往上追溯很多祖先元素(包括兄弟元素),这个时候浏览器要重新去渲染这个子元素相关联的所有元素的 阅读全文
posted @ 2017-12-05 10:01 幽幽冷瞳 阅读(278) 评论(0) 推荐(0)