09 2016 档案
摘要：去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Prom
阅读全文
摘要：读完这篇文章，预计会消耗你 40 分钟的时间。 Ajax 出现的时候，刮来了一阵异步之风，现在 Nodejs 火爆，又一阵异步狂风刮了过来。需求是越来越苛刻，用户对性能的要求也是越来越高，随之而来的是页面异步操作指数般增长，如果不能恰当的控制代码逻辑，我们就会陷入无穷的回调地狱中。 ECMAScri
阅读全文
摘要：使用 @ 定义变量 变量可以做运算 @color : #000; @width : 1000px; 使用 & 表示当前类 .box{ &:hover{ color : #000; } } css 可以嵌套 ul{ display : block; ...
阅读全文
摘要：什么是SVG？也许现在很多人都听说过SVG的人比较多，但不一定了解什么是SVG：SVG(Scalable Vector Graphics 一大串看不懂的英文)可伸缩矢量图形，它是用XML格式来定义用于网络的基于矢量的图形，而它的特点就是 图像在放大或改变尺寸的情况下其图形质量不会有所损失，同时他和D
阅读全文
摘要：今天看到一篇文章关于清除浮动的，突然间脑袋短路了，咦？为什么要清除浮动？原谅我的无知，搜了下原来是这样，又倒腾出原来的笔记，唉，本来就有记录啊，而且也会经常用到，用的久了连原理都忘了。恩，防止自己再犯同样的错误，我还是自己总结整理出来吧！话不多说，代码为证！ 恩，各个浏览器运行的效果图如下： 其中A
阅读全文
摘要：一、概述 在JavaScript中，链式模式代码，太多太多，如下： if_else: if(...){ //TODO }else if(...){ //TODO }else{ //TODO } switch: switch(name){ case ...:{ //TODO break; } case
阅读全文
摘要：很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不
阅读全文
摘要：Git常用命令 一般配置 登录git 创建一个文件夹 初始化git仓库 git init //在nodejs文件夹下初始化一个仓库，此时文件里会到一个.git的隐藏文件夹 创建忽略文件 查看目录 创建文件并写入内容 如果文件不存在则会创建文件 echo "hello git" > index.htm
阅读全文
摘要：一、概述 在JavaScript中，链式模式代码，太多太多，如下： if_else: if(...){ //TODO }else if(...){ //TODO }else{ //TODO } switch: switch(name){ case ...:{ //TODO break; } case
阅读全文
摘要：以下收录一些我经常用到的正则表达式，因为工作场景中用到正则的地方几乎都跟validate插件的验证有关系， 所以以下正则也是$.validator.addMethod() 的拓展： validate: http://jqueryvalidation.org/ 电话验证 /** * 手机 * */$.
阅读全文
摘要：GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该
阅读全文
摘要：接触过Ajax请求的会遇到过异步调用的问题，为了保证调用顺序的正确性，一般我们会在回调函数中调用，也有用到一些新的解决方案如Promise相关的技术。 在异步编程中，还有一种常用的解决方案，它就是Generator生成器函数。顾名思义，它是一个生成器，它也是一个状态机，内部拥有值及相关的状态，生成器
阅读全文
摘要：JavaScript对象可以看作是属性的无序集合，每个属性就是一个键值对，可增可删。JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。JavaScript对象除了可以保持自有的属性外，还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性。这种“原型式集成”是Java
阅读全文
摘要：限制input输入类型在日常工作中很常见，各种各样，不过也大同小异，本文整理了一些，感兴趣的朋友可以参考下哈，希望可以帮助到你 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste
阅读全文
摘要：textillate.js是一款强大的文字插件,若配合animate.css、fittext、lettering一起使用，这样做出来的文字特效很完美。 在线实例 实例演示 使用方法 复制 复制 参数详解
阅读全文
摘要：首先我们看一下css伪元素是什么： CSS 伪元素用于向某些选择器设置特殊效果。 伪元素有哪些： :first-line 伪元素："first-line" 伪元素用于向文本的首行设置特殊样式。 :first-letter 伪元素："first-letter" 伪元素用于向文本的首字母设置特殊样式。
阅读全文
摘要：方案一：使用iscoll等有下拉功能的框架。 分析：因为项目的结构已经基本完成，再使用框架，会与原来的结构互相影响； 方案二：用JavaScript、Jquery写。 分析：可能没有直接使用框架的效果好，但可以尽量使效果贴近原生。 综合考虑，采用方案二。 //////////////////////
阅读全文
摘要：最近在写一个关于小说阅读的webApp，由于没有借用任何框架，所以很多底层的内容都需要自己去解决，幸好的是这次只是关于移动端的内容，还不至于去向着jquery的方向码代码。言归正传，前几天在处理底色切换的时候，由于需要做到自适应即盒子的高度随着盒子的宽度变化，各种找资料发现了3中比较典型的解决办法，
阅读全文
摘要：input[type="file"]的样式在各个浏览器中的表现不尽相同： 1. chrome: 2. firefox: 3. opera: 4. ie: 5. edge: 另外，当我们规定 input[type="file"] 的高度，并把它的行高设置成与其高度相等后，chrome中难看的样式出现了
阅读全文
摘要：对于表单，input[type="radio"] 的样式总是不那么友好，在不同的浏览器中表现不一。 为了最大程度的显示出它们的差别，并且为了好看，首先定义了一些样式： 然后在各个浏览器中观察，会发现有很大的差别： ie: edge: opera: chrome: firefox: 对于 firefo
阅读全文
摘要：前言 2016年9月22日凌晨，微信官方通过“微信公开课”公众号发布了关于微信小程序（微信应用号）的内测通知。整个朋友圈瞬间便像炸开了锅似的，各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少，但依赖中国广大开发者的破解和分享精神，在网络上很快出现了
阅读全文
摘要：一、对象的定义： 对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。 二、对象的创建（多种方法） 1、对象直接量 / 字面量 2、构造函数： （1）、系统自带的的， eg： new Object(), Ar
阅读全文
摘要：用正则把url解析为对象 <!DOCTYPE html><html><head><meta charset="utf-8"><title>string and reg</title></head><body><script>/*一、知识点1. \ 将下一个字符标记为或特殊字符、或原义字符、或向后引用
阅读全文
摘要：微信官方已经开放微信小程序的官方文档和开发者工具。前两天都是在看相关的新闻来了解小程序该如何开发，这两天官方的文档出来之后，赶紧翻看了几眼，重点了解了一下文档中框架与组件这两个部分，然后根据简易教程，做了一个常规的todo app。这个app基于微信小程序的平台，实现了todo app的常规功能，同
阅读全文
摘要：阅读目录 什么是闭包？ 闭包的特性 闭包的作用： 闭包的代码示例 注意事项 总结 闭包在javascript来说是比较重要的概念，平时工作中也是用的比较多的一项技术。下来对其进行一个小小的总结 回到顶部 什么是闭包？ 官方说法： 闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就
阅读全文
摘要：css text-fill-color与text-stroke讲解 顾名思义“text-fill-color”就是文字填充颜色而“text-stroke”就是文字描边。还别说，两个属性可以制作出各种炫酷的文字效果，不过IE系列都不支持，不过好在webkit都支持良好。 text-fill-color
阅读全文
摘要：微信小程序 Demo（豆瓣电影） 由于时间的关系，没有办法写一个完整的说明，后续配合一些视频资料，请持续关注 官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/ Demo 预览 演示视频（流量预警 2.64MB） GitHub Repo 地址 仓库地址：h
阅读全文
摘要：网上已经有不少Webpack教程入门教程了。 本文记录了我以我的方式方法、思路认识了解Webpack。从官方的Tutorial入手，不断提出问题、解决，一步一步认识Webpack。 从早期的自己写脚本，到现在的各种构建工具，前端工程化已经发展到新的阶段了。 早先在百度地图的时候，地图代码用PHP进行
阅读全文
摘要：一、npm简介 安装npm请阅读我之前的文章Hello Node中npm安装那一部分，不过只介绍了linux平台，如果是其它平台，有前辈写了更加详细的介绍。 npm的全称：Node Package Manager. ####（1）通俗的理解 其实从字面意思就可以理解这个产品有什么作用翻译为“Node
阅读全文
摘要：在单页应用上，前端路由并不陌生。单页应用是指在浏览器中运行的应用，在使用期间页面不会重新加载。 基本原理:以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生改变时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示。
阅读全文
摘要：前言 本人有近十年的技术背景，除了APP开发之外对后端、前端等都比较熟悉，近期做一个APP项目需要IOS、Android两个平台都需要，只能硬着头皮上。其实很早就想开发APP也很早就接触Android、IOS原生开发、Hybrid、HTML5 WebAPP等开发但一直也没有做一个完整的项目，更多只是
阅读全文
摘要：首先是apply（）一个很强大的功能——能将一个数组默认转化为参数列表！！！ 应用： 1.求出一个数组中的最大值 Math.max()方法接受多个参数，但是不接受数组，所以直接Math.max(arr)是无法达到效果的，由apply()将数组转化成参数列表进行操作。 2.合并数组 ①使用concat
阅读全文
摘要：之前看别人的demo，发现在延迟对象被resolve时要执行的代码，有时会写在deferred.then方法里执行，有时会写在deferred.done方法里执行。 这让对延迟对象一知半解的我非常困惑，今天抽时间研究了一下下，发现：在某种环境下，两个方法的确能实现同样的效果。 这种特定的环境是怎样呢
阅读全文
摘要：效果图： 网页布局 <p>操作成功</p><strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back();">返回</a> 任务： 1.打开网页后，如果不做任何操作则返回到一个新的页面 var num=document.
阅读全文
摘要：先上图 1.一些常用的方法 obj.getElementById() 返回带有指定 ID 的元素。 obj.getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。 obj.etElementsByClassName() 返回包含带有指定类名的所
阅读全文
摘要：今天遇到关于javascript原型的一道面试题，现分析下： 原题如下： function A(){ } function B(a){ this.a = a; } function C(a){ if(a){ this.a = a; } } A.prototype.a = 1; B.prototype
阅读全文
摘要：当解析器遇到 script 标签时，文档的解析将停止，并立即下载并执行脚本，脚本执行完毕后将继续解析文档。但是我们可以将脚本标记为 defer，这样就不会停止文档解析，等到文档解析完成才执行脚本，也可以将脚本标记为 async，以便由其他线程对脚本进行解析和执行。 三者之间的区别？ script 当
阅读全文
摘要：（一）-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜
阅读全文
摘要：前端工程师有时候面试时会遇到一类面试官，他们问的问题对于语言本身非常较真儿，往往不是候选人可能期待的面向实际的问题(有些候选人强调能干活就行，至于知不知道其中缘由是无关痛痒的)。这类题目，虽然没有逻辑，但某种程度说，确实考察了候选人对于javascript这门语言的理解。 突然想到这个话题是无聊在翻
阅读全文
摘要：http://mp.weixin.qq.com/s?src=3×tamp=1474692926&ver=1&signature=agI3W5rKmVC6GgbdTXhVOGejvpGMg8WY9EOUNMkmoy4vGptU-NeQYpXdWIQ2m8NQsM61Wrt0CXfSPaxGZ
阅读全文
摘要：JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或no
阅读全文
摘要：tip 在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。 全局执行 首先，我们在全局环境中看看它的 this 是什么： first. 浏览器： 可以看到打印出了 window 对象； second. node： 可
阅读全文
摘要：JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的： 自从JavaScript5起，我们开始可以使用内置的forEach方法： 写法简单了许多，但也有短处：你不能中断循环(使用break语句或使用return语句。 JavaScript里还有一种循环方法：for–
阅读全文
摘要：参考链接：https://www.talkingcoder.com/article/6333557442705696719 先看typeof 按照上面的打印结果,总结出下面要注意的几点 typeof (引用类型) 除了函数, 都是 'object',比如 typeof /123/ typeof nu
阅读全文
摘要：概述 toString() 方法返回一个代表该对象的字符串。 语法 描述 当对象需要转换为字符串时，会调用它的toString()方法.。默认情况下，每个对象都会从Object上继承到toString()方法，如果这个方法没有被这个对象自身或者更接近的上层原型上的同名方法覆盖(遮蔽)，则调用该对象的
阅读全文
摘要：在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法. ? 1 2 var arr = []; console.log(Object.prototype.toString.call(arr)) //"[object
阅读全文
摘要：javascript中的toString()方法，主要用于Array、Boolean、Date、Error、Function、Number等对象。下面是这些方法的一些解析和简单应用，做个纪律，以作备忘。 （1）Array.toString()：将数组转换成一个字符串，并且返回这个字符串。描述：当数组
阅读全文
摘要：这个题很有意思？ x 想想为啥？？ 有时会看到： Object.prototype.toString.call() toString()是一个怎样的方法,他定义在哪里呢？ 很多人就会在想，为神马 获取对象类型，为什么用 Object.prototype.toString.call(obj) 而不用
阅读全文
摘要：开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。 不断更新，不断更新，不断更新，重要的事情说三遍。 所有题
阅读全文
摘要：问题 刚开始接触移动端H5页面的时候最困扰的几个问题是： 后来慢慢知道了第一点是由于retina屏幕下设备像素比的问题造成，第二点知道了单位rem。 目的 不想因为使用rem而一一去计算设计稿的尺寸，设计稿750的尺寸的标注可以直接在sass中使用；字体不使用rem缩放，原因是： 显然，我们在iPh
阅读全文
摘要：2016年9月22日凌晨，微信宣布“小程序”问世，妈的，论坛，博客全是小程序，昨天当之无愧抢了头条，当然只是开始内测了，微信公众平台对200个服务号发送了小程序内测邀请。那么什么是“小程序”呢，来看微信之父怎么说 看完之后，相信大家大概都有些明白了吧，对于开发者来说或许都有些小激动吧，毕竟多关注一些
阅读全文
摘要：你肯定非常熟悉nodejs模块中的exports对象，你可以用它创建你的模块。例如：（假设这是rocker.js文件） 在另一个文件中你这样引用 那到底Module.exports是什么呢？它是否合法呢？ 其实，Module.exports才是真正的接口，exports只不过是它的一个辅助工具。 最
阅读全文
摘要：有的时候做前端，想要运行一些代码，但是又没有必要使用tomcat或者Apache http server，这个时候一个轻量级的简单的http server就可以搞定了。 Http-server是基于nodejs的http服务器，它最大好处就是： 可以使任意一个目录成为服务器的目录，完全抛开后台的沉重
阅读全文
摘要：遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层
阅读全文
摘要：一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们
阅读全文
摘要：Promise是异步里面的一种解决方案，解决了回调嵌套的问题,es6将其进行了语言标准,同意了用法，提供了`promise`对象， promise对象有三种状态:pending(进行中) 、Resolved(已经完成)和Rejected(已失败) ES6规定，Promise对象是一个构造函数，用来生
阅读全文
摘要：Jquery 一次处理多个ajax请求的代码，需要的朋友可以参考下。 复制代码代码如下: $(document).ready(function () { $('#getsetgo').click(function () { $.when($.ajax("page1.php"), $.ajax("pa
阅读全文
摘要：遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层
阅读全文
摘要：参考链接：http://www.cnblogs.com/zjfree/archive/2011/11/30/2269342.html
阅读全文
摘要：在涉及Web前端开发时, 有时会遇到\uXXXX格式表示的字符, 其中XXXX是16进制数字的字符串表示形式, 在js中这个叫Unicode转义字符, 和\n \r同属于转义字符. 在其他语言中也有类似的, 可能还有其它变形的格式. 多数时候遇到需要解码的情况多点, 所以会先介绍解码decode,
阅读全文
摘要：相信大家在做移动端开发的时候会经常遇到这种场景，需要适时的弹出遮罩（有时为了突出还会在外面加上蒙层），弹窗出现以后，为了追求良好的用户体验，遮罩以下的屏幕是禁止滑动的。在网上找了很多资料，大体就这两种做法，但都有不完善的地方。加上自己的思考和总结，想到一个办法，应该可以解决你的问题。 a）大众型 一
阅读全文
摘要：1、引子 最近学用director.js，那是相当的简单易学易使用。不过开始学的时候，搜搜过后，却没有发现相关的中文教程。于是决定硬啃E文，翻译备用的同时也当是给自己上课并加深对它的理解。 director.js 的官方地址请点击 这里 查看，本教程内容也主要来自于这里。 2、director.js
阅读全文
摘要：http://www.cnblogs.com/front-end-1149980941/p/5885628.html 通过css的border 可以绘制出三角形, 不同的样式组合，有着不同的效果，可以控制它的大小，颜色，方向。看下面各种图形，相信可能还有很多图形，大家都没见过。 先写出公共的样式：
阅读全文
摘要：阿基米德曾说给我一个支点我可以撬动地球，而拥有flex基本可以撬动所有的布局。 1.flex布局基本介绍及效果展示 工欲善其事必先利其器，来来来，一起看下基础知识先（呵~，老掉牙，但是有用啊）。 **flex-direction direction（方向）,布局方向，顾名思义就是设置元素排列顺序。排
阅读全文
摘要：有IOS的开关模拟，当然也有MIUI的开关模拟 看到设置选项里面的开关样式，突发奇想地来试试 最终效果如图： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .switch-wrap { pos
阅读全文
摘要：边框渐变： 文字渐变：（只支持-webkit-） 背景渐变：
阅读全文
摘要：http://www.cnblogs.com/niuboren/p/5883796.html Exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。 注意事项： EXIF 数据主要来自拍摄的照片，多
阅读全文
摘要：注意:第四参数type是指定异步返回的类型。一般情况下type参数是智能判断,并不需要我们主动设置,如果主动设置,则会强行按照指定类型格式返回。 注意:如果载入的是xml文件,type会智能判断。如果强行设置html类型返回,则会把xml文件当成普通数据全部返回,而不会按照xml格式解析数据。 $.
阅读全文
摘要：剪贴板操作可能看起来不起眼，但是却十分有用，可以增强用户体验，方便用户操作。本文将详细介绍剪贴板事件 http://www.cnblogs.com/xiaohuochai/p/5882902.html 定义 剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作，快捷键分别是c
阅读全文
摘要：题记：关注Vue.js 很久了，但就是没有动手写过一行代码，今天准备入手，却发现自己比菜鸟还菜，于是四方寻找大牛指点，才终于找到了入门的“入门”，就算是“入门指南”的“前传”吧。此文献给跟我一样“白痴级别”的前端开发人员，大牛请绕过。 1，下载安装Node.js 去 Node.js 官网下载一个Wi
阅读全文
摘要：JS操作小数运算，结果莫名其妙出现多位小数问题 Number类型： Number类型是ECMAScript中最常用和最令人关注的类型了；这种类型使用IEEE754格式来表示整数和浮点数值（浮点数值在某些语言中也被成为双精度数值），为支持各种数据类型，ECMA-262定义了不同的数值面量格式。 十进制
阅读全文
摘要：<input id="focus" type="text" value="" placeholder="手机号" readonly="readonly" onkeyup="this.value = this.value.replace(/\D/,'')"/> 只需加上readonly="readon
阅读全文
摘要：/** * LArea移动端城市选择控件 * * version:1.7.2 * * author:黄磊 * * git:https://github.com/xfhxbb/LArea * * Copyright 2016 * * Licensed under MIT * * 最近修改于： 2016-6-12 16:47:41 */ window.LAre...
阅读全文
摘要：http://www.cnblogs.com/LoveOrHate/p/4495929.html
阅读全文
摘要：通过DOM树可以可容易的访问到html文档中的所有元素 例如向上访问父辈的元素有以下方法 1.parent()方法可以得到所定元素的直接父元素 $("span").parent();得到<span>元素的直接父元素 2.parents()方法得到给定元素的所有父元素 $("span").parent
阅读全文
摘要：jquery的日期插件有好几款，H5中的input也可以自带日期选择。但为什么要再写一个，有两个理由，一个是引用的文件太大，而有时候只需要很简单的功能，二个是想加一些自定义的效果不好改。 我写的这个功能比较简单，可以换月，有预约效果，可以设定预约日期范围，压缩后1.4kb，先上个图，再慢慢解释： j
阅读全文
摘要：为什么说能使用html/css解决的问题就不要使用JS呢？两个字，因为简单。简单就意味着更快的开发速度，更小的维护成本，同时往往具有更好的体验，下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就
阅读全文
摘要：35 图片延迟加载也称懒加载，通常应用于图片比较多的网页，如果一个页面图片比较多，且页面高度或宽度有好几屏，页面初次加载时，只显示可视区域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度，更少的图片并发请求数也可以减轻服务器的压力。如果用户仅仅在首屏停留，还可
阅读全文
摘要：设置less配置:文件写 .less，路径找lessc.cmd，找不到就下载,命令参数写:%FileName% %FileBaseName%.css这样以后就可以less文件自动生成css了！
阅读全文
摘要：由于百度分享，jiathis 等分享插件在https下均会报错，就萌生了自己动手写一个分享插件的念头，其实实现起来一点都不难，以下代码都已在https网站运行通过，特附上以下代码；还请各位看官不吝赐教： 附上演示效果网址：https://www.aishandian.com/jiekuan_zhis
阅读全文
摘要：写了很久JS，还以为这段代码可以正常输出，谁知道输出超乎我的形象： 以下这段代码居然报错，呜呜呜呜呜。。。。。。。 修改以上的代码，让that=this;此时that和this指向同一位置，就可以啦。。。 总结： 私有变量】 在对象内部使用'var'关键字来声明，而且它只能被私有函数和特权方法访问。
阅读全文
摘要：Toucher 移动端手势库 API 通过 来构造一个Toucher对象 用 来配置相关事件的触发条件 或 来绑定事件 完整示例 支持的配置项(config)和事件列表(on) config on name和callback和上表一样 target可以为具体的css selector, 也可以为具体
阅读全文
摘要：看别人用的依赖库的好处在于，你知道有什么可以用，什么可以借鉴。（钉钉——协作桌面应用） PS：人最怕是不知道，而不是你不会。 1. jQuery 钉钉使用了1.9.1版本的jQuery，jQuery作为一个最为广泛使用库，已经不用说明它是什么了。 学习地址：http://jquery.com/ PS
阅读全文
摘要：最近遇到一个需求，页面中只有一个div允许滚动，其他内容不允许滚动。 正常来讲加上 应该就阻止页面滚动了。可是很悲催的是手机端并不能很好的执行，而且还有弹性效果。所以只能对默认的滚动进行干涉。首先禁止body 然后取得触摸点的坐标 然后对允许滚动的div进行判断 这样处理完后，就只能指定的div滚动
阅读全文
摘要：如何在页面加载完成后再去做某事？什么方法可以判断当前页面加载已完成？document.readyState 判断页面是否加载完成？javascript提供了document.readyState=="complete"方法来解决当前页面加载判断的问题。 <script type="text/java
阅读全文
摘要：插件： jQuery加载动画插件shCircleLoader http://www.jq22.com/jquery-info526
阅读全文
摘要：原链接：http://www.jq22.com/yanshi5753
阅读全文
摘要：原文地址：http://www.cnblogs.com/ys-ys/p/5874343.html
阅读全文
摘要：http://bh-lay.com/blog/14b531db64a
阅读全文
摘要：最近遇到一个项目 要求有两个icon（就是下载地址 下载安卓的apk 和ios的安装包） 一开始的方案是 什么设备都显示这两个icon 但是后来老大说这样不好 安卓用户给他下载ios 也不行 ios下载安卓也不行 于是就想到了一个办法 （判断终端） 于是百度了一些 经测试是可以完成的 var u =
阅读全文
摘要：阅读目录 方法一：position加margin 方法二： diaplay:table-cell 方法三：position加 transform 方法四：flex;align-items: center;justify-content: center 方法五：display:flex;margin:
阅读全文
摘要：参考链接:http://www.cnblogs.com/zhansingsong/p/5866692.html 前不久，做了一个H5项目，需要在横竖屏变化时，做一些处理。毫无疑问，需要使用orientationchange来监听横竖屏的变化。 方案一： 代码添加上后，就各种兼容性问题。这里兼容性问题
阅读全文
摘要：针对多点触控设备编程的Web手势组件，快速帮助你的web程序增加手势支持，也不用再担心click 300ms的延迟了。拥有两个版本，无依赖的独立版和react版本。除了Dom对象，也可监听Canvas内元素的手势（需要Canvas引擎内置对象支持addEventListener绑定touch相关事件
阅读全文
摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指相对于根元
阅读全文
摘要：JavaScript事件属性event.target jquery检查元素存在性 javascript检查元素存在性： 即使这个元素被删除了，也不担心javascript代码报错； jquery检查元素存在性： 代码如下： if(!document.getElementById("preview")
阅读全文
摘要：本文来自于腾讯bugly开发者社区，非经作者同意，请勿转载，原文地址：http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs
阅读全文
摘要：在移动端，经常会遇到input获得焦点时候弹出的虚拟键盘将整体页面布局打乱的情况。 比如说是这种 输入框未获得焦点键盘未抬起的时候： 输入框获得焦点键盘抬起的时候 这种情况下，不管是上面的textarea还是下面的input输入框，它们任意一个获得焦点的时候，手机的虚拟键盘都会抬起将fixed定位于
阅读全文
摘要：js继承的概念 js里常用的如下两种继承方式： 由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现 在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对
阅读全文
摘要：why？call,apply,bind干什么的？为什么要学这个？ 一般用来指定this的环境，在没有学之前，通常会有这些问题。 我们是想打印对象a里面的user却打印出来undefined是怎么回事呢？如果我们直接执行a.fn()是可以的。 这里能够打印是因为，这里的this指向的是函数a，那为什么
阅读全文
摘要：unicode字符的不同表示法 unicode字符在html、css和js中的表示方法均不相同，下面分别作介绍。 原文发表于这里 css表示法 首先来一段很常见的bootstrap的字体图标代码： .glyphicon-home:before { content: "\e021"; } 上面代码中的
阅读全文
摘要：一,js中的ajax ajax(Asynchronous Javascript And XML)即为异步的JavaScript和XML,顾名思义,这个技术是和我们当前页面刷新无关的,因为它是异步的,在没有ajax的时候,我们如果去请求数据库中的数据就要将当前页面进行刷新,最常用的你可以想到我们的表单
阅读全文
摘要：我们常用的两种编程模式 POP--面向过程编程(Process-oriented programming) 面向过程编程是以功能为中心来进行思考和组织的一种编程方法，它强调的是系统的数据被加工和处理的过程，在程序设计中主要以函数或者过程为程序的基本组织 方式，系统功能是由一组相关的过程和函数序列构成
阅读全文
摘要：原文链接：http://www.cnblogs.com/zhenwen/p/5855107.html HTML5提供了原生拖放功能的JavaScript API，使用起来很方便。 兼容性： 对于PC端浏览器，Firefox、Chrome、Safari支持良好，而IE和Edge浏览器有些特性不支持，如
阅读全文
摘要：元素两端对齐 第一个案例是让两个元素分别向左和向右对齐，如果是过去，我一定会用float来实现，但其实用table可以这么做： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 * { box-
阅读全文
摘要：1. 将彻底屏蔽鼠标右键 2. 取消选取、防止复制 <span class="tag" style="color:rgb(0,0,128)">< <span class="attribute" style="color:rgb(0,128,128)">body</span> <span class=
阅读全文
摘要：概述 G2作为一款技术产品，自诞生以来，服务于广大的Web工程师群体和一部分数据分析师。一直来，G2 因其易用的语法和扎实的可视化理论基础，广受使用者好评。G2 1.x 的可视化能力已经非常强大，使用者已经能够在掌握图形语法的基础上结合自己对数据的理解，从而绘制出各种各样的可视化图表。然而，随着DT
阅读全文
摘要：jquery的height()和javascript的height总结，js获取屏幕高度 2014年9月18日 15048次浏览 引子 今天是九一八事变八十三周年，大家勿忘国耻！加油学习！经济和技术等各个方面超过小日本！ 在javascript和jquery中，都有对各种高度的写法，在这里，我们就着
阅读全文
摘要：参考文章：http://www.cnblogs.com/xiaohuochai/p/4859485.html http://www.cnblogs.com/xiaohuochai/p/4859899.html http://www.cnblogs.com/vajoy/p/4263291.html 定
阅读全文
摘要：还有一个插件叫：scrollloading.js Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面
阅读全文
摘要：总结日常开发生产中常用的Git版本控制命令 main ＜极客镇楼＞ 一 创建版本库 二 修改和提交 三 查看提交历史 四 撤销 五 分之与标签 六 合并与衍合 $ git rebase <branch> #衍合制定分支到当前分支 七 远程操作 －－－－－－－－－－－－－－－－end－－－－－－－－－
阅读全文
摘要：最近,Gary Bernhardt在一个简短的演讲视频“Wat”中指出了一个有趣的JavaScript怪癖:在把对象和数组混合相加时,会得到一些你意想不到的结果.本篇文章会依次讲解这些计算结果是如何得出的. 在JavaScript中,加法的规则其实很简单,只有两种情况:你只能把数字和数字相加,或者字
阅读全文
摘要：目录 前言 1、vue和avalon一样，都不支持VM初始时不存在的属性 2、input元素中属性与v-model同时存在以属性为优先 3、VM中的函数放到data属性和methods属性中的区别，以及函数调用时带括号与不带括号的区别 前言 本文不是Vue.js的教程，只是一边看官网Vue的教程文档
阅读全文
摘要：目前async / await特性并没有被添加到ES2016标准中，但不代表这些特性将来不会被加入到Javascript中。在我写这篇文章时，它已经到达第三版草案，并且正迅速的发展中。这些特性已经被IE Edge支持了，而且它将会到达第四版，届时该特性将会登陆其他浏览器 -- 为加入该语言的下一版本
阅读全文
摘要：webpack是目前一个很热门的前端打包工具，官网说得很清楚，webpack的出现就是要把requirejs干掉。同时它还提供了十分便利的本地开发的环境。网上并不容易找到一个讲解得比较详细完整的教程，本文结合实践经验，总结一套可用的开发和上线的配置和流程。 首先，Require JS有什么问题 Re
阅读全文
摘要：在 Javascript中prototype属性的详解 这篇文章中，详细介绍了构造函数的缺点以及原型（prototype），原型链（prototype chain），构造函数（constructor），instanceof运算符的一些特点。如果对prototype和构造函数不熟悉，可以前往Javas
阅读全文
摘要：在JavaScript中,如何准确获取变量的类型名是一个经常使用的问题. 但是常常不能获取到变量的精确名称,或者必须使用jQuery 中的方法,这里 我通过 typeof ,jQuery.type 和 通过构造函数来获取变量类型 这三种方法详细介绍一遍. 希望可以对你提供帮助. 看到题目的第一眼,有
阅读全文
摘要：这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下！ 一、定义 图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性
阅读全文
摘要：document.documentElement.clientHeight 与 document.body.clientHeight用来获取页面可视高度我觉得有点问题。这两个应该不是一个东西。 页面中加了：<!DOCTYPE html> 很明显在谷歌浏览器中两个值不是一个概念。 页面中不加：<!DO
阅读全文
摘要：参考博客：http://blog.csdn.net/libin_1/article/details/52424340 下载链接：http://download.csdn.net/detail/cometwo/9620943
阅读全文
摘要：前面的话 本文先详细介绍回到顶部的5种写法，然后对其实现功能增加，最后得到最终实现 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 [注意]关于锚点的
阅读全文
摘要：0 Jquery.Qrcode简介 Jquery.Qrcode.js是一个在浏览器端基于Jquery动态生成二维码的插件，支持Canvas和Table两种渲染方式，它的优点是在客户端动态生成，减轻了服务端压力，尤其是在大量使用二维码的系统中。Jquery.Qrcode主要包括以下参数设置： rend
阅读全文
摘要：闭包就是指一个有权访问另外一个函数作用域中的变量的函数。--《JavaScript高级程序第三版》 本人对于闭包初次的认识就来自《高三》，首先仅仅通过“有权”’两个字我们便可以进一步推断出。在正常情况下，一个函数是“无权”访问另外一个函数的作用域中的变量。 一、什么是变量 因此在浅谈闭包的时候，回顾
阅读全文
摘要：本文是ES6系列的第三篇，主要介绍ES6新增的数据类型、数据结构，先上传送门： 1 变量部分 2 现有对象拓展 3 新增数据类型/数据结构 4 新的异步编程模式 5 类和模块 1 第七种数据类型Symbol ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言
阅读全文
摘要：本来想模仿Java里面的SimpleDateFormat()对象的，但是感觉这样用起来不方便，所以还是直接写成单独的方法算了。 原文链接 日期格式化 使用说明 formatDate(date, fmt)，其中fmt支持的格式有： y（年） M（月） d（日） q（季度） w（星期） H（24小时制的
阅读全文
摘要：原文链接：http://www.cnblogs.com/Uncle-Keith/p/5834289.html 在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascr
阅读全文
