10 2016 档案
摘要：一直认为原型链太过复杂，尤其看过某图后被绕晕了一整子，今天清理硬盘空间（渣电脑），偶然又看到这图，勾起了点回忆，于是索性复习一下原型链相关的内容，表达能力欠缺逻辑混乱别见怪（为了防止新人__（此处指我）__被在此绕晕，图片就放在末尾了。） 以下三点需要谨记 1.每个对象都具有一个名为__proto_
阅读全文
摘要：JavaScript this用法总结 在JavaScript中，this关键字可以说是最复杂的机制之一。对this的作用机制缺乏比较深入的理解很容易在实际开发中出现问题。 1、this的作用 为什么要在JavaScript中使用this呢？因为this提供了一种简明的方式来隐式传递一个对象引用，可
阅读全文
摘要：前言 回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 虽然网上有很多关于这方面的博客和文章，但还是决定
阅读全文
摘要：JavaScript JavaScript 闭包是指那些能够访问独立(自由)变量的函数 (变量在本地使用，但定义在一个封闭的作用域中)。换句话说，这些函数可以“记忆”它被创建时候的环境。——这句话其实有点难以理解。我觉得应该用一些例子来理解闭包的含义。 闭包#1 先来看一个函数: 1 2 3 4 5
阅读全文
摘要：JavaScript 的垃圾收集机制 javascript具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中的使用的内存。而在C和C++之类的语言中，开发人员的一项基本任务就是手动跟踪内存的使用情况，这是造成许多问题的一个根源。在编写javascript程序时候，开发人员不用再关心内存
阅读全文
摘要：前言： 正则对于一个码农来说是最基础的了，而且在博客园中，发表关于讲解正则表达式的技术文章，更是数不胜数，各有各的优点，但是就是这种很基础的东西，如果我们不去真正仔细研究、学习、掌握，而是抱着需要的时候，就去网上找现成的正则表达式来使用，像这样恐怕永远都是很难对正则有一个详细且全面的了解。 所以通过
阅读全文
摘要：手机端网页版app在使用下拉列表时，传统的下拉列表使用起来体验非常不好，一般做的稍好一点的交互功能界面都不会直接使用下拉列表，所以app的原生下拉列表都是弹窗列表选择，网页型app从使用体验上来当然也应该做成那样，前段时间在开发网页版app时就遇到这种需求，不仅是日期选择器，数据列表、变量列表选择等
阅读全文
摘要：前言： 面试的时候有点蒙，结束之后想想自己好像根本就误解了面试官的问题，因为我理解的这个问题本身就没有意义。但是当时已经有一些思路，但是在一个点上被卡住。 结束之后脑子瞬间灵光，想出了当时没有迈出的那一小步。所以不想计较这个问题本身的意义，单纯的想要把这个我理解错了的问题解决，就当是满足自己一个小小
阅读全文
摘要：写作不易，转载请注明出处，谢谢。 文章类别：Javascript基础（面向初学者） 前言 在之前的章节中，我们已经不依赖jQuery，单纯地用JavaScript封装了很多方法，这个时候，你一定会想，这些经常使用的方法能不能单独整理成一个js文件呢？ 当然可以，封装本来就是干这个用的。放在一个单独j
阅读全文
摘要：自定义右键菜单 技术一般水平有限，有什么错的地方，望大家指正。 自定义右键菜单，对于一些ERP系统，功能操作比较多，所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用。 实现自定义菜单很简单，首先我们要屏蔽原始的右键菜单，自定义菜单出现在鼠标的位置，点击隐藏自定义菜单，过程就是这样的。
阅读全文
摘要：通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。 这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达
阅读全文
摘要：
阅读全文
摘要：创建对象的设计模式 工厂模式 抽象了创建具体对象的过程，用函数封装以特定接口创建对象的细节 解决了创建多个相似对象的问题，没有解决对象识别的问题 function createPerson(name,age){ var obj = new Object(); obj.name = name; obj
阅读全文
摘要：0. 开场白 这是每天学点javascript系列文章的第一篇，我觉得把这些相关的笔记整理成系列文章会很不错，方便读者阅读的同时也方便自己回顾。最近javascript已经成为了我生活的一部分了，虽然现在还没有工作，但是这并不妨碍我每天安排时间学习javascript。这篇文章也是学习过程中整理笔记
阅读全文
摘要：前言 效果 代码 总结 为了更直观的比较,raw checkbox我就没有隐藏了..~~~~
阅读全文
摘要：一、前言 对于 JavaScript 来说,闭包是一个非常强大的特征。但对于刚开始接触的初学者来说它又似乎是特别高深的。今天我们一起来揭开闭包的神秘面纱。闭包这一块也有很多的文章介绍过了，今天我就浅谈一下自己对闭包的的一些理解，希望能提供一点鄙陋的见解帮助到正在学习的朋友。该文章中能使用口语化的我将
阅读全文
摘要：1、DataTables的默认配置 示例：http://www.guoxk.com/html/DataTables/Zero-configuration.html 2、DataTables的一些基础属性配置 示例：http://www.guoxk.com/html/DataTables/Featur
阅读全文
摘要：this是谁 技术一般水平有限，有什么错的地方，望大家指正。 this代指当前对象super调用父类的构造函数，应表会运网数物，加载驱动建立链接执行SQL处理结果，直到现在每想起这三点就能想起我上大学的时候，故事背景都是不同的有时候是我玩的正high的时候有时候是我快要睡觉，但是结果都是一致的就是让
阅读全文
摘要：为啥要用immutable.js呢。毫不夸张的说。有了immutable.js（当然也有其他实现库）。。才能将react的性能发挥到极致！要是各位看官用过一段时间的react，而没有用immutable那么本文非常适合你。 1,对于react的来说，如果父组建有多个子组建 想象一下这种场景，一个父组
阅读全文
摘要：之前一直很好奇，SPA应用到底是怎么实现的，昨天无意间看到了有一篇介绍的文章，就想着来试一下水(以下根据我的理解所写，可能会让你看的云里雾里，如果想加深了解，最好先了解下window.location.hash是什么东西) DEMO： 说了这么多，我们来根据他的原理做一个SPA的小应用吧(里面的ht
阅读全文
摘要：JavaScript == 和 == 操作符（Equality，相等操作符） 相等操作符会做类型转换。 我们先来看看什么是类型转换（type coercion） 当操作符两边的操作数是不同类型时，其中一个操作数将转换为另一个操作数同类型的“等效”值。比如： 12 - '3' // 9, 将 stri
阅读全文
摘要：要理解JavaScript的定时机制，就要知道JavaScript的运行机制。 首先声明，JavaScript是单线程运行（JavaScript引擎线程）事件驱动。 一、浏览器中有多个线程 一款浏览器中包含的最基本的线程： 1、JavaScript引擎线程。 2、定时器线程，setInterval和
阅读全文
摘要：主 题 今天手把手教大家用CSS3制作圆形滚动进度条动画，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个css实现进度条效果的博客《CSS实现进度条和订单进度条》，但是呢，那篇博客只是制作出来效果而已，并没有动画效果，因为当时正期末复习期间，所以就省了制作动画的时间成本。所以，今天就一
阅读全文
摘要：JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或no
阅读全文
摘要：JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或no
阅读全文
摘要：作者：余博伦链接：https://zhuanlan.zhihu.com/p/22665710来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Chrome自带开发者工具。它的功能十分丰富，包括元素、网络、安全等等。今天我们主要介绍JavaScript控制台部分的功能。
阅读全文
摘要：最近在学习JavaScript面向对象，其中有个难点就是关于this的问题。 关于this，我们要知道的两个问题，一个是this指向什么？另一个是this可以写在哪？ 关于this的指向 总的来说，this指向对象，具体要分情况来说。 两个原则： 1、this的指向是运行时决定的； 2、在运行时，函
阅读全文
摘要：技术一般水平有限，有什么错的地方，望大家指正。 ES6已经实现了延迟对象Promise,但是今天主角是JQ里面的延迟对象，套路其实都是差不多的。下面先看一个比较牵强的例子： 现在先聚焦功能，我们点击add按钮可以看到span元素添加并且颜色变红。然后在看我们代码中的的异类的东西，开始的var dfd
阅读全文
摘要：前言 我们会经常遇到这样的场景，需要拼接多行字符串，在字符串中动态插入一些数据以达到业务的需求。但是js中并没有标准的多行编辑的函数，于是聪明的程序员们便脑洞大开，书写出许多有趣的方法。 1 2 3 4 5 <div class="links"> <a href="http://qianlongo.
阅读全文
摘要：概述 说明 JRoll，一款能滚起上万条数据，具有滑动加速、回弹、缩放、滚动条、滑动事件等功能，兼容CommonJS/AMD/CMD模块规范，开源，免费的轻量级html5滚动插件。 JRoll第二版是在JRoll第一版基础上重写JRoll滑动算法，基于时间运动，解决帧频降低时滑动缓慢的问题，更改垂直
阅读全文
摘要：目录 前言 第一问 第二问 变量声明提升 函数表达式 第三问 第四问 第五问 第六问 构造函数的返回值 第七问 最后 前言 年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用来考核面试者的JavaScript的综合能力，很可惜到目前为止的将近两年中，几乎没有人能
阅读全文
摘要：作者：manxisuo链接：https://zhuanlan.zhihu.com/p/22989691来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 一. 无中生有 起初，什么都没有。造物主说：没有东西本身也是一种东西啊，于是就有了null： 现在我们要造点儿东西出来
阅读全文
摘要：虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。
阅读全文
摘要：好多时候在移动端需要一个的日期选择器，由于在应用上有可能应用各种框架库（Vue.js, React.js, zepto.js等）；所以说一个无依赖的，这样易于上层进行封装。直接开门见山，先来张动图看看效果： 可以看出整个风格就是 Material Design 风格的，主要特点就是： 手势操作：左划
阅读全文
摘要：做之前，先看一下效果图。 demo01.png demo01.png 首先，书写好 HTML 代码。 这里我们先以一个 li 标签为例。 将列表的默认样式修改掉。 这个时候的效果如下所示。 demo02.png demo02.png 现在的效果是这样的。 demo03.png demo03.png
阅读全文
摘要：当有人问起你JavaScript有什么特点的时候，你可能立马就想到了单线程、事件驱动、面向对象等一堆词语，但是如果真的让你解释一下这些概念，可能真解释不清楚。有句话这么说：如果你不能向一个6岁小孩解释清楚一个东西，那么你自己也不懂这个东西。这句话或许有点夸张，但是极其有道理。个人觉得，如果需要掌握一
阅读全文
摘要：文章目录 ES6 允许使用“箭头”（=>）定义函数。如果了解 Java 的 Lambda 表达式，回过头来理解 ES6 的箭头函数，就非常好理解了。 参考之前分享的《Java8 特性详解（一） Lambda》的讲解流程，我们在看下 ES6 的内容吧。 从改造开始 首先，我们从一个例子开始，在 ES5
阅读全文
摘要：我们都知道，JavaScript是类型松散型语言，在声明一个变量时，我们是无法明确声明其类型的，变量的类型是根据其实际值来决定的，而且在运行期间，我们可以随时改变这个变量的值和类型，另外，变量在运行期间参与运算时，在不同的运算环境中，也会进行相应的自动类型转换。 自动类型转换一般是根运行环境和操作符
阅读全文
摘要：在项目的交互或视觉评审中，前端同学常常会对一些交互效果质疑，提出这样做不好那样做不好。主要原因是这些效果通常会产生一系列的浏览器重绘(redraw)和重排(reflow)，需要付出高昂的性能代价。那么，什么是浏览器的重绘和重排呢？二者何时发生以及如何权衡？如何在具体的开发过程中将重绘和重排引发的性能
阅读全文
摘要：js对象浅拷贝和深拷贝详解 作者：i10630226 字体：[增加 减小] 类型：转载 时间：2016-09-05 我要评论 js对象浅拷贝和深拷贝详解 作者：i10630226 字体：[增加 减小] 类型：转载 时间：2016-09-05 我要评论 这篇文章主要为大家详细介绍了JavaScript
阅读全文
摘要：上面的 setTimeout 里面的this 指向window； 再来看看匿名函数的this： bind顾名思义，绑定。 bind()方法会创建一个新函数，当这个新函数被调用时，它的this值是传递给bind()的第一个参数，它的参数是bind()的其他参数和其原本的参数。 上面这个定义最后一句有点
阅读全文
摘要：移动端web开发越来越火，同时移动端适配也是一个很让人头疼的事情，你不能让一个同样大小的元素在不同的设备上都显示一样大小。（iphone6和iphone4下大小肯定是应该不一样的，否则用户体验很差） 曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动
阅读全文
摘要：# 前言 学习本系列内容需要具备一定 HTML 开发基础，没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长，所以对其中的内容和性质了解可能会有所偏差，在学习中如果有错会及时修改内容，也欢迎万能的朋友们批评指出，谢谢 文章第一版出自简书，如果
阅读全文
摘要：null null 表示一个变量被声明了，并被赋值为空 var lzh = null; console.log(lzh); // null console.log(typeof lzh); // object undefined 简单的理解：undefined 表示一个变量被声明了，但是还没有赋值，
阅读全文
摘要：配置 首先是配置帐号信息ssh -T git@github.com #登陆github 修改项目中的个人信息 $ git config --global user.name "wirelessqa"$ git config --global user.email wirelessqa.me@gmai
阅读全文
摘要：在 JavaScript 中，加法的规则其实很简单，只有两种情况: 把数字和数字相加 把字符串和字符串相加 把数字和数字相加 把字符串和字符串相加 所有其他类型的值都会被自动转换成这两种类型的值。 为了能够弄明白这种隐式转换是如何进行的，我们首先需要搞懂一些基础知识。 注意：在下面的文章中提到某一章
阅读全文
摘要：原型式继承与类式继承 类式继承是在子类型构造函数的内部调用超类型的构造函数。严格的类式继承并不是很常见，一般都是组合着用： 原型式继承是借助已有的对象创建新的对象，将子类的原型指向父类，就相当于加入了父类这条原型链 原型链继承 为了让子类继承父类的属性（也包括方法），首先需要定义一个构造函数。然后，
阅读全文
摘要：深克隆 function judgeType(arg){//判断js数据类型 return Object.prototype.toString.call(arg).slice(8,-1); } function deepCloneNick(obj){//深克隆 var result,oClass=judgeType(obj); //确定result的类型 if(o...
阅读全文
摘要：今天台风‘海马’袭击深圳，全市停工。现分享一篇关于touch的文章，望指教！ 原理： 具体代码如下： 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 $("body").on("touchstart
阅读全文
摘要：1. == Javascript有两组相等运算符，一组是==和!=，另一组是 和!==。前者只比较值的相等，后者除了值以外，还比较类型是否相同。 请尽量不要使用前一组，永远只使用 和!==。因为==默认会进行类型转换，规则十分难记。如果你不相信的话，请回答下面五个判断式的值是true还是false：
阅读全文
摘要：<select id="selector"></select> 1、设置value为pxx的项选中 $("#selector").val("xxx"); 2、设置text为pxx的项选中 $("#selector").find("option[text='xxx']").attr("selected
阅读全文
摘要：基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：ins
阅读全文
摘要：一.缘由 公司的移动端项目，采用zepto为主要框架，但是zepto毕竟是精简版的jquery，体积小了，功能自然没有这么强大，特别是动画和选择器这两块，需要我们自己去拓展。 在项目开发过程中，很多页面过渡需要用到动画，简单的show/hide过渡太生硬，对用户不友好，并且移动端大多都是采用slid
阅读全文
摘要：1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： 使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的，Chrome 4, Opera 10, Safari
阅读全文
摘要：function的name属性 name属性是函数的一个非标准的属性。 通过这个属性，我们可以访问给定函数的名字。属性name的值永远等于跟在function关键字后的标识符。 eg: function jenny(arg1,arg2){ //函数体 } alert(jenny.name); //输
阅读全文
摘要：调用 localstorge、cookies 等本地存储方式 方法一：使用localStorage 使用localStorage.setItem(key,value);添加内容 使用storage事件监听添加、修改、删除的动作 window.addEventListener("storage",fu
阅读全文
摘要：根据网上的身份证的计算公式写的一个验证身份证号的js 第一步：将身份证号码的第1位数字与7相乘；将身份证号码的第2位数字与9相乘；将身份证号码的第3位数字与10相乘；将身份证号码的第4位数字与5相乘；将身份证号码的第5位数字与8相乘；将身份证号码的第6位数字与4相乘；将身份证号码的第7位数字与2相乘
阅读全文
摘要：全局中的解析和执行过程 预处理：创建一个词法环境（LexicalEnvironment，在后面简写为LE），扫描JS中的用声明的方式声明的函数，用var定义的变量并将它们加到预处理阶段的词法环境中去。 一、全局环境中如何理解预处理 比如说下面的这段代码： 在预处理时它创建的词法作用域可以这样表示：
阅读全文
摘要：相信在html5之前，很少人会关注html页面上head里标签元素的定义和应用场景，可能记得住的只有"title"、"keyword"和"description"这些meta在逐渐了解使用html新标准后，特别是移动页面的开发普及，可以看到html中这一块内容越来越重要为大家所认识，初次见到这些标签
阅读全文
摘要：skyweaver skyweaver skyweaver 一个极为简单的requirejs实现 require和 sea的源码分析，我之前的博客有写过， 今天我想分享的是一个很简单的核心代码（不带注释和空行大概60行）， 没有容错判断。 require.js require函数实现用一句话概括：
阅读全文
摘要：其实本文的标题应该是「为什么我不推荐使用 AMD 的 Simplified CommonJS wrapping」，但太长了不好看，为了美观我只能砍掉一截。 它是什么？ 为了复用已有的 CommonJS 模块，AMD 规定了 Simplified CommonJS wrapping，然后 Requir
阅读全文
摘要：前面的话： 说到对象，我首先想到的是每到过年过节见长辈的时候长辈们老是开玩笑的问我“你找了对象没？”。不说大家都知道，这里的“对象”指的是“女朋友”，但是今天我想要说的js中的“对象”和我们生活中谈到的“对象”不是同一回事，但是其中也有着很多相似之处。 在讲js中的对象之前，我想先抛出几个疑问： 什
阅读全文
摘要：原文地址：http://www.cnblogs.com/xiaohuochai/p/5973556.html 前面的话 前面介绍过匀速运动的实现及注意事项，本文在匀速运动的基础上，更进一步，实现各种变速运动，包括加速运动、减速运动、缓冲运动、重力运动和弹性运动 准备工作 匀速运动 在原生javasc
阅读全文
摘要：原文地址;http://www.cnblogs.com/chedabang/p/5973601.html “自古深情留不住，总是套路得人心。”这些日子，各个朋友圈随时可以见到这句话的身影。的确人们常说：“多一点真诚，少一点套路。”，但是最终现象写实也是那么残酷和无奈。 同样在前端攻城狮的道路，我们都
阅读全文
摘要：前言 网上关于JS实现汉字和拼音互转的文章很多，但是比较杂乱，都是互相抄来抄去，而且有的不支持多音字，有的不支持声调，有的字典文件太大，还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件，无法根据实际需要满足需求。 综上，我精心整理并修改了网上几种常见的字典文件并简单封装了一下可
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn1">调用第一种</button> <button id="bnt2">调用第二种
阅读全文
摘要：闭包（closure）是掌握Javascript从人门到深入一个非常重要的门槛，它是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面写下我的学习笔记~ 闭包-无处不在 在前端编程中，使用闭包是非常常见的，我们经常有意无意，直接或间接用到了闭包。闭包可以使传递数据更
阅读全文
摘要：JS中总共有六种继承模式，包括原型链、借用构造函数、组合继承、原型式继承寄生式继承和寄生组合式继承。为了便于理解记忆，我遐想了一个过程，对6中模式进行了简单的阐述。 很长的一个故事，姑且起个名字叫女娲造人吧。 创建对象 女娲一个一个的捏人（创建对象），这样太慢，于是设计了一种机器（函数），想造什么样
阅读全文
摘要：JavaScript中有一些名字十分冗长的函数名称，导致使用时会混乱，特此整理一番，加深印象。 ①Object.getOwnPropertyDescriptor ——读取某个对象特定属性的属性描述符（value / writable / enumerable / configurable） 这个方法
阅读全文
摘要：for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。 对于数组 ，迭代出来的是数组元素 但不推荐，因为不能保证顺序，而且如果在Array的原型上添加了属性，这个属性也会被遍历出来，所以 最好数组使用正常的for循环，对象使用for-in循环 对于对象 ，迭代出来的是
阅读全文
摘要：跨域主要是由于浏览器的“同源策略”引起,分为多种类型,本文主要探讨Ajax请求跨域问题 前言 参考来源 什么是跨域 ajax跨域的表现 跨域的原理 如何解决跨域问题 JSONP方式解决跨域问题 CROS解决跨域问题 CROS请求原理 PHP后台配置 JAVA后台配置 .NET后台配置 FAQ mul
阅读全文
摘要：圣杯布局和双飞翼布局 圣杯布局和双飞翼布局主要用来解决以下问题： 1.三列布局，两侧定宽，中间自适应。2.中间栏在浏览器中优先加载渲染。 解决思路： 首先把中间的div写到前面，然后左侧，然后右侧。这样就解决了第二个问题，中间的div优先渲染。 但是这样会存在一个问题，写到前面的也会显示在前面。 为
阅读全文
摘要：老话长谈，css的不固定适应布局 不管是面试还是在平时的工作中，这样的布局形式一直都在用着，很常见，所以今天我就拿出来在唠叨一下， 既是给自己一个备忘存储，也是一个学习巩固的参考，知道大家都会，还是要记忆一下，不为其他，就为打好基础。 话说太多， 直接上代码，一看就能明白。 也许你会不屑一顾的说简单
阅读全文
摘要：一、javascript原型认识 很多编程语言都有类的概念，我们可以拿原型和类进行比较，看看它们之间的区别以及相同点在哪里。 1、类：类是一个具体事物的抽象所以类是一个抽象的东西，在面向对象中类可以用来构造对象，这就是一个抽象—具体的过程。在现实生活中就好比：图纸造汽车。 2、原型：javascri
阅读全文
摘要：谷歌Chrome，是当前最流行且被众多web开发人员使用的浏览器。最快六周就更新发布一次以及伴随着它不断强大的开发组件，使得Chrome成为你必备的开发工具。例如，在线编辑CSS，console以及debugger这些常用的调试技术，或许你已经了解。在本篇文章中，我们将介绍15个炫酷且实用的技巧，这
阅读全文
摘要：第一篇文章中提到了变量的提升，所以今天就来介绍一下变量提升和函数提升。这个知识点可谓是老生常谈了，不过其中有些细节方面博主很想借此机会，好好总结一下。 今天主要介绍以下几点： 1. 变量提升 2. 函数提升 3. 为什么要进行提升 4. 最佳实践 那么，我们就开始进入主题吧。 1. 变量提升 通常J
阅读全文
摘要：大家在前端Javascript开发中会遇到处理日期时间的问题，经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库：moment.js，使用它可以轻松解决前端开发中遇到的种种日期时间问题。 查看演示 下载源码 moment.js不依
阅读全文
摘要：一、哟，requestAnimationFrame, 新同学，先自我介绍下 Hello, 大家好，我就是风姿卓越，万种迷人的requestAnimationFrame，呵呵呵呵。很高兴和大家见面，请多指教！ 。。。。 咳咳，大家不要一副不屑的样子嘛。跟你讲，我可是很有用的。所谓人如其名，看我名字这么
阅读全文
摘要：HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w
阅读全文
摘要：我的 webpack.config.js package.json index.html app.js my.js a.png app.css 最后生成的output 文件main.js 执行： 浏览器打开： 如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何
阅读全文
摘要：由于前端是不能直接操作本地文件的，要么通过<input type="file">用户点击选择文件或者拖拽的方式，要么使用flash等第三方的控件，但flash日渐衰落，所以使用flash还是不提倡的。同时html5崛起，提供了很多的api操控，可以在前端使用原生的api实现图片的处理，这样可以减少后
阅读全文
摘要：参考：http://www.cnblogs.com/tugenhua0707/p/4069769.html Gulp实现web服务器 阅读目录 一：gulp实现web服务器配置： 二：添加实时刷新（livereload）支持 回到顶部 一：gulp实现web服务器配置： 对于前端开发而言，需要在本地
阅读全文
摘要：clientHeight , scrollHeight , offsetHeight相信每个人都用过，可是每次用都要查一下到底哪个是文档大小哪个是视口大小，还有头疼的兼容问题。 先来官方的了解一下这三个属性： clientHeight：元素客户区的大小，指的是元素内容及其边框所占据的空间大小（经过实
阅读全文
摘要：学习和工作的过程中总结的干货，包括常用函数、常用js技巧、常用正则表达式、git笔记等。为刚接触前端的童鞋们提供一个简单的查询的途径，也以此来缅怀我的前端学习之路。 PS：此文档，我会持续更新。 Ajax请求 jquery ajax函数 我自己封装了一个ajax的函数，代码如下： var Ajax
阅读全文
摘要：Good News： 现在我们可以用浏览器调试node.js了!!! 前提 Node.js 6.3+, 这个可上Node.js官网自行下载； Chrome 55+. 如果您本地的chrome升级到最新版后还是<55, 可以从此处下载：Chrome Canary，亲测可行。 配置 就目前来说，在浏览器
阅读全文
摘要：先看看最常见的一个问题： A 点击6次，E点击1次 依次点击上面的A,B,C,D; 红色的点击5次，绿色的点击5次 一、什么是闭包 ： 有权访问另一个函数作用域内变量的函数都是闭包。 官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一
阅读全文
摘要：阅读目录 背景 预览效果 表单组件 普通文本框 多行文本框 复选框 切换滑块 单选框 下拉选择框 数字输入框 时间选择 文件选择 显示文本 按钮 开源地址 背景 目前市场上有很多表单美化的UI，做的都挺不错，但是他们都有一个共同点，那就是90%以上都是前端工程师开发的，导致我们引入这些UI的时候，很
阅读全文
摘要：我们大家都知道，人与人之间的交流可以通过语言，文字，肢体动作，面部微表情等，但是你知道Javascript和HTML之间是通过什么进行交互的么？你又知道Javascript和HTML之间是如何进行交互的么？如果你不是那么清楚，可以看这篇文章。。。 前面的话： 这篇博文由浅入深，先介绍两种事件流，然后
阅读全文
摘要：http://www.cnblogs.com/terry01/p/5953464.html 介绍 Vue-loader 是什么？ vue-loader 是一个加载器，能把如下格式的 Vue 组件转化成JavaScript模块。vue-loader 提供了一些非常酷炫的特性： ES2015默认可用；
阅读全文
摘要：正文：我们知道，在js中，函数实际上是一个对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法。因此，函数名实际上是指向函数对象的指针，不与某个函数绑定。在常见的两种定义方式（见下文）之外，还有一种定义的方式能更直观的体现出这个概念： Function的构造函数可以接
阅读全文
摘要：require.js 参考阮一峰 Javascript模块化编程(三)：require.js的用法r.js 合并压缩 参考司徒正美 r.js合并实践 vue.js 原本是学习vue组件 require.js 然后想到用require 加载 r.js 文件太多 合并 忽略部分文件及文件夹 先引入vue
阅读全文
摘要：相信排序是任何一个程序猿都会用到的东西，今天简单总结记录下常见的排序算法。 一.冒泡排序 说起冒泡排序，可能每个人都不会陌生，实现思路相当简单明了，就是不停的对数组进行两两比较，将较大（较小）的一项放在前面； 如 var arr = [7, 3, 10, 1, 8, 4, 2, 4, 4, 3] 进
阅读全文
摘要：你一定用过书签，也一定给你的书本加过书签，那么你见过书签式的导航吗？ 你一定见过手风琴，也一定知道弹奏手风琴时的它的外形变化，那么你见过手风琴式的导航吗？ 如果没有，请往下看： 前面的话： 这篇博文先通过Javascript做一个简单的手风琴效果，让大家对手风琴效果有一定的了解；紧接着，我们换jqu
阅读全文
摘要：早就听说过断点续传这种东西，前端也可以实现一下 断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的 本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收），理解其大致的实现过程 还是先以图片为例，看看最后的样子 一、一些知识准备 断点续传，既然有断，那
阅读全文
摘要：javascript 2016-10-06 1120 9 javascript 2016-10-06 1120 9 上图是本宝宝用Illustrator制作的可视化信息图，希望能帮你理清Javascript对象与__proto__、prototype和原型链之间的关系。如果暂时看不懂也没关系，这篇文
阅读全文
摘要：函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。 函数的定义，大致可分为三种方式： 第一种：这也是最常规的一种 1 2 3 function double(x){ return 2 * x; } 1 2 3 function double(
阅读全文
摘要：他还可以用绝对定位实现： 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简
阅读全文
摘要：变量声明一直是JavaScript中一个需要技巧的部分。在大多数基于C的编程语言中，变量（更正式地说是绑定）在声明的时候创建，然而在JavaScript中并不是这样。在JavaScript中，变量在何处创建取决于你用什么方式声明它。ES6提供了新的声明方式，让你可以更容易控制变量的作用域。接下来将说
阅读全文
摘要：接触jquery也有一段时间了，今天刚好利用轮播图来练练手。博文的前面会介绍一个简单用jquery做轮播图的例子，中间会插入一些关于轮播图更多的思考，在后面会用Javascript的方法来写一个轮播图，最后则是关于jquery和Javascript的比较。 jquery做轮播图的例子： html部分
阅读全文
摘要：offsetWidth,offsetHeight,offsetTop,offsetLeft 为只读状态，返回的值是int形式 只读形式即不能通过修改其值的大小。 想要修改某元素的这些值的大小（width,height,top,left） 可以使用一下方法 二维数组的声明，本人觉得下面这种方法还不错
阅读全文
摘要：注册博客园账号也有好些年了，有事没事经常来逛逛，感觉博客园的同学们一直都很活跃，相比国内其他社区来讲，这里的技术氛围很浓，非常适合学习和交流，所以博主我也决定在这里驻扎了，在这里，博主希望能坚持写一些JavaScript方面的文章，并和大家一起交流和探讨。 最近接触到ES6的一些相关新特性，想借l
阅读全文
摘要：ES6原生提供了 Promise 对象。 到底是何方妖怪呢？打出来看看： 所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。 Promise 对象有以下两个特点。 （1）对象的状态不受
阅读全文
摘要：JavaScript有多种继承模式，总结起来用到的方法有：原型链的传递、构造函数的借用、对象的复制。 对于原型链和原型的解释，可参考：JavaScript 原型中的哲学思想这篇文章讲得很清晰，让我们明白：所有JS对象源于null，并通过原型指针和原型对象来实现继承。 构造函数和原型对象的关系如下：
阅读全文
摘要：1.选取了DOM操作中实用并常用的部分，省略了实用但有明显兼容性的部分2.DOM属性和方法的对象归属可能并不完全准确3.某些一般兼容性和特点做了标识(主要是ie8-9上下) 节点类型 Node类型 Document类型 Element类型 Attr类型 Text类型 表格操作 样式操作 DOM样式—
阅读全文
摘要：创建对象的设计模式 工厂模式 抽象了创建具体对象的过程，用函数封装以特定接口创建对象的细节 解决了创建多个相似对象的问题，没有解决对象识别的问题 工厂模式 抽象了创建具体对象的过程，用函数封装以特定接口创建对象的细节 解决了创建多个相似对象的问题，没有解决对象识别的问题 抽象了创建具体对象的过程，用
阅读全文
摘要：原文链接：http://www.w3cfuns.com/notes/17398/8062de2558ef495ce6cb7679f940ae5c.html 学js，不懂事件机制，基本可以说学了js，就是白学。本人看了很多js相关书籍，评价一本说讲得好不好，我主要看两块儿，一块儿是js面向对象讲得怎么
阅读全文
摘要：flex是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓2.3以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某X5内核神器（不知哪个版本的web
阅读全文
摘要：概述 安装与使用 安装 从源代码编译 Nginx Windows 安装 使用 nginx 配置实战 http反向代理配置 负载均衡配置 网站有多个webapp的配置 https反向代理配置 参考 概述 安装与使用 安装 从源代码编译 Nginx Windows 安装 使用 nginx 配置实战 ht
阅读全文
摘要：1，前言 下面是2008年Github创建以来，各种编程语言的排名情况 其中JavaScript自2015年之后就盘踞第一名，成为github上被使用最多的语言，早期，JS的使用还主要集中于浏览器中，但是随着node.js进军服务器开发和React Native逐渐向移动端渗透，一个属于JS的全栈时
阅读全文
摘要：jQuery插件开发全解析 jQuery插件的开发包括两种： 一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的
阅读全文
摘要：写在前面 本文章版权归博客园和作者共同所有，转载请注明原文地址博客园吴双 http://www.cnblogs.com/tdws/ 闭包真的是学过一遍又一遍，Js博大精深，每次学习都感觉有新的收获。相信在大家封装前端插件时，闭包是必不可少的。闭包的真正好处我个人认为除了封装还是封装，能带个我们私有方
阅读全文
摘要：目录 图片放大镜 效果 原理 初始化 画背景图片 计算图片被放大的区域的范围 绘制放大镜区域 添加鼠标事件 图表放大镜 原理 绘制原始线段 计算原始区域和放大镜区域 计算线段在新坐标系统的位置 绘制放大镜中心点 绘制放大镜 添加事件 目录 图片放大镜 效果 原理 初始化 画背景图片 计算图片被放大的
阅读全文
摘要：前面的话： 闭包，是 javascript 中重要的一个概念，对于初学者来讲，闭包是一个特别抽象的概念，特别是ECMA规范给的定义，如果没有实战经验，你很难从定义去理解它。下面是作者从作用域链慢慢讲到闭包以及在后面提到了一些闭包的高级用法。下面大家一起来学习Javascript中的闭包。 谈一谈Ja
阅读全文
摘要：导航条对于每一个Web前端攻城狮来说并不陌生，但是毛玻璃可能会相对陌生一些。简单的说，毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题：通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把
阅读全文
摘要：让我万万没想到的是,原来《JavaScript高级程序设计(第3版)》里面提到的方法已经是过时的了.后来我查看了MDN,才找到了最新的方法. 模拟鼠标事件MDN上已经说得很清楚,尽管为了保持向后兼容MouseEvent.initMouseEvent()仍然可用,但是呢,我们应该使用MouseEven
阅读全文
摘要：继上次发布基于react-native实现的博客园客户端已经过去两个多月了。当时受接口所限，版本完成度并不高。期间收到的很多反馈都是说没有登录功能，导致应用的使用场景大大受限。我也仅仅是中午在食堂排长队等着打饭的时候，摸出来打开看一下新闻，没有回复和发布功能，整个应用的体验感觉上就是一个仅仅提供按摩
阅读全文
摘要：今天在国外的网站上看到了很多看似简单却又非常强大的纯 CSS 绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。 Square (正方形) Rectangle (矩形) Circle (圆形) Oval (椭圆形) Triang
阅读全文
摘要：目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库，但同时面临一个苦恼的问题：它们中的大多数实在是太累赘而且常常降低网站的性能。其实，其中也有不少轻量级的插件和库，它们不仅轻巧有用，而且不会影响网站的性能。本文，就为大家整理了2016年以来30多款轻量级Javascript插件
阅读全文
摘要：目录 前端MVC 框架和库 包管理器 加载器 打包工具 测试框架 框架 断言 覆盖率 运行器 QA 工具 基于 Node 的 CMS 框架 模板引擎 数据可视化 编辑器 UI 输入 日历 选择 文件上传 其它 提示 模态框和弹出框 滚动 菜单 表格/栅格 框架 手势 地图 视频/音频 动画 图片处理
阅读全文
摘要：Event Loop 是一个很重要的概念，指的是计算机系统的一种运行机制。 JavaScript语言就采用这种机制，来解决单线程运行带来的一些问题。 本文参考C. Aaron Cois的《Understanding The Node.js Event Loop》，解释什么是Event Loop，以及
阅读全文
摘要：我知道有很多人不同意这种类型的面试。其实不管你喜不喜欢，你都得接受。尤其当你是自学的，而且要申请第一份工作时。 我估计很多有人其它方法来证明他自己，像Github/ 项目地址可能是非常理想的证明方法，但也别全都指望这些。 好消息是有一些很难的问题，在有限的时间里我没答上来（比如说Event Loop
阅读全文
摘要：前言： 为什么我们需要模块化开发，模块化开发的好处有哪些？ 首先我们先说一下非模块化的开发方式带来的弊端。 非模块化开发中会导致一些问题的出现，变量和函数命名可能相同，会造成变量污染和冲突，并且出错时候很难排查。耦合程度高，不符合软件开发中的高内聚和低耦合的原则，所以我们就可以总结一下模块化开发的好
阅读全文
摘要：html5新增api，类似于jquery的 addclass、toggleClass、removeClass方法 add：给元素添加一个指定的class 01 var test = document.getElementById('test'); 02 test.classList.add('yel
阅读全文
摘要：window.onpopstate window.onpopstate是popstate事件在window对象上的事件句柄. 每当处于激活状态的历史记录条目发生变化时,popstate事件就会在对应window对象上触发. 如果当前处于激活状态的历史记录条目是由history.pushState()
阅读全文
摘要：我爱JavaScript
阅读全文
摘要：看到有些网站logo鼠标悬浮上面的时候，会出现一道光，一闪而过，刚开始以为是gif图，已审查，居然不是；现在就实现在这种效果： 先看看CSS实现的效果图： 看到没，就是这道刺眼的白光。。。。 啊啊。。我的眼睛。。。。 代码： 不知各位看官看出里面的问题没，就是鼠标离开的时候，一道光回回退回去，就是这
阅读全文
浙公网安备 33010602011771号