前端
文章平均质量分 61
SkadiEyes
这个作者很懒,什么都没留下…
展开
-
前端笔记一
原型,原型链原型也是一个对象,通过原型可以实现对象的属性继承,JavaScript的对象中都包含了一个”[[Prototype]]”内部属性,这个属性所对应的就是该对象的原型。“[[Prototype]]”作为对象的内部属性,是不能被直接访问的。所以为了方便查看一个对象的原型,Firefox和Chrome中提供了__proto__这个非标准(不是所有浏览器都支持)的访问器(ECMA引入了标准对象原...原创 2017-09-01 14:27:24 · 603 阅读 · 0 评论 -
前端性能优化
网络加载减少HTTP资源请求次数减少HTTP请求的大小将CSS或JavaScript放到外部文件中,避免使用<style>或<script>标签直接用引入避免页面中空的href和src为HTML指定Cache-Control或Expires合理设置Etag和Last-Modified减少页面重定向使用静态资源分域存放来增加下载并行数使用静态资源CDN来存储文件使用CDN C...原创 2018-04-28 10:25:43 · 183 阅读 · 0 评论 -
前端路由
内容转载至 https://segmentfault.com/a/1190000011967786 感谢作者分享~在实现前端路由之前,页面交互主要是通过发请求到后端,然后读取不同的HTML文档,这样的问题是页面交互刷新很频繁。后来出现了SPA(单页应用),就是页面跳转都是无刷新,那是怎么实现的呢。实质上就是获取url变化,然后解析来匹配路由规则。hash因为url中,#后面hash值的变化,并不会...转载 2018-05-04 18:35:44 · 203 阅读 · 0 评论 -
通过HTTP请求来控制浏览器缓存
Last-Modified在HTTP/1.0协议中,Last-Modified是控制缓存的一个非常重要的HTTP头。如果需要控制浏览器的缓存,服务器首先必须发送一 个以UTC时间为值的Last-Modifeid头,当第二次访问这个页面时,浏览器会发送一个If-Modified-Since头给服务器,让服务器 判断是否有必要更新内容,这个If-Modified-Since头的值就是上次访问页面时,浏...原创 2018-05-02 15:57:38 · 558 阅读 · 0 评论 -
协议
HTTP协议是WWW服务器和用户请求代理之间通过应答请求模式传输超文本的一种协议。HTTPS协议HTTPS协议是通过SSL层来加密HTTP数据进行安全传输的HTTP协议,可以防止HTTP劫持。WebSocketWebSocket是浏览器端和服务端进行实时通信的一种协议,可以在服务器端和浏览器端进行Socket方式的消息通信。RESTful数据协议规范RESTful是一种软件架构之间交互调用数据的协...原创 2018-04-20 17:20:50 · 143 阅读 · 0 评论 -
浏览器应用相关
浏览器组成用户界面:如地址输入框,前进返回,打开历史记录等网络:浏览器开启网络线程发送请求或下载资源文件的模块渲染引擎:解析DOM文档和CSS规则并将内容排版到浏览器中显示出有样式的界面UI后端:用于绘制基本浏览器窗口内控件,按钮,输入框等JavaScript解释器:浏览器解释和执行JavaScript脚本的部分,如V8引擎JavaScript引擎:可以在用户界面和渲染引擎之间传送指令或在客户端本...原创 2018-04-20 15:27:23 · 166 阅读 · 0 评论 -
前端表现层
CSS样式统一化由于浏览器内核实现的差异性,不同浏览器可能对同一元素标签的默认设置是不同的,要处理这一问题,目前主要有三种实现思路:reset,normalize,neatreset:将不同浏览器中标签元素的默认样式全部清楚,消除不同浏览器下默认样式的差异性。normalize:在整站样式基本确定的情况下对标签元素同一使用同一个默认样式规则。neat 二者结合CSS预处理变量声明和计算语法表达式函...原创 2018-04-23 18:06:08 · 1350 阅读 · 0 评论 -
三层结构和应用
DOCTYPEDOCTYPE声明指示Web浏览器页面使用哪个HTML版本编写的指令进行解析。AMP流动网页提速,是谷歌推行的一个提升页面资源载入效率的HTML提议规范。使用严格受限的高效HTML标签以及使用静态网页缓存技术来提高网络访问静态资源的性能和用户体验。DOM文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上...原创 2018-04-23 16:43:47 · 339 阅读 · 0 评论 -
设计模式
工厂模式工厂模式抽象了创建具体对象的过程。工厂模式解决了创建多个相似对象的问题,但是没有解决的对象识别的问题。function people(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { ...原创 2018-04-30 16:26:00 · 237 阅读 · 0 评论 -
css3flex方式水平,垂直居中
垂直居中 align-items: center; display: flex; 水平居中 justify-content: center;原创 2017-09-19 10:38:17 · 780 阅读 · 0 评论 -
事件和数组操作
事件冒泡IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。事件捕获不太具体的节点会更早的接收到事件,而最具体的节点最后接收到事件。目前IE9以上版本,Safari,Chorome,Opera,Firefox都支持这种事件流模型。事件委托我们不应该在大量的dom上都绑定事件,我们可以使用事件委托来应对大量节点需要绑定事件的场景。这种方式利用了冒泡的原理。如...原创 2018-04-28 17:11:23 · 381 阅读 · 0 评论