- 博客(35)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 本地文件夹上传Github和忽略输入密码
一、本地上传Github忽略输入密码有两种方法。1.第一种方法在本地克隆下来的git仓库中找到 .git 目录，进入 .git 目录 找到 config 文件打开，添加[user] name = 你的用户名 email = 你的邮箱[credential] helper = store保存后 push 一次，下次就不需要输入密码了2.第二种方法git ba...
2019-04-30 11:20:27
457
原创 ES6系列学习（6）模块、Babel、Polyfill、ES6继承
1.ES6模块//config.jsexport const apiKey = 'abc123';export const age = 12;export function greet(name){};//import { apiKey ,age , greet} from './config'slug:可以将各种各样的用户名转换成-连接的用户名，地址：https://ww...
2019-04-29 12:47:24
705
原创 ES6系列学习（5）
1.Promise简介回调中使用回调函数，保证执行顺序：2.构建一个Promise3.Promise实例应用4.处理多个Promise5.Symbol6.ESlint
2019-04-28 11:41:10
176
原创 ES6系列学习（3）for of、for in、foreach、Object.keys、Object.values、Object.getOwnProperty、hasOwnProperty和in
1.新增的字符串函数startsWith()、endsWith()、includes()、repeat()2.对象解构3.数组解构const numbers = ['one','two','three','four','five'];const [one,...others] = numbers;others = ['two','three','four','five'];...
2019-04-26 21:50:43
2005
原创 ES6系列学习（2)
1.Arrow Function箭头函数箭头函数好处：1.简明的语法2.可以隐式返回（删掉return，就是简写形式）3.不绑定thisconst numbers = [5,6,13,0,18,23];const double = numbers.map( (number) => number*2 )2.箭头函数this理解const Jelly = { name:'J...
2019-04-26 13:58:17
221
原创 ES6系列学习（1）
来源：https://www.bilibili.com/video/av47304735/?p=1https://www.youtube.com/watch?v=5s35h_6v4ZI&list=PLCRqr1mERvdJ0IZMD1U4oSB7k0gyAjyIx1.var let constconst只是保证引用地址不变，所以变量里面内容可变。const person = {...
2019-04-25 23:05:28
284
原创 Polyfill
Polyfill你可以理解为“腻子”，就是装修的时候，可以把缺损的地方填充抹平。举个例子，html5的storage(session,local), 不同浏览器，不同版本，有些支持，有些不支持。我们又想使用这个特性，怎么办？有些人就写对应的Polyfill（Polyfill有很多），帮你把这些差异化抹平，不支持的变得支持了（简单来讲，写些代码判断当前浏览器有没有这个功能，没有的话，就写一些支...
2019-04-18 15:10:36
1146
原创 JS中sort函数底层实现机制
V8 引擎 sort 函数只给出了两种排序 InsertionSort 和 QuickSort，数量小于10的数组使用 InsertionSort，比10大的数组则使用 QuickSort。参考文章：https://segmentfault.com/q/1010000007133473?_ea=1247880...
2019-04-17 21:03:25
4052
原创 JavaScript中清空数组
三种方法可以参考下：方式1，splicevar ary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary); // 输出 []，空数组，即被清空了方式2，length赋值为0int[] ary = {1,2,3,4};ary.length = 0;方式3，赋值为[]var ary = [1,2,3,4];ary = [...
2019-04-17 13:26:54
667
原创 typeof 防范机制
总结：typeof的容错机制可以用来检查undeclared（未声明）变量，而不是直接报错已在作用域中声明但还没有赋值的变量，是undefined的,相反，还没有在作用域中声明过的变量，是undeclared的，看一段代码：var a ; a;//undefined b;//ReferenceError: b is not defined typeof a ;// 'undefined'...
2019-04-17 09:18:25
380
慕课网Promise学习(1)
课程来源：https://www.imooc.com/learn/9491.Promise介绍Promise是什么1.主要用于异步计算2.可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。3.可以在对象之间传递和操作Promise，帮助我们处理队列Promise产生的背景根源是为了优化表单提交的用户体验，而开发了JavaScript这款包含大量异步操作的脚本语言。在提交...
2019-04-14 22:17:06
170
1
原创 前端面试题（4）
1.请问什么是替换元素与非替换元素，他们的差异是什么，并举例说明2.offsetWidth、clientWidth、scrollWidth的区别3.DOM标准事件模型是什么？是否所有的事件都支持冒泡？（如果不是，举例说明一下哪些事件不支持冒泡）4.CSS选择器的优先级是什么5.简述什么是IFC，以及IFC的作用是什么？6.用CSS实现自适应正方形，列出的方案越多越好7.http://t...
2019-04-14 21:08:51
307
原创 JavaScipt中变量和函数提升
规则是：对于同名的变量声明，Javascript采用的是忽略原则，后声明的会被忽略，变量声明和赋值操作可以写在一起，但是只有声明会被提升，提升后变量的值默认为undefined，结果是在赋值操作执行前变量的值必为undefinedconsole.log(a1)var a1 = 1;console.log(a1);undefined1对于同名的函数声明，Javascript采用的是...
2019-04-14 15:41:16
146
原创 创建Object（对象）实例两种方法：构造函数法和对象字面量表示法
我们如何创建一个Object（对象）实例？两种方法：构造函数法和对象字面量表示法1.构造函数法var person=new Object();person.name="zhuzhenwei";person.age=20;这里Object（）实际上是默认的构造函数，显然，为满足需要，我们可以通过后两条语句添加新的属性。我们还要注意一个问题，因为Object自身的属性是不可枚举的，al...
2019-04-14 13:27:39
1198
原创 JavaScript中包装类型
先看一道题：下面哪些语句可以 在JS里判断一个对象oStringObject是否为String。oStringObject instanceof String (√)typeof oStringObject == 'string' （x）JS 中值的类型分为原始值类型和对象类型。原始值类型包括 number, string, boolean, null 和 undefined；对象类型...
2019-04-14 00:18:06
454
原创 Three.js基础学习资料
1.学习资料整理官方文档：https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scenethressjs笔记：入门：https://segmentfault.com/a/1190000008495699创建物体：https://segmentfault.com/a/1190000008525398光：...
2019-04-13 20:35:23
317
原创 从一道题了解JavaScript中内存问题(a.x = a = {n: 2};)
var a = {n: 1};var b = a;a.x = a = {n: 2};a.x // 这时 a.x 的值是多少b.x // 这时 b.x 的值是多少还需要后续多了解。可以参考文章：http://www.cnblogs.com/vajoy/p/3703859.html#!/followhttps://juejin.im/post/5bf4c3eff265da613...
2019-04-13 15:03:56
273
1
原创 JS中==、===和Object.is()的区别
1.====：等同，比较运算符，两边值类型不同的时候，先进行类型转换，再比较；2.======：恒等，严格比较运算符，不做类型转换，类型不同就是不等；===只需要利用下面的规则来判断两个值是否恒等就行了:1.如果类型不同，就不相等2.如果两个都是数值，并且是同一个值，那么相等；值得注意的是，如果两个值中至少一个是NaN，那么不相等（判断一个值是否是NaN，可以用isNaN()或Obj...
2019-04-13 13:26:56
291
原创 HTML文件直接在浏览器打开和本地服务器localhost打开有什么区别
最直接的区别，很容易注意到，一个是file协议，另一个是http协议。file协议更多的是将该请求视为一个本地资源访问请求，和你使用资源管理器打开是一样的，是纯粹的请求本地文件。http请求方式则是通过假架设一个web服务器，解析http协议的请求然后向浏览器返回资源信息。我们所开发的html文件最后必定是会以网页的形式部署在服务器上，通过http协议访问，所以我们开发中也尽可能模拟线上环境，...
2019-04-11 15:39:34
21610
3
原创 TCP、UDP和流量控制、拥塞控制
1.TCP和UDP之间的区别1.TCP 是面向连接的传输层协议，应用程序在使用 TCP 协议之前，必须先建立 TCP 连接，传输数据完后，需要释放 TCP 连接。UDP 是无连接的，发送数据之前不需要建立连接，因此减少了开销和发送数据的时延。2.每一条 TCP 连接只能有两个端点，所以 TCP 连接是点对点的。UDP 支持一对一，一对多，多对一和多对多的相互通信。3.TCP 提供可靠交互的服...
2019-04-11 13:33:34
7555
原创 JavaScript中事件循环和Nodejs中事件循环
1.JavaScript中事件循环可以参考《JavaScript忍者秘籍第二版》第十三章，讲解的很好。JavaScript中事件循环，主要就在理解宏任务和微任务这两种异步任务。宏任务（macrotask）：setTimeOut 、 setInterval 、 setImmediate 、 I/O 、 各种callback、 UI渲染 、messageChannel等优先级：主代码块 &g...
2019-04-10 12:42:47
4889
4
原创 JavaScript中回调
1.先看一个回调函数的基本实现：回调函数就是一个参数，将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数。这个过程就叫做回调.// 声明一个函数，它的参数是一个函数fnfunction example(fn) { // 回调前，可以do something alert('我是回调前执行的代码'); // 存在fn则直接用，不存fn在则...
2019-04-10 09:59:16
2176
原创 看一道JavaScript题（类型转换）
function fn(){ return 20;}fn.toString = function(){ return 10;}console.log(fn+10)20我们看一些输出：function fn() { return 10;}console.log(fn); // 浏览器环境下，ƒ fn() { return 10;}console...
2019-04-09 16:01:15
315
原创 querySelector和querySelectorAll
它们俩是有区别的：1.querySelector返回满足条件的第一个元素（node），而querySelectorAll返回满足条件的所有元素（nodelist）；2.在都没有满足条件的元素情况下：querySelector返回null，而querySelectorAll返回空的数组[]。1.querySelector返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹...
2019-04-07 23:58:20
15779
原创 JavaScript中深拷贝与浅拷贝
let a = {age: 1}let b = aa.age = 2console.log(b.age) // 2let a = {age: 1}let b = Object.assign({}, a)a.age = 2console.log(b.age) // 1let a = {age: 1}let b = {...a}a.age = 2console.l...
2019-04-07 18:27:10
224
原创 牛客网刷题记录（2）
来源：https://www.nowcoder.com/profile/2496345/test/21517591/318685#summary1.折半查找已知一个有序表为（12,18,24,35,47,50,62,83,90,115,134），当折半查找值为90的元素时，经过（）次比较后查找成功?2次第一次折半得到62,83,90,115,134，第二次折半时可直接得到90。2.常用图...
2019-04-07 13:34:17
957
原创 前端面试题（2）
来源：https://www.zhihu.com/question/41466747/answer/1325627251.HTTP请求和响应1.用户输入URL到浏览器显现给用户页面经过了什么过程用户输入URL，2.浏览器获取到URL浏览器(应用层)进行DNS解析（直接输入IP地址既跳过该步骤）3.根据解析出的IP地址+端口，浏览器（应用层）发起HTTP请求，请求中携带（请求头header（...
2019-04-06 16:20:34
173
原创 前端面试题（1）
题目来源：https://www.zhihu.com/question/41466747/answer/1325627251.html+css部分（1）css盒模型，可能会要求手写一个布局。（2）html5的新特性：新增结构相关的元素：section、article、aside、header、footer、nav、figure、main新增表单元素：datalist、keygen、out...
2019-04-06 15:21:21
290
原创 HTTP缓存机制及原理（强制缓存/协商缓存）
可以参考文章：https://www.imooc.com/article/267319#comment主要感觉里面的图很好。强制缓存（Expires/Cache-Control）：协商缓存：1.Last-Modified和If-Modified-Since2.Etag和If-None-Match...
2019-04-05 21:16:54
976
原创 回流（reflow）和重绘（repaint）以及两者的区别
1.总结reflow(回流):对DOM树进行渲染，只要修改DOM或修改元素的形状大小，就会触发reflow。display显示/隐藏元素，显示时占据空间，隐藏时元素不占据空间，隐藏前后dom结构有发生变化，需要重新渲染。visibility显示/隐藏元素，显示时占据空间，隐藏时元素占据空间，隐藏前后dom结构未发生变化，不需要重新渲染。单纯改变字体颜色，背景只需要repaint(重绘)，不...
2019-04-05 20:53:56
4771
3
原创 Git常用操作
//一般配置git --version //查看git的版本信息git config --global user.name //获取当前登录的用户git config --global user.email //获取当前登录用户的邮箱//登陆git/* 如果刚没有获取到用户配置，则只能拉取代码，不能修改 要是使用git，你要告诉git是谁在使用*/git config -...
2019-04-05 02:48:23
186
原创 JS扁平化（flatten）数组
JS扁平化分类：1.对象扁平化（深度很深的对象，经过扁平化编程深度为 1 的对象）、2.数组扁平化（降维过程，多维数组经过扁平化变成一维数组）。首先让我们思考一个这样的题目；假如有一个数组 var arr = [1, [2, 3, [4]]] ，我们怎么能把arr变成[1, 2, 3, 4]呢？即让多维数组降维，转换为只有一层的数组；如果用过lodash的话，我们知道 flatten 和 f...
2019-04-04 14:41:06
13332
原创 JavaScript类数组（push值和转换成数组）
类数组对象：只包含使用从零开始，且自然递增的整数做键名，并且定义了length表示元素个数的对象，我们就认为他是类数组对象！所以给出定义：1.具有索引属性（数字）2.有length属性3.最好加上push属性var obj = { "0":'a', "1":'b', "2":'c', "length":3, "push":Array.prototype.push}//o...
2019-04-01 14:08:56
1070
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人