分类：JavaScript开发

2017
08-10

编写高质量代码的思考

最近在看《代码大全》，可以说是一本软件开发的百科全书，特别厚，但是干货也很多。平时写代码，代码规范是一个最低的要求（很多老代码连最低要求都达不到），为什么要这样规定代码要这么写，而不是那么写？这是一个值得深究的问题。而不是说我照着代码规范写代码就算完了，高质量的代码是一个专业工程师的追求。要知其然知其所以然，最近写发票解析的代码，因为涉及带解析PDF的算法，复杂度比较高，所以花了很多时间在重构，学... 继续阅读 >

2017
07-20

十大经典排序算法的JS版

前言这世界上总存在着那么一些看似相似但有完全不同的东西，比如雷锋和雷峰塔，小平和小平头，玛丽和马里奥，Java和javascript….当年javascript为了抱Java大腿恬不知耻的让自己变成了Java的干儿子，哦，不是应该是跪舔，毕竟都跟了Java的姓了。可如今，javascript来了个咸鱼翻身，几乎要统治web领域，Nodejs，ReactNative的出现使得javascript在后端和移动端都开始占有了一席之地。可以这么说,在Web的江湖，JavaScript可... 继续阅读 >

2017
07-20

10个JavaScript难点

译者按：能够读懂这篇博客的JavaScript开发者，运气不会太差…原文:10JavaScriptconceptseveryNode.jsprogrammermustmaster译者:Fundebug为了保证可读性，本文采用意译而非直译，并且对示例代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。1.立即执行函数立即执行函数，即ImmediatelyInvokedFunctionExpression(IIFE)，正如它的名字，就是创建函数的同时立即执行。它没有... 继续阅读 >

2017
07-18

JavaScript机器学习之KNN算法

上图使用plot.ly所画。上次我们用JavaScript实现了线性规划，这次我们来聊聊KNN算法。KNN是k-Nearest-Neighbours的缩写，它是一种监督学习算法。KNN算法可以用来做分类，也可以用来解决回归问题。GitHub仓库：machine-learning-with-jsKNN算法简介简单地说，KNN算法由那离自己最近的K个点来投票决定待分类数据归为哪一类。如果待分类的数据有这些邻近数据，NY:7,NJ:0,IN:4，... 继续阅读 >

2017
07-18

8个JavaScript中常遇到的坑

1.你是否尝试过对数组元素进行排序？JavaScript默认使用字典序(alphanumeric)来排序。因此，[1,2,5,10].sort()的结果是[1,10,2,5]。如果你想正确的排序，应该这样做：[1,2,5,10].sort((a,b)=>a-b)2.newDate()十分好用newDate()的使用方法有：不接收任何参数：返回当前时间；接收一个参数x:返回1970年1月1日+x毫秒的值。newDate(1,1,1)返回1901年2月1号。然而....，new... 继续阅读 >

2017
07-13

JavaScript中8个常见的陷阱

这里我们针对JavaScript初学者给出一些技巧和列出一些陷阱。如果你已经是一个砖家，也可以读一读。1.你是否尝试过对数组元素进行排序？JavaScript默认使用字典序(alphanumeric)来排序。因此，[1,2,5,10].sort()的结果是[1,10,2,5]。如果你想正确的排序，应该这样做：[1,2,5,10].sort((a,b)=>a-b)2.newDate()十分好用newDate()的使用方法有：不接收任何参数：返回当前时间；接收一个参数x:返回1... 继续阅读 >

2017
07-11

揭开 this & that 之迷

新手在入门JavaScript的过程中，一定会踩很多关于this的坑，出现问题的本质就是this指针的指向和自己想的不一样。笔者在入门学习的过程中，也踩了很多坑，于是便写下本篇文章记录自己“踩坑”历程。一.this在哪里？在上篇《从JavaScript作用域说开去》分析中，我们知道，在ExecutionContext中有一个属性是this，这里的this就是我们所说的this。this与上下文中可执行代码的类型有直接关系，*... 继续阅读 >

2017
07-10

12个令人惊叹的JavaScript技巧

原文:12AmazingJavaScriptShorthandTechniques译者:Fundebug在这里我把使用多年的奇淫技巧给大家分享出来，教大家写出更加简洁的代码。1.空(null,undefined)验证当我们创建了一个新的变量，我们通常会去验证该变量的值是否为空(null)或则未定义(undefined)。这对于JavaScript编程来说，是一个经常要考虑到的验证。如果直接写，那么像下面这样：if(variable1!==null||variable1!==u... 继续阅读 >

2017
07-06

JavaScript 进阶之深入理解数据双向绑定

前言谈起当前前端最热门的js框架，必少不了Vue、React、Angular，对于大多数人来说，我们更多的是在使用框架，对于框架解决痛点背后使用的基本原理往往关注不多，近期在研读Vue.js源码，也在写源码解读的系列文章。和多数源码解读的文章不同的是，我会尝试从一个初级前端的角度入手，由浅入深去讲解源码实现思路和基本的语法知识，通过一些基础事例一步步去实现一些小功能。本场Chat是系列Chat的开篇，我会首... 继续阅读 >

2017
06-27

JavaScript中的惰性数组介绍

今天我要介绍的是lazy-arr，它给JavaScript中带来了惰性数组。什么是惰性数组，它为什么有用？我们来重现一下你第一次面试软件工程师时的题目：写一个斐波纳契函数。我们明确了0和1的基本情况，然后递归生成剩下的：letfib=n=>{switch(n){case0:return0case1:return1default:returnfib(n-1)+fib(n-2)}}小菜一碟。这种解决方案有什么问题吗？还用说么-效率真的真... 继续阅读 >

2017
06-25

不朽经典，无我编程的十大戒律

无我编程的十大戒律最早出现在1971年GeraldWeinberg出版的《程序开发心理学》里。后由StackOverflow网站的联合创始人JeffAtwood在博客中整理列出。虽然过去了几十年，但这些经典原则仍值得每一位程序员拜读。 1、理解并接受自己会犯错的事实–犯错无法避免，关键要在错误进入生成环境前及时找出。幸好除了一小部分需要在JPL（喷气推进实验室）开发火箭指导软件的程序员外，大部分程序员都不... 继续阅读 >

2017
06-20

文件上传那些事儿

导语正好新人导师让我看看能否把产品目前使用的FileUploader从老的组件库分离出来的，自己也查阅了相关的各种资料，对文件上传的这些事有了更进一步的了解。把这些知识点总结一下，供自己日后回顾，也供有需要的同学参考，同时也欢迎各位大牛拍砖指点共同学习。FileUpload对象在网页上传文件，最核心元素就是这个HTMLDOM的FileUpload对象了。什么鬼？好像不太熟啊~别急，看到真人就熟了：<inputtype="file">... 继续阅读 >

2017
06-20

JavaScript 新手的踩坑日记

引语在1995年5月，Eich大神在10天内就写出了第一个脚本语言的版本，JavaScript的第一个代号是Mocha，MarcAndreesen起的这个名字。由于商标问题以及很多产品已经使用了Live的前缀，网景市场部将它改名为LiveScript。在1995年11月底，Navigator2.0B3发行，其中包含了该语言的原型，这个版本相比之前没有什么大的变化。在1995年12月初，Java语言发展壮大，Sun把Java的商标授权给了网景。这个语言被再次改名，变成了最... 继续阅读 >

2017
06-17

JavaScript 最新特性实现的三大黑科技

依次执行多项异步任务有时候，我们希望批量执行一组异步任务，但是不是并行，而是依次执行，这组任务是动态的，在一个数组里，当然我们可以用for循环然后一个一个await执行，但是还有另外一种方式：JSBinonjsbin.com在上面的例子里，我们定义了一个taskReducer：asyncfunctiontaskReducer(promise,action){letres=awaitpromise;returnaction(res);}这个reducer的两个参数是promis... 继续阅读 >

2017
06-14

WebView性能、体验分析与优化

在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存消耗、体验、安全几个维度，来系统的分析客户端默... 继续阅读 >

2017
06-14

JavaScript异步进化史

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

2017
06-14

JavaScript六种继承方式

继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链，在一篇文章看懂proto和prototype的关系及区别中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例functionSuperType(){this.property=true}SuperType.prototype.getSuperValue=function(){returnthis.property}functio... 继续阅读 >

2017
06-08

近几年工作经验中总结的JavaScript使用技巧

本文作者分享了作者近几年工作中的经验总结的js使用技巧，1.ajax接收JSON，需要用eval转化为字符串，2.ajax发出两个请求，使用同步解决问题，数组合并等1、如果ajax返回单一的json格式，接收方需要这样再格式化一下赋值：varstr=eval("("+msg+")");开发引用：///<referencepath="http://x.autoimg.cn/as/static/js/jquery-1.7.2.min.js"/>2、如果ajax同发出两个以上的请求时，返回的状态会串，... 继续阅读 >

2017
06-07

jQuery日期范围选择器

准备使用该日期选择器插件需要jQuery1.3.2+和Moment2.2.0+的支持。<linkrel="stylesheet"href="css/daterangepicker.css"/><scriptsrc="js/moment.min.js"></script><scriptsrc="js/jquery.daterangepicker.js"></script>HTML结构在需要放置日期选择器的地方添加以下html结构，就是一个输入框。<inputtype="text"id="datepicker"value="">调用插件调用jQueryDateRangePicker插件非常... 继续阅读 >

2017
05-26

Jquery实现的几款漂亮的时间轴

引言最近项目中使用了很多前端的东西，对于我一个做后台开发的人员，这是一个很好的锻炼的机会。经过这段时间的学习，感觉前端的东西太多了，太强大了，做出来的东西太炫酷了。现在有很多开源的前端框架，做的都非常的漂亮，h5发展了这么多年了，改变了互联网行业啊！下面给大家介绍几款漂亮的时间轴，也许大家以后工作中会用到。一、纵向折叠时间轴1、js文件（jQuery.js或者jQuery.min.js）2、CSS文件@CHA... 继续阅读 >

2017
05-12

Javascript的继承与多态

本文先对es6发布之前javascript各种继承实现方式进行深入的分析比较，然后再介绍es6中对类继承的支持以及优缺点讨论。最后介绍了javascript面向对象编程中很少被涉及的“多态”，并提供了“运算符重载”的思路。本文假设你已经知道或了解了js中原型、原型链的概念。es6之前，javascript本质上不能算是一门面向对象的编程语言，因为它对于封装、继承、多态这些面向对象语言的特点并没有在语言层面上提供原生的支持。但是，它... 继续阅读 >

2017
05-04

10个基于JavaScript的机器学习案例

在过去的几年里，机器学习的开发库增长很快，可用性也变得越来越可靠，而且没有减慢的趋势。一直以来Python作为机器学习的主力语言，现在神经网络可以应用任何语言了，包括JavaScript!web生态系统虽然最近一直在取得进步，但是在机器学习领域JavaScropt和Node.js相对Python和Java来说还是稍弱，但是现在它们已经有足够的能力来处理机器学习方法的问题了。Web语言也有一个优势，就是你所有的JavaScript机器学习工程只需要浏览器支... 继续阅读 >

2017
04-27

写好循环也不容易--8种遍历方法执行速度深度°对比

关于数组或对象遍历，相信很多人都没有深入观察过执行效率。这是一个曾在群里吵翻天的话题，读懂后你将成为遍历效率话题的大师。导读遍历数组或对象是一名程序员的基本素养之一.然而遍历却不是一件简单的事,优秀的程序员知道怎么去选择合适的遍历方法,优化遍历效率.本篇将带你走进JavaScript遍历的世界,享受分析JS循环的快感.本篇所有代码都可以直接运行,希望您通读本篇后,不止是浏览,最好是亲手去实践下.... 继续阅读 >

2017
04-27

JavaScript 巧学巧用

前言由于工作和生活上的一些变化，最近写文章的频率有点下降了，实在不好意思，不过相信不久就会慢慢恢复过来，感谢大家一直以来的关注和支持。本文主要给大家分享一下在编写JavaScript代码的时候存在的一些方法和技巧，虽然有时候条条大路都通向罗马，但是也许总会有那么一条最短的路径可走。希望通过以下几点JavaScript技巧让大家的代码“化繁为简，化简为精”。巧学巧用1.newSet()可能有人知道ES6中提... 继续阅读 >