- 博客(87)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS3:nth-child
nth-child(n) ---->选中某个元素，该元素必须是某个父元素下的第n个子元素；p:nth-child(n) ---->选中p元素，且该p元素必须是某个父元素下的第n个子元素注意：n是从1开始的，如果是nth-child（0）是获取不到元素的。正方向范围 nth-child(n+number)li:nth-child(n+6) 选中从第6个开始的...
2019-04-12 21:56:57
280
转载 {}+[]是什么？详解js的“+”号运算符
在JS中的运算符共同的情况中，(+)符号是很常见的一种，它有以下的使用情况:数字的加法运算，二元运算字符串的连接运算，二元运算，最高优先正号，一元运算，可延伸为强制转换其他类型的运算元为数字类型当然，如果考虑多个符号一起使用时，(+=)与(++)又是另外的用途。另一个常见的是花括号({})，它有两个用途也很常见:对象的字面文字定义区块语句所以，要能回答这...
2019-04-07 10:51:11
2722
原创 算法： n个元素进栈，共有多少种出栈顺序？
1.基于栈的问题分析我们把n个元素的出栈个数的记为f(n), 那么对于1,2,3, 我们很容易得出： f(1) = 1 //即 1 f(2) = 2 //即 12、21 f(3) = 5 /...
2019-04-06 09:57:04
3123
原创 错题集
本题目考点为css3：nth-child(n)可参见链接https://blog.csdn.net/MeiLuan_yahoho/article/details/89260388相关知识点文章：https://www.zhihu.com/question/20351507http://caibaojian.com/module-javascript.htmlnu...
2019-04-04 00:19:43
333
原创 二叉树系列 -Js实现将二叉搜索树转化为双向链表
剑指Offer题目：输入一棵二叉搜索树，将该二叉搜索树转换成一个排序的双向链表。要求不能创建任何新的结点，只能调整树中结点指针的指向。首先我们看一下将二叉搜索树转化为双向链表后的样子：不难发现其实就是二叉树的中序遍历要意识到查找二叉树转为排序列表其实只要对排序二叉树中序遍历，（查找二叉树的左子树的节点都小于根，右子树的节点都大于根）；所以可以利用栈进行非递归的遍历1、先遍历左子树，直到...
2019-03-30 22:46:41
559
原创 Js数组
1.创建数组使用Array构造函数 new Array( )var a = new Array(“red”,“blue”，“yellow”)var a = new Array(5); a[0]=red;使用数组字面量的方法var colors = [“red”,“blue”];2.检测数组instanceof原理：利用原型链（判断实例的__proto__和Array...
2019-03-19 14:38:23
154
原创 可能是最详细的HTTP状态码介绍 常见状态码包含实际应用场景及解决办法
HTTP状态码2XX 成功200 OK204 No Content206 Partial Content3XX重定向301 Moved Permanently302Found301、302的选择303 See Other2XX 成功200 OK表示从客户端发来的请求在服务端被正常处理了。204 No Content服务器接收到的请求已成功处理，但在返回的响应报文中不含实体的主体部分。一般...
2019-03-18 10:42:33
1312
原创 CSS布局小结
CSS小结实现水平居中：a.方案一text-align:center(只控制文字、行内元素、行内块级元素)如果是块级元素可以设置display:inline-block去实现。b.方案二marigin:auto（只对块级元素有效 ）元素必须要设定width值，且不能为autoc.方案三：子绝父相对子元素设置left:50%transform:translateX(-50%) ...
2019-03-15 13:10:12
169
原创 基本类型、引用类型复制变量值
1.、对象是是存放在堆内存中的，而基本类型存放在栈内存中当复制引用类型值（对象）的时候复制的其实是一个指针（指向在内存中的位置）一个例子更好地理解关于引用类型的复制。b=a；使得b的值指向了a指向的堆内存中存放的对象，所以当b改变复制后的对象时，相应的堆内存所表示的该对象改变，所以引起了a的变化；而当我们使用对象自变量语法给b重新定义后，这时候堆内存是重新开辟了一个存放新对象的空间，而b的...
2019-03-10 12:24:22
259
转载 【前端面试】响应式布局总结（转)
响应式布局总结本章主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式布局实现原理第一：正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落里的某个地方就好比父元素，由于父元素...
2019-03-03 10:51:48
4412
原创 分享一个详细讲解CSS布局的链接
https://juejin.im/post/5aa252ac518825558001d5de#heading-8
2019-03-01 17:45:17
205
转载 【CSS复习】Flex布局
Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ di...
2019-03-01 17:20:47
203
转载 【CSS复习】CSS position绝对定位与相对定位
通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，，这个时候你给这个元素设置的left,right,bottom,top这些偏移属性都是没有效果的，不会生效。relative怎么理解呢？如果说我对某元素设置了相对定位，那么首先这个元素他会跟其它的元素一样，出现在文档流中它该出现的位置，然后，我们可以设置它的水平或垂直偏移量，让这个元素相对...
2019-03-01 15:33:31
224
转载 【前端面试】Web安全
XSS跨网站指令码（cross-site scripting）是代码注入的一种通过修改html代码或者执行javaScript代码来攻击XSS攻击分为三种：反射型，存储型和DOM-based如何攻击XSS 通过修改 HTML 节点或者执行 JS 代码来攻击网站。例如通过 URL 获取某些参数<!-- http://www.domain.com?name=<script&g...
2019-02-27 10:07:13
488
原创 块级格式上下文
https://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/
2019-02-26 18:48:01
296
原创 CSS盒子模型
盒子模型包含：content,padding,border,margin标准盒子模型：IE盒子模型在标准盒子模型中：width指的是content的宽度，而在ie中width指的是border+padding+content的宽度background-color将填充所有border以内的区域。box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要...
2019-02-26 16:37:54
216
原创 【前端面经】网易有道一面面经（视频面试）
说说做的项目（问到我项目里的节流是怎么实现的）正则表达式 匹配手机号页面性能优化数组的api,两个数组合并的方法js修改伪元素说说闭包的了解，闭包有什么坏处说说作用域链的了解说说事件委托，事件委托的好处apply,bind，call的区别盒子模型，通常说的width指的是哪个部分，所有情况都是这样吗？box-sizing浏览器渲染原理，过程...
2019-02-26 15:12:00
1400
转载 【转】(面试复习)关于跨域问题的解决办法
什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源策略限制内容有：Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求发送后，结果被浏...
2019-02-25 22:48:51
1739
原创 什么是顶级域名、根域/二级域名、一级域名/子域名
根域名就是想XXX.com这样只有一个“.”的域名。子域名是像xxx.xxx.com这样有两个“.”以上的域名
2019-02-25 21:14:38
10099
3
原创 【前端面试】事件机制（事件冒泡，事件捕获，事件委托/事件代理）
事件机制事件触发三阶段window 往事件触发处传播，遇到注册的捕获事件会触发传播到事件触发处时触发注册的事件从事件触发处往 window 传播，遇到注册的冒泡事件会触发事件触发一般来说会按照上面的顺序进行，但是也有特例，如果给一个目标节点同时注册冒泡和捕获事件，事件触发会按照注册的顺序执行。// 以下会先打印冒泡然后是捕获node.addEventListener( 'cl...
2019-02-25 19:31:42
1950
原创 【前端面试准备】Vue和React的相同点和不同点
React 和 Vue 的相同点**1.使用Virtual DOM用JS模拟DOM结构，DOM变化的对比，放在JS层做，以提高重绘性能DOM操作昂贵，JS运行效率高，要减少DOM操作进一步了解为什么使用虚拟dom：可查看链接https://www.cnblogs.com/ziyoublog/p/9989797.html2. 提供了响应式(Reactive)和组件化（Composab...
2019-02-25 12:16:48
1448
原创 【前端面试vue】vue响应式(双向数据绑定)原理及实现简例
Vue如何追踪变化vue.js采用的是数据劫持结合发布和-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听回调。当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty (ES5...
2019-02-25 10:32:51
4687
原创 【前端面试】React生命周期函数以及V16新的Api引入
生命周期函数指在某一时刻调用的函数1.初始化这时候执行的其实就是constructor2.mount挂载componentWillMount – render – componentDidMount组件即将被挂载到页面上–挂载–组件被挂载到页面上之后执行componentWillMount， componentDidMount只会在第一次的时候执行3.update更新组件更新有两...
2019-02-24 00:21:46
317
转载 【转】JS面试复习--css布局
单列布局常见的单列布局有两种：header,content和footer等宽的单列布局header与footer等宽,content略窄的单列布局1.如何实现对于第一种，先通过对header,content,footer统一设置width：1000px;或者max-width：1000px(这两者的区别是当屏幕小于1000px时，前者会出现滚动条，后者则不会，显示出实际宽度);然后设...
2019-02-21 15:19:44
189
转载 es6复习之Promise详解以及相关的面试题
在我们开发的过程中，一般来说我们会碰到的回调嵌套都不会很多，一般就一到两级，但是某些情况下，回调嵌套很多时，代码就会非常繁琐，会给我们的编程带来很多的麻烦，这种情况俗称——回调地狱Promise的含义异步编程，回调地域的一种解决方案，比传统解决方案–回调函数和事件-更合理和更强大。Promise对象具有以下两个特点。1.对象的状态不受外界影响。Promise对象代表一个异步状态，有三种：p...
2019-02-21 00:33:18
1116
原创 es6复习let和const
块级作用域为什么需要块级作用域?ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。第一种场景，内层变量可能会覆盖外层变量。var tmp = new Date();function f() { console.log(tmp); if (false) { var tmp = 'hello world'; }}f(); // undef...
2019-02-20 15:33:48
175
原创 vue生命周期（面试题）
推荐一篇写的比较详细的文章https://segmentfault.com/a/1190000011381906?utm_source=tag-newest
2019-02-19 20:03:13
4411
原创 面试复习之Js实现继承
Js中继承的实现主要依靠原型链，但原型链虽然强大，也存在一些问题：1.最主要的问题来自包含引用类型的原型属性。（牵一发动全身）(这也是为什么定义属性我们写在构造函数中，而不写在原型对象中的原因)当我们通过原型去实现继承一个构造函数的时候，就把构造函数里的引用类型的属性给放到原型中去了。这时候我们继承得到的这个新对象它的原型中有引用类型属性，大家的属性的修改就是共享的看下面例子：fun...
2019-02-19 16:08:34
419
转载 面试准备Js复习之防抖，节流函数原理
窗口的resize、scroll、输入框内容校验等操作时，如果这些操作处理函数是较为复杂或页面频繁重渲染等操作时，在这种情况下如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。防抖debounce（防抖），简单来说就是防止抖动。当持续触发事件时，debounce ...
2019-02-19 09:50:22
714
原创 面试复习之js理解闭包
什么是闭包在高级程序设计中对闭包定义是这样的：“闭包是指有权限访问另一个函数作用域中的变量的函数。“闭包的使用场景：经典例子1function box(){ var arr = []; for(var i=0;i<5;i++){ arr[i] = i; } return arr;}alert(box()) ...
2019-02-18 18:16:02
200
转载 面试复习之什么是作用域链，什么是原型链，它们的区别，在js中它们具体指什么？
作用域链作用域是一种规则，规定了变量与函数的可被访问的范围。全局变量拥有全局作用域，局部变量则拥有局部作用域。js是一种没有块级作用域的语言(包括if、for等语句的花括号代码块或者单独的花括号代码块都不能形成一个局部作用域)，所以js的局部作用域的形成有且只有函数的花括号内定义的代码块形成的，既函数作用域。通俗解释：作用域是针对变量的，比如我们创建了一个函数，函数里面又包含了一个函数，那么...
2019-02-18 14:19:19
465
转载 箭头函数、普通函数中的this指向
彻底理解js中this的指向，不必硬背。首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接...
2019-02-18 12:35:41
464
原创 面试复习js原型，原型链与new关键字原理
创建对象可以用1.object构造函数方法person=new Object();person.firstname=&amp;amp;amp;amp;quot;Bill&amp;amp;amp;amp;quot;;person.lastname=&amp;amp;amp;amp;quot;Gates&amp;amp;amp;amp;quot;;person.age=56;person.eyecolor=&amp;am
2019-02-18 00:46:44
441
原创 面试复习之js类型判断
1.typeof 对于基本类型，除了 null 都可以显示正确的类型typeof 对于对象，除了函数都会显示 object对于 null 来说，虽然它是基本类型，但是会显示 object，这是一个存在很久了的 Bug如果我们想获得一个变量的正确类型，可以通过 Object.prototype.toString.call(xx)。这样我们就可以获得类似 [object Type] 的字符...
2019-02-17 16:42:09
229
原创 面试复习之Js复习对象的深浅拷贝
对于基本类型来说，如果使用字面量的方式，那么这个变量只是个字面量，只有在必要的时候才会转换为对应的类型let a = 111 // 这只是字面量，不是 number 类型a.toString() // 使用时候才会转换为对象类型对象（Object）是引用类型，在使用过程中会遇到浅拷贝和深拷贝的问题。对象的浅拷贝（在复制值的时候复制的是指向堆内存的指针地方），而深拷贝在复制的时候在堆内存中...
2019-02-17 16:19:50
243
原创 面试准备之js操作cookie
1.创建和存储cookie1.设置cookie//函数中的参数分别为cookie的名称，值，过期时间（以下是按以秒为单位)function setCookie(name, value, expireseconds) { var expireTime = new Date(); expireTime.setTime(expireTime.getTime() + expiresecond...
2019-02-17 14:50:13
232
转载 【转】前端面试题（四）：cookie， session 和 localstorage 的区别
一、cookie详解（1）简介因为HTTP协议是无状态的，即服务器不知道用户上一次做了什么，这严重阻碍了交互式Web应用程序的实现。在典型的网上购物场景中，用户浏览了几个页面，买了一盒饼干和两饮料。最后结帐时，由于HTTP的无状态性，不通过额外的手段，服务器并不知道用户到底买了什么。为了做到这点，就需要使用到Cookie了。服务器可以设置或读取Cookies中包含信息，借此维护用户跟服务器会话...
2019-02-17 10:03:26
328
原创 react简书项目学习笔记39项目上线流程
1.打开xampp2.启动apache服务3.后端的json文件放在api目录下，api目录放在xampp/htdocs下这样之后通过路由http://localhost:8080/api/json名就可以访问到对应的文件4.前端代码文件删除public目录下的api文件夹运行命令npm run build把生成的build文件夹里的文件全部粘贴到htdocs目录下这样就相...
2019-02-15 20:25:41
253
原创 性能优化页面所有js不要在加载首页时一起加载的解决办法
使用react-loadable例如想要在加载首页时不要加载详情页的js,办法：在detail文件夹下新建loadable.js文件import React from 'react';import Loadable from 'react-loadable';const LoadableComponent = Loadable({ // 此处含义是要加载的是当前目录下的inde...
2019-02-15 19:54:39
635
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人