- 博客(22)
- 收藏
- 关注
转载 test,exec,match,replace方法区别 正则
这四种方法都是用来检测字符串是否包含某一子串或是否匹配否个正则表达式test方法,匹配返回true,不匹配返回falsematch,匹配返回匹配到的数组(包含多次/g),匹配一次返回包含匹配子串的数组,具体看下面例子,没有匹配到返回nullreplace,查找替换,两个参数,第一个参数查找的内容,可以是字符串或正则表达式,第二个参数(字符串,$1...$10,函数),用第二个...
2018-06-11 20:10:00
162
转载 fiddler抓包工具 https抓取 ios手机端抓取
抓取pc端https请求,ios手机端H5页面https请求 app内嵌H5页面 亲试均能抓到Fiddler的原理是以代理web服务器的形式工作,使用代理地址127.0.0.1,端口8888;方便起见,先来pc抓取https的步骤1.cmd运行certmgr.msc命令打开如下对话框,查找所有关于fiddler的证书 全部删除;2.找到fidder--...
2018-05-31 18:30:00
301
转载 前端优化方案
网络通讯方面减少HTTP请求数合并资源,如合并 JavaScript 文件、CSS 文件,利用 CSS Sprite 合并图片等内联图片,data url节省了HTTP请求,但是如果这个图像在网页多个地方显示会加大网页的内容,延长下载时间。域名提前解析,在页面中不同域名的链接需指定预取域名:<link rel="dns-prefetch" href="htt...
2018-05-24 16:49:00
110
转载 webpack工具学习 构建简单vue项目(不依赖vue-cli) webpack4.0
目的用webpack构建简单前端项目1.npm init (npm init -y) 形成package.json2.npm install --save-dev webpack 形成 node_modules3.项目路径dist--index.html src---index.js----test.less webpack.config.js4.web...
2018-05-23 15:52:00
153
转载 js原型和原型链理解 constructor 构造函数
一.对象:普通对象 函数对象二.构造函数特点:1.需要new实例化,内部使用this对象指向即将要生成的实例对象 2.首字母大写,用于区分普通函数function Person(name){ this.name=name}var person1=new Person('xiaohong')var person2=new Person('lili')...
2018-05-21 20:21:00
143
转载 js运行机制 值引用 值传递
1.js是单线程的 为什么是单线程的呢 因为js作为浏览器脚本语言,会有很多和用户的互动,以及操作dom,多个线程会出问题。2.js有同步任务,异步任务(ajax,用户点击等,settimeout)异步任务执行机制:a.同步任务都在主线程上执行,形成执行栈;b.主线程外,存在一个任务队列,(虽然js是单线程的,但是浏览器内核是多线程的,在浏览器内部中不同异步操作由不同...
2018-05-16 19:57:00
88
转载 vue1.0,2.0区别 生命周期
1.生命周期 删除 beforeCompile compiled ready,新增beforeMounted mounted beforeUpdate updated2.for循环里取消了$index track-by被替换为key(key作用是方便快速更新虚拟dom diff算法)3.绑定原生html{{{}}}改为v-html4.过渡动画 transition指令改...
2018-05-14 17:34:00
107
转载 js模块化开发 AMD CMD Commonjs
在es6全面实行开来之前 js实现模块开发方案有:1.AMD 异步模块开发定义 依赖前置,requireJs应用了这一规范require([module], callback);加载完后回调函数内执行2.CMD通用模块定义 依赖就近 SeaJs应用了这一规范3.Commonjs服务器端的规范 NodeJS就采用了CommonJS4.es6有模块化的概...
2018-05-14 16:59:00
80
转载 promise对象总结
一.Promise是异步编程的一种解决方案,它是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。promise对象是一个构造函数,用来生成Promise实例;二.promise的两个特点 对象状态不受外界影响 &...
2018-04-11 14:51:00
109
转载 前端js单元测试 使用mocha、chai、sinon,karma
karma(因果报应) 提供在浏览器上测试 可以同时跑在多个浏览器下mocha测试框架 其他测试框架还有Jasminechai断言库 expect = chai.expectsinon 测试替身(伪造或者模拟真实环境) 官网api http://sinonjs.org/releases/v4.4.8/stubs/ spy间谍 spy=sinon.spy(...
2018-03-26 17:39:00
254
转载 base64原理,使用场景
Base64编码,是我们程序开发中经常使用到的编码方法。它是一种基于用64个可打印字符来表示二进制数据的表示方法。它通常用作存储、传输一些二进制数据编码方法!也是MIME(多用途互联网邮件扩展,主要用作电子邮件标准)中一种可打印字符表示二进制数据的常见编码方法!它其实只是定义用可打印字符传输内容一种方法,并不会产生新的字符集!有时候,我们学习转换的思路后,我们其实也可以结合自己的实际需要...
2018-02-22 17:41:00
135
转载 [转]js之this,call,apply用法
(一)关于this首先关于this我想说一句话,这句话记住了this的用法你也就差不多都能明白了:this指的是当前函数的对象。这句话可能比较绕,我会举出很多例子和这句话呼应的!(看下文)1.首先看下面这段代码, 定义一个函数,弹下this,Js代码 functiondoSomething(){alert(this);...
2015-10-29 16:59:00
89
转载 字体图标Icon Font
字体图标Icon Font前段时间研究怎样做字体图标,在网上查找诸多资料,诸多尝试,找到一套可以自己制作自己独立控制的制作流程,公司按照这套流程形成一套自己公司图标,本人目前所在公司已经在使用没有发现任何bug。下面是自己就个人研究和网上资料总结的字体图标相关知识和流程。看到这篇文章的同学,使用过程有什么问题可以互相学习,嘻嘻。。。。一、字符图标的优点l...
2015-10-29 14:38:00
181
转载 ajax学习总结
ajax是什么全称Asynchronous Javascript and XML(异步javascript和XML);它的出现揭开了无刷新更新页面的新时代;ajax的5种状态1.(0未初始化)还没有调用send()方法; 此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存...
2015-08-04 18:18:00
84
转载 编写JQuery插件
编写插件的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护和提高开发效率。JQuery插件主要类型:1.封装对象方法的插件 这种插件是将对象方法封装起来,用于对通过选择器获取jquery对象进行操作,是最常见的一种插件。2.封装全局函数的插件 可以将独立的函数加到jquery命名空间下,例如jquery.AJAX()。3.选...
2015-07-27 15:13:00
102
转载 正则表达式总结
正则表达式(括号)、[中括号]、{大括号}的区别小结() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。例如(\s*)表示连续空格的字符串。[]是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。{}一般用来表示匹配的长度,比如 \s{3} 表示匹配三个空格,\s[1,3]表示匹配一到三个空格。(0-9) 匹配...
2015-06-01 16:28:00
64
转载 由浅入深了解cookie
什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” -w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息。 从JavaScript的角度看,cookie 就是一些字符串信息...
2015-06-01 11:09:00
70
转载 使用 CSS 媒体查询创建响应式网站
适用于所有屏幕大小的设计固定宽度的静态网站很快被灵活的响应式设计所取代,该设计可以根据屏幕大小进行上扩和下扩。利用响应式设计,无论您采用什么设备或屏幕来访问网 站,都可以呈现一个可用的界面。响应式设计可以响应各种屏幕大小,因此也成为了 “前瞻性” 的网站,屏幕将随着新的智能手机和平板电脑的问世而快速演变。实现响应式设计的主要途径是使用 CSS 媒体查询。在本文中,我们将了解如...
2015-05-27 14:50:00
76
转载 JavaScript事件委托的技术原理
如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析 从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多人不理解事件委托的工作原理。这里我将要解释事件委托是如何工作的,并提 供几个纯JavaS...
2015-05-25 12:01:00
72
转载 css布局宽度自适应
随着各种终端的不断涌现,网页中的元素适应不同的分辨率变得特别重要,根据经验,涉及到宽度自适应的一共有四种情况:左端固定,右边自适应;右端固定,左边自适应;两端固定,中间自适应;中间固定,两端自适应。1.左端固定,右边自适应;左边元素,本身是块元素,令其浮动后,空出右边区域,(个人理解浮动概念,好比水池中的一块浮木,现在水池的大小一定,左边浮动了一块木头,现在可容纳的区域就是剩...
2015-05-13 12:20:00
231
转载 px em rem区别
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢?PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长...
2015-05-11 14:40:00
107
转载 css3中的陌生词汇
Transformtransform属性是静态属性,一旦写到style里面,将会直接显示作用,无任何变化过程。transform的主要用途是用来做元素的特殊变形。关于图形变形的基础条件当中的原点设定,在css里面使用的是transform-origin来定义的。这个定义的原点应该是该css作用的元素的左上角为0,0来计算的(有待研究)。其他的属性则根据这个属性来进行计算。关于...
2015-03-26 15:36:00
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人