- 博客(39)
- 收藏
- 关注
RSS订阅原创 Fiddler使用
一、web Session面板主要是Fiddler抓取到的每条http请求（每一条称为一个session）,主要包含了请求的url,协议，状态码，body等信息，详细的字段含义如下图所示： ...
2018-07-20 16:42:50
1440
原创 vue相关知识
一、vue的双向数据绑定或响应式原理（一）数据绑定原理vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过`Object.defineProperty()`来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。（二）Object.defineProperty()Object.defineProperty(obj,pr...
2018-03-04 23:14:20
349
原创 ES6的相关知识
参考文章一、新的变量声明方式 let/const（一）letlet来声明一个值会被改变的变量 特点：let声明的变量只在它所在的代码块有效。如果使用let，声明的变量仅在块级作用域内有效对于循环，JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。所以每一次循环的i其实都是一个新的变量ES6 明确规定，如...
2018-03-04 20:28:58
275
转载 前后端分离
原文章地址：https://segmentfault.com/a/1190000009329474?_ea=2038402 前言最近这一段时间由于Nodejs的逐渐成熟和日趋稳定，越来越多的公司中的前端团队开始尝试使用Nodejs来练一下手，尝一尝鲜。一般的做法都是将原本属于后端的一部分相对于业务不是很重要的功能迁移到Nodejs上面来，也有一些公...
2018-02-27 21:28:16
687
原创 正则表达式
RegExp类型ECMA 通过RegExp类型来支持正则表达式，格式如下： //字面量var expression = /pattern/flags; //构造函数var expression= new RegExp("\\[bc\\]at","gi"); pattern部分可以是任何简单或复杂的正则表达式，可以包含字符类，限制符，分组，向前查找以及反向引用 ...
2018-02-14 15:52:06
1559
转载 jQuery中的事件和动画
转载地址：http://blog.csdn.net/xuweisen/article/details/9106441学习笔记《锋利的jQuery》-jQuery中的事件和动画JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。当文档或者它的元素发生某些变化和操作时，浏览器会自动生成一个事件。例如当浏览器装载完一个文档后，会生成事件；当用户单击某个按钮时，...
2018-02-12 17:46:57
235
转载 jQuery面试题
转载地址：http://www.bslxx.com/m/view.php?aid=1521 16道jQuery面试题，附必过答案 时间:2017-12-18 12:17 来源:未知 作者:admi...
2018-02-12 15:40:01
328
原创 jQuery对象+选择器+DOM操作
一、jQuery对象和DOM对象(一)DOM对象 DOM(Document Object Model)，即文档对象模型，DOM可以表示成一棵树。DOM对象就是原生JavaScript中通过getElementById或者getElementByTagName来获取DOM树节点 得到的对象。DOM对象可以使用JavaScript中的方法，如innerHTML。 （二）j...
2018-02-12 14:00:24
3499
转载 原型与原型链（一）
prototype 对象 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录概述构造函数的缺点prototype 属性的作用原型链constructor 属性instanceof 运算符Object.getPrototypeOf()Object.setPrototypeOf()Object.create()Object.prototype.isPro...
2018-02-11 22:29:36
2652
转载 this
转载地址：http://blog.csdn.net/ligang2585116 JavaScript中的this，刚接触JavaScript时大家都在大肆渲染说其多么多么的灵巧重要，然而自己并不关心；随着自己对JavaScript一步步深入了解，突然恍然大悟，原来它真的很重要！所以，自己花费了大约2周的时间去查贴、翻阅之前读的书籍，将this的全貌展示如下。一、this是什么–基于调...
2018-02-11 20:56:16
210
转载 call、apply、bind方法的区别
本文转自：http://www.cnblogs.com/coco1s/p/4833199.html 理解JS中的call、apply、bind方法 在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个...
2018-02-11 15:56:47
294
转载 js的arguments到底是什么？
转载：原文地址 http://blog.csdn.net/qq_16339527/article/details/53231725 js的arguments到底是什么？ 类数组对象：arguments总所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些...
2018-02-11 14:38:52
209
原创 jQuery事件绑定与事件委托
参考文章 jQuery的方法bind,live,delegate,on的区别一、on方法 on() 为指定的元素,添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。使用 on() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素） $(selector).on(event,childselector,data,function)...
2018-02-10 23:42:50
270
原创 js原生事件
参考文章一一、事件是什么事件就是文档或浏览器窗口中发生的一些特定的交互瞬间，是可以被 JavaScript 侦测到的行为 二、DOM事件流的三个阶段事件捕获阶段：实际目标（<div>）在捕获阶段不会接收事件。也就是在捕获阶段，事件从document到<html>再到<body>就停止了。 处于目标阶段 ：事件在<d...
2018-02-10 21:20:58
7927
原创 闭包+内存泄露+垃圾回收
闭包参考一 参考二 参考三一、什么是闭包 闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内 创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数 内部的变量和方法传递到外部。 二、闭包的原理借助函数的立即执行、参数以及函数的return返回值，多创建了一层作用域。从而实现外部函数 持...
2018-02-09 20:36:03
2851
1
原创 深拷贝+作用域+作用域链+变量提升
一、深拷贝与浅拷贝深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用。 （一）浅拷贝只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做“（浅复制）浅拷贝”，换句话说，浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。 hasOwnProperty函数介绍jav...
2018-02-09 16:29:38
220
原创 String类型
String类型一、创建方法var stringObject = new String("hello world");var stringObject = "hello world";二、具体方法（一）字符方法 charAt()方法以单字符字符串的形式返回给定位置的字符，下标从0开始 charCodeAt()方法以单字符字符串的形式返回给定位置...
2018-02-08 23:37:24
314
原创 Array类型
一、创建数组的方法//利用构造函数var colors = new Array(可以传参数也可以不传); //数组字面量 var names = [];var values = [1,2,3];二、检测数组的方法Array.isArray()方法 最终确定某个值到底是不是数组，不受执行环境影响 if(Array.isArray(valu
2018-02-05 22:48:25
888
原创 js数据类型
一、数据类型 (共6种)（一）基本数据类型（5种）Undefined——-变量不含值，未对变量进行初始化Null——–空对象指针Boolean(布尔值)Number （数字）String(字符串) （二）复杂数据类型 Object 二、检测数据类型的方法——–typeof操作符 如果这个值未定义 “unde
2018-02-05 21:23:46
206
原创 移动端rem原理
参考文章一 参考文章二 参考文章三一、什么是rem?rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个 相对单位。 em是什么呢？em（font size of the element）是指相对于父元素的字体大小的单位。 二、rem如何进行适配呢？rem是通过根元素进行适配的，网
2018-02-04 23:05:23
1144
原创 移动端基础知识（像素+1px边框+css长度值）
一、css长度值 vm 和vh的区别参考文章 “视区”（视窗）所指为浏览器内部的可视区域大小 ，即window.innerWidth/window.innerHeight大小 ，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。 vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。 vh：viewpoint heig
2018-02-04 19:59:05
788
原创 css剩余部分
一、link和@import的区别页面中引入的方式有三种： 1.在行内定义style属性 2.页面头部内嵌标签 3.通过link和@import链接样式表 link rel="stylesheet"type="text/css" href="css文件"> style> @import css文件; @import
2018-02-04 00:36:31
326
原创 CSS居中问题
参考文章一 参考文章二 参考文章三 水平居中（一）针对图片、按钮、文字等行内元素（display为inline或inline-block等 设置父元素为: text-align:center;（二）块状元素水平居中（width固定） 实际上是把元素的margin-left、margin-right均设为0，将元素进行水平居中，但是此方法对浮动元素
2018-02-03 22:26:51
200
转载 BFC神奇背后的原理
前端精选文摘：BFC 神奇背后的原理 BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读
2018-02-02 22:59:59
150
原创 两栏、三栏布局（圣杯+双飞翼）
一、圣杯布局两边定宽，中间自适应的三栏布局 float+padding+position的方法 实现过程：第一步：将左中右三部分设为左浮动，保证可以在一行显示，中间宽度设为100%，保证自适应 第二步：用负margin将左和右移到和中间同一行 第三步：中间内容用padding,避免中间内容被左右挡住，同时为左右部分挪出空位第四步：运用相对定位把左右部分挪回
2018-02-02 21:44:44
1049
原创 弹性盒模型
参考文章 http://blog.csdn.net/MR_LP/article/details/50966842 http://blog.csdn.net/u013778905/article/details/78679662 http://blog.csdn.net/xiaoyan_2015/article/details/75620201 http://blog.csdn.net/ll
2018-02-02 10:46:05
699
原创 CSS盒模型
一、什么是盒模型每个元素都看成一个盒子，盒子模型是由content（内容）、padding（内边距）、margin（外边距）和 border（边框）这四个属性组成的。 二、盒模型的分类盒模型有标准盒子模型和IE盒子模型 （一）标准盒子模型 元素的width=content的宽度 设置方式：box-sizing:content-box （二
2018-01-31 22:53:15
162
原创 定位和浮动
一、position的属性（5个） 文档流：文档流指的是元素排版布局过程中，元素会自动从左往右，自上而下的流式布局。 （一）absolute （绝对定位） 1.使元素完全脱离文档流； 2.相对于 static 定位以外的第一个父元素进行定位,且逐层上找，直到document (二)fixed (固定定位) 固定定位的元素总是相对
2018-01-31 17:01:36
220
原创 display属性
display的属性 一、关于diaplay:none（一）让一个元素隐藏的方法（比较常见的5种）diaplay:none visibility:hiddenopacity:0.hide { //将元素移出可视区 position: absolute; top: -9999px; left: -9999px; }将元素的宽度和高度设置为0
2018-01-31 13:42:29
4013
1
原创 CSS预处理器和后处理器
css预处理器一、什么是css预处理器？ CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件 二、分类(重点) Sass（SCSS）、LESS、Stylus
2018-01-30 19:27:27
4648
原创 CSS3新特性
CSS3新特性CSS3的特性那么多该从哪里说起了？很显然这道题目是有陷阱的，你不可能将所有的特性一个不漏的说出来，就算你说出来，别人还认为你是背的了！所以你主要讲一下在项目中经常用到的Css3的属性就可以 ，以第一人称来回答这个问题，例如：在我们的项目中经常用CSS3中的XX属性来实现XX特效。 一、圆角使用 CSS3 border-radius 属性，你可以给任
2018-01-30 11:48:55
523
原创 css选择器
CSS选择器参考：http://blog.csdn.net/hierarch_lee/article/details/52609400 https://www.jianshu.com/p/3c3cf4e02057 一、CSS选择器的类型（一）.基础选择器 *{}/*通用元素选择器*/#id-selected{}/*id选择器*/.class{}/
2018-01-28 21:38:17
297
原创 HTML其他部分
一、HTML语义化（一）对语义化的理解（优点） 1，去掉或者丢失样式的时候能够让页面呈现出清晰的结构 2，有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重； 3，方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页； 4，便于团队开发和维护，语义化更具可读性，是下一步吧网页的
2018-01-27 20:24:55
256
原创 移动端meta标签
移动端meta标签移动端meta标签的作用，内容，content有几种类型的值 meta charset="UTF-8"> meta http-equiv="content-type" content="text/html"> meta name="keywords" content=""/> meta name="description" cont
2018-01-27 13:13:01
1575
原创 HTML5新特性
HTML5新特性先罗列出H5的一些新特性，不要回答那么具体 （一）语义化标签：例如：header、nav、article、aside、footer等 （二）音频视频API 视频API 1.视频格式 Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频
2018-01-26 22:39:00
877
原创 Ajax
要点：最好先回答原生态Ajax使用的步骤，我们通常使用Jquery来实现Ajax请求和处理的。在回答的时候尽量详尽，包括方法的参数的个数，顺序和作用 参考：http://blog.csdn.net/hlinghling/article/details/52624757 http://blog.csdn.net/crystal6918/article/details/53310626
2018-01-26 14:51:09
194
原创 跨域
什么是跨域请求？有什么方式可以实现跨域请求？该方式的原理是什么？每种方式的优缺点？如何配置？跨域知识参考：http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html http://blog.csdn.net/liusaint1992/article/details/50959571 http://www.rua
2018-01-26 11:53:25
227
原创 HTTP
一、HTTP协议——-不保存状态HTTP自身不对请求和响应之间的通信状态进行保存，协议对于发送过的请求或响应不做持久化处理。使用HTTP协议，每当有新的请求发送时，就会有对应的新响应产生，协议本身并不保留之前一切的请求或响应报文的信息。二、HTTP协议首部报文首部包含请求行、请求/响应首部字段、通用首部字段、实体首部字段请求行：包括方法、URI和HTTP版本HTTP
2018-01-23 21:09:19
1326
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人