分类目录归档：JavaScript开发

2016
10-08

在 2016 年学 JavaScript 是一种什么样的体验？

嘿，我最近接到一个Web项目，不过老实说，我这两年没怎么接触Web编程，听说Web技术已经发生了一些变化。听说你是这里对新技术最了解的Web开发工程师？准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了，前端可视化、音乐播放器、能踢足球的无人机，你尽管问吧。我刚去JS大会和React大会逛了一圈，没有什么新技术是我不知道的。厉害。是这样的，我要开发一个网页，用来展示用户... 继续阅读 >
2016
09-30

js 常用的正则表达式大全

以下收录一些我经常用到的正则表达式，因为工作场景中用到正则的地方几乎都跟validate插件的验证有关系，所以以下正则也是$.validator.addMethod() 的拓展：validate: http://jqueryvalidation.org/电话验证/***手机**/$.validator.addMethod("isMobile",function(value,element){varreg=/^((1[3-8][0-9])+\d{8})$/;returnthis.optional(element)||(reg.test(value));},"手机格式不正确");/... 继续阅读 >
2016
09-29

JavaScript 性能优化技巧

加载与运行延期脚本<scripttype="text/javascript"src="file1.js"defer></script>js文件要在dom加载完成时才会被下载动态脚本元素varscript=document.createElement("script");script.type="text/javascript";script.src="file1.js";document.getElementsByTagName_r("head")[0].appendChild(script)无论在何处启动下载，文件的下载和运行都不会阻塞其他页面的处理过程XHR脚本注入varx... 继续阅读 >
2016
09-26

jQ选择器汇总

1.#id:根据给定的ID匹配一个元素<pid="myId">这是第一个p标签</p><pid="not">这是第二个p标签</p><scripttype="text/javascript">$(function(){$("#myId").css("color","red");});</script>结果：这是第一个p标签这是第二个p标签2.element:根据给定的元素标签名匹配所有元素<div>这是div标签1</div><div>这是div标签2</div><p>这是p标签</p><scripttype="text/javascript">$(function(){... 继续阅读 >
2016
09-14

效率提升jQuery的25个技巧 HOT

1、从GoogleCode加载jQueryGoogleCode上已经托管了多种JavaScript类库，从GoogleCode上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽，能够很快的从Google的内容分布网络(CDN)上加载JS类库。更重要的是，如果用户访问那些发布在GoogleCode上的站点后它会被缓存下来。这样做很有意义。有多少站点使用了没有被缓存的相同jQuery副本，而这些很容易做到,引入:<scripttype="text/javascript"src="http:/... 继续阅读 >
2016
09-10

React 入门实例教程

现在最热门的前端框架，毫无疑问是React。React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来Web开发的主流工具。这个... 继续阅读 >
2016
09-10

JavaScript 中的面向对象编程

介绍JavaScript是一个强大的面向对象编程语言，但是，并不像传统的编程语言，它采用一个以原型为基础的OOP模型，致使它的语法让大多数开发人员看不懂。另外，JavaScript也把函数作为首要的对象，这可能会给不够熟悉这门语言的开发人员造成更大的困惑。那就是我们决定放在前面作为一个简短前言进行介绍的原因，并且在JavaScript里也可以用作面向对象编程的一个参考。这个文档没有提供一个面向对象编程的规则预览... 继续阅读 >
2016
08-29

想成为一个高效的Web开发者吗？来看看大牛分享的经验吧~

作为一个软(ku)件(bi)工(de)程(ma)师(nong)，你有没有觉得做什么事都没时间？没时间学习新东西，没时间去回顾、整理原来写的烂代码，没时间写单元测试，没时间给接管你项目的家伙写文档，没时间思考，没时间喘气，没！时！间！ 额……如果你肯花点时间看看这篇文章，我相信你会明白应该把时间花在哪。我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作。这个想法差点毁了我。身体越来越差，... 继续阅读 >
2016
08-29

为什么说编程是有史以来最好的工作

在过去的16年中，我一直都是一名开发者。不久前，公司的一位实习生问我，做一名开发者，最酷的事情有哪些。以下就是我给出的回答：1.你是真正的实干家。在瑞典这样的国家，劳动者会收到非常好的保护，自己真正的去劳动，要比依靠其他人的才智更有价值。“老板”是一句脏话。2.收入高。这是一个需求量非常高的工作，企业会使劲浑身解数去吸引并且留住优秀的人才——果篮、免费的早中午餐、免费... 继续阅读 >
2016
08-25

为什么我要说 JavaScript 对象字面量很酷？ HOT

在 ECMAScript2015 之前，JavaScript里的对象字面量（也叫对象初始化器）功能很弱。它只能定义两种属性：普通键/值对 {name1:value}Getters {getname(){..}} 以及 setters {setname(val){..}}，用来设置和获取需要计算的值。令人心痛地，对象字面量的所有用法只用一个简单的例子就能囊括：TryinJSBinvarmyObject={myString:'value1',getmyNumber(){ret... 继续阅读 >
2016
08-25

设计和构建你自己的JavaScript代码库：提示与技巧 推荐

代码库：我们一直在使用它们。代码库是开发者把他们会在项目中使用到的代码打包起来形成的，这总能节省时间和避免重复造轮子。拥有一个可重复使用的包，不管是开源的还是闭源的，总比重复构建一样特性的包或者从过去的项目中手动复制粘贴要好。来自作者的更多文章StopMaimingBodies:ThePerilsofPixelFont-SizeES2016:ShouldtheFutureofJavaScriptBeDeveloper-Driven?除了被打包的代码，还可以更精确的形... 继续阅读 >
2016
08-22

JavaScript里的循环方法：forEach，for-in，for-of

JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for(varindex=0;index<myArray.length;index++){console.log(myArray[index]);}自从JavaScript5起，我们开始可以使用内置的forEach方法：myArray.forEach(function(value){console.log(value);});写法简单了许多，但也有短处：你不能中断循环(使用break语句或使用return语句。JavaScript里还有一种循环方法：for–in。for... 继续阅读 >
2016
08-09

JavaScript 异步进化史

前言JS中最基础的异步调用方式是callback，它将回调函数callback传给异步API，由浏览器或Node在异步完成后，通知JS引擎调用callback。对于简单的异步操作，用callback实现，是够用的。但随着负责交互页面和Node出现，callback方案的弊端开始浮现出来。Promise规范孕育而生，并被纳入ES6的规范中。后来ES7又在Promise的基础上将async函数纳入标准。此为JavaScript异步进化史。同步与异步通常，代码... 继续阅读 >
2016
08-09

面试开发常用的 JavaScript 知识点总结

No1.语法和类型1.声明定义变量类型：var，定义变量；let，定义块域(scope)本地变量；const，定义只读常量。变量格式：以字母、下划线“_”或者$符号开头，大小写敏感。变量赋值：声明但未赋值的变量在使用时值为undefined，未声明的变量直接使用会抛异常。未赋值变量作计算：结果为NaN。例如：varx,y=1;console.log(x+y);//结果为NaN，因为x没有赋值。2.作用域变量作用域... 继续阅读 >
2016
08-06

关于JavaScript数组，你所不知道的3件事

在编程语言当中，数组（Array）是一个非常常用的功能；它是一种特殊的变量，可以用来同时储存多个数值。然而，在JavaScript方面，数组的功能还有很多其他值得探索的地方。在这篇文字中，我们将会讨论JavaScript数组的三个并不那么常见的功能。1. 给数组添加自定义属性在网上搜寻有关JavaScript数组的定义时，你会发现几乎所有人对于数组的定义都一样：一种对象。事实上，我们用JavaScript处理的所有东西，都可以视为是... 继续阅读 >
2016
07-07

不同优秀程度JavaScript开发者的差别

“优秀绝非偶然.它总是由强烈的意图、真诚的付出以及聪明的行动带来的。优秀代表着明智的选择——选择，而不是机会，它会决定着你的命运。“–亚里士多德我们所有人都想成为自己所在领域的佼佼者，但是很少有人付出时间和努力去实现自己所想。成为优秀的人很难，任何职业都是这样。评估一个JavaScript开发者的优秀程度是非常难的事情。是什么成就一个优秀的JavaScript开发者呢？... 继续阅读 >
2016
06-27

JavaScript 创建对象: 方法一览与最佳实践

在JavaScript中“创建对象”是一个复杂的话题。这门语言提供了很多种创建对象的方式，不论新手还是老手都可能对此感到无所适从，不知道应该选择哪一种。不过，尽管创建对象的方法很多，看上去语法差异也很大，但实际上它们的相似性可能比你所以为的要多。本文将带领你踏上一段梳理对象创建方法的旅程，为你揭示不同方法之间的依赖与递进关系。对象字面量我们的第一站毫无疑问就是创建对象最简单的方法，对... 继续阅读 >
2016
05-25

4类JavaScript内存泄露及如何避免

原文：4TypesofMemoryLeaksinJavaScriptandHowtoGetRidOfThem译文来自：Alon'sBlog本文将探索常见的客户端JavaScript内存泄露，以及如何使用Chrome开发工具发现问题。简介内存泄露是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。什么是内存泄露？本质上，内存泄露可以定义为：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用... 继续阅读 >
2016
04-16

十条jQuery代码片段助力Web开发效率提升

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的... 继续阅读 >
2016
04-07

JavaScript6里出现了哪些新语法、新特征？

新版本javascript6/ECMAScript2015在去年出来了，我们现在普遍使用的javascript5是在2009年出来的，相隔这么多年，变化比较大，添加了一些很好用的特性。下面就看几个简单而实用的小特性：1、模板文本需要在字符串中加入变量时，通常做法就是使用字符串拼接，如varparam='b';varstr='a'+param+'c';ES6中简单了，可以直接在字符串中添加变量varstr=`a${param}... 继续阅读 >
2016
03-10

JavaScript 就要统治世界了？

"JavaScript可以……""嘛，不就是操作一下DOM，可以让元素飞来飞去吗""JavaScript是……""不就是用jQuery让网页动起来，顶多就是再用用Ajax和后端进行一下数据交换吗""JavaScript是一门……""最讨厌和鄙视这种弱类型不需要编译的脚本语言了，你说OOP?扯淡的吧，JS有对象吗""……"0x00.前言早上起床惯例刷刷微博，突然看到ReactNative宣... 继续阅读 >