2018年07月_zhangyingji

08月 07月 05月 04月 03月

原创输入URL到页面加载完发生的那些事儿

1 浏览器解析URL，生成HTTP请求URL示例http://www.zhangyingji.cn/index.html对应如下：协议 + // + Web服务器名 + / + 文件路径名2 浏览器先查看浏览器缓存-系统缓存-路由器缓存 - 有：加载页面 - 没有：进行DNS解析，获取IP3 浏览器向服务器发起TCP连接TCP连接：三次握手 - 客户端发送SYN为...

2018-07-26 13:32:26 210

原创最常见的HTTP状态码

状态码的第一位数字表示状态类型1: 告知请求的处理进度和情况2: 成功200: 成功，成功处理了请求201：已创建，成功并且服务器创建了新的资源202：已接受，服务器已接受请求，但尚未处理3: 表示需要进一步操作304：未修改，请求的网页未修改过4: 客户端错误400：错误请求，语法问题401：未授权，请求要求身份验证403：禁止，服务...

2018-07-26 13:30:05 192

原创常用的水平垂直居中方法总结

下面分内联元素、块级元素总结，flex布局均适用于这两者，故独立出来内联元素// 水平text-align: center;// 垂直：设置两者相等 height: 100px;line-height: 100px;多行文字：利用table.parent { display: table;}.children { // 使其成为单元格 ...

2018-07-23 14:51:59 199

原创前端代码规范

通用规范语义化、简洁省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:）注释代码：包含的模块，功能以及优点HTML在引用样式表和脚本时，不要指定 type 属性，除非不是 CSS 或 JavaScript属性值用双引号 CSSfont-size: .8em;color: 16进制; 分隔符 -按首字母顺序书写选择器...

2018-07-22 22:07:29 124

原创清除浮动、浏览器前缀

清除浮动给父元素加高度clear:both; 但会导致margin失效隔墙法<div class=”cl h10”></div> .cl {clear: both;} // 控制间距.h10 { height:10px} 给父元素增加overflow:hidden;IE6追加_zoom: 1;浏览器前缀webkit 以webk...

2018-07-22 21:48:29 137

思路固定列数的浮动布局： 1. 根据设备屏幕的宽度和加载图片的宽度来固定列数，之后又获取每一列图片的高度，将要加载的图片放在高度最小的那一列图片下面，循环数组不断的寻找高度最小的那一列图片，将图片放在下面实现基本的布局效果。 2. 创建一个滚动条监听事件（当最后一张图片距顶的高度 &amp;lt; 屏幕的高度+滚动条滚动的距离）时，就触发我们在页面动态的添加图片的事件（用JavasSript在Ht...

2018-07-22 20:50:39 616

原创 ajax在回调函数中嵌套ajax

问题项目需要在第一个请求执行成功取得一些参数后，立即执行第二个请求，而直接嵌套没有达到想要的的效果解决ajax中有一个async参数（异步属性），默认为true。故将其设置为false即可对异步、同步的不了解的请自行查阅资料...

2018-07-18 09:49:36 10190 1

前端代码规范

This repository contains the specifications. - [Javascript编码规范](javascript-style-guide.md) [1.3] - [Javascript编码规范 - ESNext补充篇](es-next-style-guide.md) [draft] - [HTML编码规范](html-style-guide.md) [1.2] - [CSS编码规范](css-style-guide.md) [1.2] - [Less编码规范](less-code-style.md) [1.1] - [E-JSON数据传输标准](e-json.md) [1.0] - [模块和加载器规范](module.md) [1.1] - [包结构规范](package.md) [1.1] - [项目目录结构规范](directory.md) [1.1] - [图表库标准](chart.md) [1.0]

2019-03-10

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人