图解HTTP读书笔记(二)
2019-06-12
阅读 2 分钟
1.5kHTTP/1.1 规范允许一台 HTTP 服务器搭建多个 Web 站点。比如，提供 Web 托管服务的供应商,这是因为利用了虚拟主机（Virtual Host，又称虚拟服务器）的功能,即使物理层面只有一台服务器，但只要使用虚拟主机的功能，则可以假想已具有多台服务器
图解HTTP读书笔记(一)
2019-06-11
阅读 11 分钟
1.8k使用HTTP访问web 输入URL时页面是如何呈现的 HTTP被译为超文本传输协议 TCP/IP协议族 TCP/IP是互联网相关的各类协议族总称 TCP/IP的分层管理:应用层 . 传输层 . 网络层 . 数据链路层 把TCP/IP层次化的好处：想重新改动设计时，不用修改整个协议，而修改对应的层。 应用层决定了向用户提供应用服务时通信的活动，HTTP协议...
github常用命令集合
2019-06-08
阅读 7 分钟
2.4kpwd命令用于显示当前目录，在我的电脑中，这个仓库位于/users/michael/learngit若是window系统，为了避免遇到各种莫名其妙的问题，请确保目录名(包括父目录)不包含中文
Cenos服务器中配置nginx
2019-06-02
阅读 3 分钟
2.4kNginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少，稳定性高等优势。它最常的用途是提供反向代理服务
移动端真机调试：spy-debugger调试教程
2019-05-20
阅读 1 分钟
9.4k在window下安装：npm install spy-debugger -g 在MAC下安装：sudo npm install spy-debugger -g
花点时间弄懂XSS攻击.
2019-05-15
阅读 3 分钟
6k最近在segmentfault发现了刘小夕.很喜欢刘小夕写出来的技术博文，被安排的明明白白.此文章为学习刘小夕的WEB安全笔记.欢迎大家也去Pick她.文章最后有原文链接.
性能分析的一些数字指标
2019-05-13
阅读 1 分钟
1.7kW3C出了一些API，var time = performance.timing在前端页面window.onload中console.log(time)后会得到一个数组，数组中包含了以下列表中的值.
元信息类标签head.title.meta的使用目的和配置方法
2019-05-09
阅读 4 分钟
4.8kbase标签指定了一个url地址作为基准，那么当前文档中的所有超链接都遵循这一规则，在a中设置访问目标的相对地址，浏览器会自动解析出一个完整的链接地址，若a的href为空，浏览器也会根据base所给的url进行访问。注意：base标签需放在包含url地址的语句前面
从输入url到页面展示发生了什么
2019-05-08
阅读 8 分钟
2.2k当我们开始在浏览器中输入网址的时候，浏览器其实就已经在智能的匹配可能的url了，他会从历史记录，书签等地方，找到已经输入的字符串可能对应的Url,然后给出智能的提示，让你可以补全地址。对于google的chrome的浏览器，他甚至会直接从缓存中把网页展示出来，就是说，你还没有按下enter，页面就出来了。
浏览器渲染原理及流程
2019-05-05
阅读 2 分钟
3.5k目前常用的浏览器：Firefox . chrome . safari 是基于两种渲染引擎构建的，Firefox使用Geoko,是Mozilla自主研发的渲染引擎，Safari和Chrome都使用webkit.
Better-Scroll使用记录
2019-05-02
阅读 3 分钟
1.5k在package.json中引入better-scroll {代码...} 在命令行输入npm install 通过此方法，在node-moudle中会出现better-scroll文件夹 在要使用better-scroll的vue文件中引入 {代码...} better-scroll在vue文件中的使用 {代码...} 关于nextTick方法的简介 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用 {代码...} ...
花点时间弄懂flex布局.
2019-04-27
阅读 5 分钟
2kFlex是Flexible Box的缩写，意为弹性布局。任何容器都可以指定为Flex布局.备注以下：在文中，自我理解：主轴为X轴，交叉轴为Y轴
vue-cli的build的文件夹下没有dev-server.js文件，怎么配置mock数据
2019-04-17
阅读 1 分钟
2.7k由于最新版本的vue-cli已经放弃dev-server.js，需在webpack.dev.conf.js配置才行新版本的webpack.dev.conf.js配置如下：
每日两道前端面试题20190331
2019-03-31
阅读 3 分钟
1.2k目前我用过最好的就是这个方法了，浏览器兼容性最好最简便。首先把列的padding-bottom设为一个足够大的值，再把列的margin-bottom设一个与前面的padding-bottom的正值相抵消的负值，父容器设置超出隐藏，这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度，当它里面的任一列高度增加了，则父容器的高度...
display有哪些值 与 position的值relative和absolute定位的原点是？
2019-03-10
阅读 1 分钟
2.5kdisplay有哪些值？说明他们的作用 block 块类型，默认宽度为父元素宽度，可设置宽高，换行显示. none 元素不显示，并从文档流中删除 inline 行内元素类型，默认宽度为内容宽度，不可设置宽高，同行显示 inline-block 默认宽度为内容宽度，可以设置宽高，同行显示 list-item 像块元素一样显示，并添加样式列表标记。 tabl...
CSS3新增的伪类有哪些 与 居中div的多种方法
2019-03-07
阅读 1 分钟
2.8kCSS3新增伪类有那些？ p:first-of-type:选择属于其父元素的首个<p>元素 p:last-of-type:选择属于其父元素的最后<p>元素 p:only-of-type:属于父元素的特定类型的唯一子元素 p:only-child:属于父元素的唯一子元素的每个<p>元素 p:nth-child(2):选择父元素的第二个子元素 ::after 在元素之前添加内容 ::b...
CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法
2019-03-06
阅读 2 分钟
6.6k可继承属性：1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:偏大或偏小的字体2.文本系列属性text-indent:文本缩进text-align:文本水平对刘line-height:行高word-spacing:增加或减少单词间的空白letter-spacing：...
实现浏览器内多个标签页之间的通信
2019-03-01
阅读 3 分钟
8.3k第一种方式：websocket协议.1.首先我们得了解websocket是什么？它是一种网络通信协议2.为什么会用到websocket?因为http有缺陷，通信只可以由客户端发起，服务器无法主动向客户端发送消息。但如果这时，服务器有连续变化的状态，那么就只能使用轮询的方式来访问。轮询：每隔一段时间，就发出一个询问.因为websocket拥有全...
CSS预编译是什么？
2019-02-28
阅读 1 分钟
2.3k有人开发了一些扩展CSS功能的写法，比如less,sass,其目的是让css能支持一些编程语言才有的功能，比如：表达式，函数，变量，循环，判断.有这些功能就能方便重复定义，写css时省事.举以下例子.
Gulp和webpack的区别
2019-02-28
阅读 1 分钟
19.9k背景：今天了解了大厂前端任职的一些要求：里面写了要熟悉webpack打包工具和Gulp构建工具，作为前端新人，看到这个就想这两种工具有什么区别？在这里解答一下自已，而且希望可以帮助到有疑问的人.
Label的作用以及使用方法
2019-02-27
阅读 1 分钟
2.5kLabel的作用以及使用方法 label标签:当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 如上图所示，当点击label标签即男生女生名字时，input框会自动获取焦点，方便了鼠标的操作 {代码...} 此时要注意label的for属性对应的是input的Id. HTML5的form如何关闭自动完成功能？ 1.设置Form元素的autocomp...
cookies，sessionStorage 和 localStorage 的区别
2019-02-26
阅读 1 分钟
4.4k1.cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据 - 通常经过加密2.cookie数据始终在同源的http请求中携带，即使不需要，也会在浏览器和服务器间来回传递。3.sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存
HTML5的离线存储
2019-02-22
阅读 2 分钟
1.5k工作原理：在线的情况下，浏览器发现html头部有manifest属性，它会请求manifest文件如果是第一次访问app，那么浏览器会根据manifest文件的内容下载相应的资源并进行离线处理如果访问的app资源已经离线存储了，则浏览器会使用离线的资源加载页面同时对比新的manifest与旧的manifest文件，如果没有发生改变，则不做任何操...
XMLHttpRequest
2019-01-31
阅读 2 分钟
1.5k1 - 冒泡型事件事件按照从最特定的事件目标到最不特定的事件目标（document对象）的顺序触发IE 5.5 div -> body -> documentIE 6.0 div -> body -> documentMozila 1.0 div -> body -> html -> document -> window
对网站的文件和资源进行优化
2019-01-24
阅读 1 分钟
1.4k1.文件合并文件最小化/文件压缩2.CDN托管缓存CDN可能有些人不清楚是什么，可以用以前买米车票的经历来形象比喻：8年前，还没有火车票代售点一说，12306.cn更是无从说起。那时候火车票还只能在火车站的售票大厅购买，而我所住的小县城并不通火车，火车票都要去市里的火车站购买，而从县城到市里，来回就是4个小时车程，简...
- 1(current)
- 下一页