2018年02月_fechild

原创可复用的代码和感想

1.监听到scroll事件的条件：父级元素定高，子元素高度比父元素高，滚动条是相对于父级元素的。对于某些浏览器来说，滚动元素是html，但是有些确实body。通用的获取页面的滚动元素的方法，document.scrollingElement2.video和audio不能做到自动播放，只能用户手动点击，才可以播放，video的全屏功能浏览器兼容性不好3.要想设置滚动条样式，设置-webkit...

2018-02-08 11:19:32 828 2

第2章：简单的HTTP协议2.1 http协议用于客户端和服务器的通信2.2 通过请求和响应的交换达成通信上图为某个客户端发送给服务器的请求报文，请求报文由请求方法、请求的uri、请求使用的协议及版本以及其它可能的请求首部字段和可能的内容实体组成。响应报文由协议版本、响应状态码以及对应的意义解释、可选的响应首部字段和响应主体组成。2.3 HTTP是不保存状态的协议http协议对于之前客户端和服务器...

2018-02-09 14:01:13 196

原创前端性能优化

1.首屏时间 = DNS时间 + 建立连接时间 + 后端响应时间 + 网络传输时间 + 首屏页面渲染时间前端优化策略1、减少http请求：将图片、js、css合并，对于图片还可以使用lazy load5、将样式表放在顶部，这样能够更快的渲染页面结构，增加用户体验6、将脚本放在底部：不会阻止页面显示，也不会阻止组件下载8、使用外部JavaScript和css ：内联方式浏览器不会缓存，每次请求htm...

2018-02-09 10:01:08 211

原创常用通用原生js函数

1. 获取视口宽度 getViewportWidth: function(){ var pageWidth = window.innerWidth; if (typeof pageWidth != "number"){ if (document.compatMode == "CSS1Compat"){ ...

2018-02-08 11:10:40 556

转载 vue and react

React 虚拟DOM（https://zhuanlan.zhihu.com/p/28562066）通过在 JS 和 DOM 之间增加一个新的抽象表示层，从而在需要更新时，对比这一表示层的 diff，最终差量更新 DOM。当有数据变化时，例如 list 变为了 [ { id: 1, text: 'Item 1' } ]，React 会执行如下三个步骤：接收到变更数据，整个 UI 被重新渲染为新的 ...

2018-02-08 11:05:15 837

原创图解http读书笔记（一）

1.3 网络基础1.http协议属于tcp/ip协议簇中的一种，属于应用层协议。2.TCP/IP协议簇分为4层，从下往上依次为：数据链路层、网络层（IP）、传输层（TCP、UDP）、应用层（HTTP、FTP、DNS）。其中，数据链路层与物理硬件有关，比如电缆。网络层的处理对象为网络上的数据包，数据包是网络传输的最小单位，该层规定通过怎样的路径到达对方计算机，并把数据包传给对方。传输层的处理对象为上...

2018-02-07 17:40:48 254

翻译 nodejs中的阻塞和非阻塞（https://nodejs.org/en/docs/guides/blocking-vs-non-blocking/）

一、简述这片文章主要讲述Nodejs中的阻塞和非阻塞回调，涉及到事件循环和libuv。但是你并不需要提前了解这些知识，你只需要具备js和Nodejs回调模式的基础。"I/O"指的是与系统硬盘的交互以及libuv所支持的网络交互。1.Blocking阻塞1.1代码对比阻塞指的是Nodejs中的js进程必须等待非js操作完成之后才能执行，原因是当阻塞操作发生时，事件循环无法持续运行。在nodejs中，...

2018-02-01 14:26:48 1336

cotexarm7的专栏