2018年04月_呦不错哦

12月 10月 09月 08月 07月 05月 04月 03月 01月

原创 git 命令行操作指令

git config --global user.name “用户名” git config --global user.email “邮箱” pwd 显示当前目录 get init 把当前目录变成git可以管理的仓库 git add “文件名” 将文件/文件夹添加到仓库，可以同时添加多个用空格隔开 git commit -m “提交信息”告诉git，将文件提交到仓库，...

2018-04-23 14:00:38 616

原创前端错误监控

前端错误分类：即时运行错误：代码错误资源加载错误错误的捕获方式：即时运行错误的捕获方式： try.catch window.onerror 资源加载错误： object.onerror 这个错误不会冒泡，需要以捕获的模式监听 performance.getEntries 获取已加载资源的加载市场，可以间接的得到没有加载资...

2018-04-17 23:03:13 399

原创提升页面性能

1.资源压缩合并，减少http请求；2.非核心代码异步加载；异步加载的方式： a.动态脚本加载； b.defer; c.async; defer:在HTML解析完成之后才会执行，并按照加载顺序执行； async:在加载完成之后立即执行，和加载顺序无关。3.利用浏览器缓存；缓存的分为强缓存和协商缓存；强缓存：...

2018-04-17 18:34:21 145

原创 JavaScript运行机制

单线程：JavaScript是单线程的，什么是单线程，单线程就是在同一时刻只能执行一个任务，只有等到这个任务完成时才会执行下一个任务。任务队列：什么是任务队列：所有的任务无非就两种，要么是同步任务，要么是异步任务。什么时候会开启异步任务：setTimeout()、setInterval()、Dom事件、es6中的 Promise。执行顺序：同步任务优先执行，遇到异步任务时先挂起...

2018-04-17 17:23:15 454

浏览器的渲染过程：浏览器将HTML解析成一个DOM Tree;将CSS解析成一个CSSOM(CSS Object Model)树;合成渲染树：将DOM 树和CSSOM 树合成成一个Rendering Tree渲染树;有了渲染树，浏览器已经知道了文档HTML中有哪些节点和各个节点的CSS样式及他们之间的从属关系，接下来就是Layout计算出各个节点在屏幕中的位置。最后就是绘制了。重排Reflow: ...

2018-04-17 15:18:32 125

原创 DOCTYPE

什么是DOCTYPE: 要了解什么是DOCTYPE前首先要知道什么是DTD： DTD（document type definition,文档类型定义）是一系列的语法规则，用来定义XML或者（X）HTML的文档类型，浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式。DOCTYPE的作用： DOCTYPE是用来声明文档类型和DTD规范的，一个...

2018-04-17 13:28:01 209

原创跨域的几种方式

前后端如何通信：AjaxWebSocketCORS跨域通信的几种方式：jsonp:jsonp是利用了script标签不受同源策略限制的特性来实现跨域通信的。js代码：function jsonhandle(data){ alert("age:" + data.age + "name:" + data.name);}var url = "correspo...

2018-04-16 18:58:59 183

原创 JavaScript 面向对象 -- 继承

继承：继承的本质就是原型链。实现继承了几种方式：1.构造函数继承：function Parent1(){ this.name = 'parent1';}...

2018-04-16 00:54:05 227

原创原型链

创建对象的几种方式：通过字面量的方式来创建：var o1 = { name: 'song'};字面量创建会默认调用下面的 new Object()来创建对象var o2 = new Object({ name: 'song'});通过构造函数的方式来创建：var Person = function(){ name: 'song'};var o3 = new Per...

2018-04-15 17:16:53 141

原创 HTTP协议

HTTP(HyperText Transfer Protocol)超文本传输协议，用于客户端和服务器端之间的通信。HTTP协议的特点：无状态：HTTP是一种不保存状态，即无状态(stateless)协议。HTTP协议自身不对请求和相应之间的状态进行保存。无连接：每进行一次HTTP通信就要断开一次TCP连接。简单快速：HTTP协议使用URI(Uniform Resource Identifier,统...

2018-04-15 15:27:20 147

原创 css BFC(块级格式化上下文)

BFC的概念：块级格式化上下文BFC的原理：垂直方向的外边距会发生重叠；BFC的区域不会与浮动元素的区域重叠（常用来清除浮动）；BFC在页面上是一个独立的容器，外面的元素不会影响里面的元素，里面的元素也不会影响外面的元素；计算BFC高度时，浮动元素也会参与计算如何创建BFC：float值不为none；position的值不为static和relative；display的值为inline-bloc...

2018-04-14 02:19:59 201

原创 js获取元素的宽高的方法

HTML代码：<section class="sec" style="width: 400px;"><style type="text/css"> .sec { background-color: red; overflow: hidden; /*width: 500px;*/ } .child { background-color: yellow...

2018-04-14 01:24:36 3019

原创 vue自定义指令

介绍：文章、博文发布网站对文章发布时间的tipindex.html->body<div id="app"> <div v-time="nowTime"> </div> <div v-time="beforeTime"></div></div>index

2018-04-05 10:47:58 462

原创编辑文本时光标的模式

出现问题：码代码时出现了光标由闪动的竖杠状态变为闪动的底杠，发现当光标变为底横杠模式时，当光标在一段字符中间时写入字符时会替换掉原本被光标覆盖的字符。问题说明：这是因为输入文本时的光标的光标存在两种模式：一种是插入模式（光标为竖杠），另一种是覆盖模式（光标为横杠）解决办法：按下 Insert 键切换...

2018-04-04 16:10:46 3333

原创 .contains() 判断一个元素内是否包含另一个元素

<div id="parent"> parent <div id="children">children</div></div>js代码：let parent = document.getElementById('parent')let children = document.getElementById('children'...

2018-04-04 09:02:03 30086

原创判断用户输入的是否是数字

function isValueNumber(val){ let value = val.replace('/(^\s*)|(\s*$)','') //去除字符串前后空格 let num = Number(value) //将字符串转换为数字 if(isNaN(num)){ //判断是否是非数字 return false }else if(value === ''||...

2018-04-02 20:52:50 4839

TA关注的人

songmumu博客