- 博客(316)
- 收藏
- 关注
RSS订阅转载 web worker 简介
web worker 简介通常，浏览器执行某段程序的时候会阻塞直到运行结束后在恢复到正常状态，而HTML5的Web Worker就是为了解决这个问题。通过worker线程完成密集计算，避免程序的阻塞和页面的卡顿(fps过低)示例用fibonacci数列来模拟测试worker-test.html<!DOCTYPE html><html lang="en">...
2018-03-20 12:00:00
259
转载 实现跨域访问的方法总结
解决跨域问题的常用方法跨域, 是指调用方和被调用方的协议、域名和端口，不完全相同(即不同源)，跨域的访问或调用会被浏览器禁止，因而跨域是浏览器端特有的，服务端无跨域问题。服务端代理服务端代理，又称为请求转发/反向代理原理:A站的页面跨域访问B站的服务端接口，A站请求自己的后端接口，A站的后端接口负责转发请求到B站，并将B站的响应返回给A站页面。适用场景：调用第三方服务接口...
2018-02-05 14:04:00
357
转载 fiddler使用指南
fiddler使用指南fiddler 设置如果要手机抓包的话，需要设置fiddler, 允许远程设备连接 tools/fiddler options/connection/allow remote computers to connect监控http通讯开启/停止监控F12file/Capture trafficquickExec box start/stop选择会话...
2017-09-16 08:57:00
241
转载 [转]SASS用法指南
[转]SASS用法指南转自阮一峰 SASS用法指南一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样...
2017-09-04 16:53:00
279
转载 koa文档参考
koa文档简介koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写 Web 应用变得得心应手。koa1.x的用gener...
2017-07-24 16:07:00
134
转载 [转]html5: postMessage解决跨域和跨页面通信的问题
[转]html5: postMessage解决跨域和跨页面通信的问题平时做web开发的时候关于消息传递，除了客户端与服务器传值，还有几个经常会遇到的问题：多窗口之间消息传递(newWin = window.open(..));页面与嵌套的iframe消息传递postMessage方法postMessage是html5引入的API可以更方便、有效、安全的解决这些问题。post...
2017-07-17 13:35:00
282
转载 [转]JavaScript ES6 class指南
[转]JavaScript ES6 class指南前言EcmaScript 2015 （又称ES6）通过一些新的关键字，使类成为了JS中一个新的一等公民。但是目前为止，这些关于类的新关键字仅仅是建立在旧的原型系统上的语法糖，所以它们并没有带来任何的新特性。不过，它使代码的可读性变得更高，并且为今后版本里更多面向对象的新特性打下了基础。这样做的原因是为了保证向后兼容性。也就是，旧代码...
2017-01-04 09:52:00
94
转载 [转]前端利器：SASS基础与Compass入门
[转]前端利器：SASS基础与Compass入门SASS是Syntactically Awesome StylesheeteSass的缩写，它是css的一个开发工具，提供了很多便利和简单的语法，让css看起来更像是一门语言，这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的css文件。当然，SASS只是cs...
2016-12-21 16:31:00
124
转载 客户端持久化解决方案：indexedDB
客户端持久化解决方案：indexedDBindexedDB适合大量的结构化的数据存储；打开数据库和获取数据对象都是异步的；需要开启事务，访问的objectStore都要是在开启的事务中。数据库结构: db->transaction->objectStore->dataWeb SQL Database实际上已经被废弃，而HTML5支持的本地存储实际上变成了 W...
2016-11-19 15:51:00
269
转载 客户端持久化解决方案: Web SQL
客户端持久化解决方案: Web SQLWeb SQL 提供了一组使用 SQL 操作客户端数据库的 APIs, 不是 HTML5 规范的一部分，是一个独立的规范.核心方法openDatabase： 打开或新建数据库，返回数据库对象。transaction： 打开一个事务，从而可以执行提交或者回滚。executeSql： 执行实际的 SQL 查询。打开/创建数据库// wi...
2016-11-19 15:50:00
108
转载 客户端数据持久化解决方案: localStorage
客户端数据持久化解决方案: localStoragelocalStorage主要用来替代cookie，解决cookie读写困难、容量有限的问题。localStorage有以下几个特点localStorage 是一个普通对象，任何对象的操作都适用。localStorage对象的属性值只能是字符串。localStorage支持的默认空间大小为5M存储容量超过了限度（5M）就...
2016-11-17 04:44:00
175
转载 转:JavaScript函数式编程（三）
转:JavaScript函数式编程（三）作者: Stark伟这是完结篇了。在第二篇文章里，我们介绍了 Maybe、Either、IO 等几种常见的 Functor，或许很多看完第二篇文章的人都会有疑惑：『这些东西有什么卵用？』事实上，如果只是为了学习编写函数式、副作用小的代码的话，看完第一篇文章就足够了 kk:很贴近实际。第二篇文章和这里的第三篇着重于的是一些函数式理论的实践，...
2016-11-17 03:39:00
101
转载 转: JavaScript函数式编程（二）
转: JavaScript函数式编程（二）作者: Stark伟上一篇文章里我们提到了纯函数的概念，所谓的纯函数就是，对于相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用，也不依赖外部环境的状态（我偷懒复制过来的）。但是实际的编程中，特别是前端的编程范畴里，“不依赖外部环境”这个条件是根本不可能的，我们总是不可避免地接触到 DOM、AJAX 这些状态随时都在变化的东西。所...
2016-11-17 02:48:00
97
转载 转:JavaScript函数式编程（一）
转:JavaScript函数式编程（一）一、引言说到函数式编程，大家可能第一印象都是学院派的那些晦涩难懂的代码，充满了一大堆抽象的不知所云的符号，似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此，但是近年来随着技术的发展，函数式编程已经在实际生产中发挥巨大的作用了，越来越多的语言开始加入闭包，匿名函数等非常典型的函数式编程的特性，从某种程度上来讲，函数式编程正...
2016-11-17 01:17:00
93
转载 ejs简单教程
ejs learningnodejs的模板引擎有很多， ejs是比较简单和容易上手的。常用的一些语法:用<%...%>包含js代码用<%=...%>输出变量 变量若包含 '<' '>' '&'等字符 会被转义用<%-...%>输出变量 不转义用<%- include('user/show') %>引入其他模板...
2016-10-31 23:31:00
239
转载 gulp api
gulp api简介gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成gulp是基于Nodejs的自动任务运行器， 它能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部...
2016-10-31 23:04:00
85
转载 转: HTML5新特性之Mutation Observer
转: HTML5新特性之Mutation ObserverMutation Observer是什么Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知(执行预先指定的回调)。Mutation Observer则是异步触发，DOM发生变动以后，并不会马上触发，而是要等到当前所有DOM操作都结...
2016-10-31 15:38:00
69
转载 转:script中的async和defer
script中的async和deferdefer: This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed.sync: Set this Boolean attribute to ...
2016-10-24 01:53:00
62
转载 转:Http头介绍:Expires,Cache-Control,Last-Modified,ETag
Http头介绍:Expires,Cache-Control,Last-Modified,ETag缓存分很多种：服务器缓存，第三方缓存，浏览器缓存等。其中浏览器缓存是代价最小的，因为浏览器缓存依赖的是客户 端，而几乎不耗费服务器端的资源。让浏览器做缓存需要给浏览器发送指定的Http头，告诉浏览器缓存多长时间，或者坚决不要缓存。1.Expires（过期时间）HTTP头信息Expire...
2016-10-21 11:47:00
66
转载 Apache开启expires响应头，优化缓存
apache开始expires响应头输出expires是什么指示资源什么时候过期的时间值(GMT时间)，在指定的过期时间前，浏览器可以直接使用自身缓存的版本，而不用向服务器发请求，大大减轻服务器压力.apache设置expires打开 http.conf 文件，做如下修改:开启模块 #LoadModule expires_module modules/mod_expires...
2016-10-21 11:39:00
198
转载 转: Apache开启gzip
Apache开启gzipgzip是什么HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。这一般是指WWW服务器中安装的一个功能，当有人来访问这个服务器中的网站时，服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来.一般对纯文本内容可压缩到原大小的40%.这样传输就快了，效果就是你点...
2016-10-21 11:16:00
106
转载 HTML 5 drag and drop 简介
Html 5 drag and drop 简介HTML5提供了专门拖拽和拖放的APIdraggable属性 启用拖拽draggable属性是否可被拖拽， 可选值: true, false, auto<div draggable="true" title="can drag me">可以被拖拽哦</div>为触发拖拽的元素添加 draggable="tr...
2016-08-30 00:41:00
161
转载 转: ES6异步编程: co函数库的含义与用法
转: ES6异步编程: co函数库的含义与用法co 函数库是著名程序员 TJ Holowaychuk 于2013年6月发布的一个小工具，用于 Generator 函数的自动执行。比如，有一个 Generator 函数，用于依次读取两个文件。var gen = function* (){ var f1 = yield readFile('./foo.txt'); va...
2016-08-27 11:58:00
143
转载 转: ES6异步编程:Thunk函数的含义与用法
转: ES6异步编程:Thunk函数的含义与用法参数的求值策略Thunk函数早在上个世纪60年代就诞生了。那时，编程语言刚刚起步，计算机学家还在研究，编译器怎么写比较好。一个争论的焦点是"求值策略"，即函数的参数到底应该何时求值。var x = 1;function f(m){ return m * 2;}f(x+5);上面代码先定义函数 f，然后向它传入表达式 ...
2016-08-27 10:46:00
88
转载 转: ES6异步编程:Generator 函数的含义与用法
转: ES6异步编程:Generator 函数的含义与用法异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程，如果没有异步编程，根本没法用，非卡死不可。以前，异步编程的方法，大概有下面四种。回调函数事件监听发布/订阅 kk:dom的事件监听也是一种发布/订阅模式吧，似乎没什么区别PromiseECMAScript 6 （简称 ES6 ）作为...
2016-08-23 01:51:00
107
转载 转:CSS3 Flexbox 布局介绍
转:CSS3 Flexbox 布局介绍Flexbox是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。Flexbox可以简单快速的创建一个具有弹性功能的布局，当在一个小屏幕上显示的时候，Flexbox可以让元素在容器（伸...
2016-08-23 00:46:00
75
转载 转载:Ajax及 GET、POST 区别
转载:Ajax及 GET、POST 区别收获:xhr.setRequestHeader(), xhr.getResponseHeader() 可以设置和获取请求头/响应头信息;new FormData(form) 可以更方便的组装POST请求数据XHR2有 xhr.onload xhr.onprogress事件GET 和 POST 除了发送请求数据的方式和请求数据量大小的区别...
2016-08-21 22:53:00
79
转载 ES6新特性简介
ES6新特性简介环境安装npm install -g babelnpm install -g babel-node //提供基于node的REPL环境//创建 .babelrc 文件{"presets": ["es2015"]}npm install babel-presets-es2015箭头函数和词法this箭头函数的用法类似phython, coffeeScrip...
2016-06-25 18:38:00
80
转载 Less基础教程
Less基础教程less是较早出现的css预处理器。 LESS API 参考安装和使用安装比较简单,通过nmp或bower安装即可.npm install less -gbower install less新版的chrome能直接解析less样式，不进行预编译的情况下，可以在页面引入 自己写的less文件 和 less.jsless会在页面创建<style>节点...
2016-06-21 10:35:00
112
转载 director.js教程
directive.js初始化和注册路由director.js 的主要对象是Router对象，构造方法如下：var router = new Router(routes); //routes为路由表构造方法中传入的routes参数是一个路由表对象，它是一个具有键值对结构的对象，路由允许多层的嵌套定义。 键值对的键对应URL中传入的路径，一般一个键对应按分隔符切割后的某一部分；...
2016-05-25 16:01:00
273
转载 mock.js 使用教程
mock.js数据模板#查看模板生成的数据var data = Mock.mock({ //list|1-10 数组元素个数随机范围， id|+2 属性值递增, age|20-30数值随机范围 // test|3.2-5 3.xx-3.xxxxx 整数位3，小数位位数范围为2-5 //'yourname|2-4': 'alice-' 重复字符串的次数范围2-...
2016-05-18 17:38:00
94
转载 转: Git远程操作详解
Git远程操作详解作者： 阮一峰Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。git clonegit remotegit fetchgit pullgit push本文针对初级用户，从最简单的讲起，但是...
2016-05-09 14:05:00
63
转载 常用CSS HACK
常用CSS HACKIE6 3像素bug和双边距bug一样的经典现象：IE6下浮动元素和不浮动元素之间会有3px间隙(3px bug，div.float-left + div.float-none)解决需设置 div.float-left{ margin-right:-3px;}选择器hack * (只有IE6-能识别)* html IE6认为最外层的元素不是html ...
2016-04-19 02:01:00
72
转载 js动态创建样式: style 和 link
js动态创建样式: style 和 linkie6 不能 document.createElement('style') 然后append到head标签里。所以就找到这样个好文章有很多提供动态创建 style 节点的方法，但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点，我搞了2个小时。静态外部 css 文件语法： @import u...
2016-04-19 01:38:00
228
转载 td之overflow:hidden 多余文本隐藏效果
td之overflow:hidden 多余文本隐藏效果方法1: table-layout: fixed; width: 200px;语法： table-layout : auto | fixedauto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边...
2016-04-19 01:24:00
239
转载 css多行文本垂直居中问题研究
css多行文本垂直居中问题研究<body><h2>垂直居中对齐</h2><style>*{margin:0; padding:0;}div {border:1px solid #89f989; margin:20px; width:300px; }.h100{height:100px;}.h200{height:200px;}...
2016-04-19 01:09:00
85
转载 一起来看看css中的单位
一起来看看css中的单位由于一直以来对于css中的百分比单位究竟是相对于谁的比例，这个问题不是很了解，所以就专门找资料看了一下。<div class="container w500"> .container的高度是被内容撑开的。 <div class="test w50p h50p pt10p mt10p">w:250px, h:16px, m...
2016-04-19 01:02:00
91
转载 css兼容问题与实践归纳总结
css兼容问题与实践归纳总结一、IE6/7 原生块元素与display:inline-block;<div style="display:inline-block;">some text</div> 在ie6/7下，这个div还是会独占一行,所以要是需要设置inline-block的元素来呈现按钮图标之类的要素，最好用 span em i 等这些默认为内联...
2016-04-19 00:38:00
132
转载 font简写语法
font简写语法测试<p class="p box">这是子元素的字体 默认继承了哪些字体属性 **font-style font-weight font-size/line-height font-family**都从父元素继承了</p><p class="fz box">这是用font:12px定义的文本 <b>语法错误</...
2016-04-19 00:07:00
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人