分类：WEB开发

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

CSS常见布局解决方案

说起css布局，那么一定得聊聊盒模型，清除浮动，position，display什么的，但本篇本不是讲这些基础知识的，而是给出各种布局的解决方案。水平居中布局首先我们来看看水平居中1.margin+定宽<divclass="parent"><divclass="child">Demo</div></div><style>.child{width:100px;margin:0auto;}</style>相必是个前端都见过，这定宽的水平居中，我们还可以用下面这种来实现不定宽的2... 继续阅读 >

2017
06-07

前端必知的Emmet实用操作

这是一篇介绍Emmet的文章，Emmet是专为我们前端开发人员设计的一个工具，可以大大提高您的HTML和CSS工开发效率。可以说是前端开发的神器之一Emmet简介作为一个前端，你肯知道在前端开发的过程中，一大部分的工作是写HTML、CSS代码。特别是手动编写HTML代码的时候，效率会特别低下，因为需要敲打很多尖括号，而且很多标签都需要闭合标签等。于是，就有了Emmet（前身为ZenCoding）。(当然这是以前的情况，现在... 继续阅读 >

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-19

2017年最佳Web前端框架赏鉴

构建和开发前端最重要的基础工作就是选择一个高效并且符合需求的web前端框架，一个合理并且高效开发的框架并不仅仅降低你的时间成本，同时也会给你持续开发的信心和乐趣。在这篇分享中，我们将介绍2017年当下最值得你关注的前端开发框架，每一个框架都拥有独特的样式，帮助创建网格布局，按钮，表单或者其他页面元素最重要的一句话-不管你选择哪种框架，都会大大好过你自己从头开发自己的基础框架，现代web开发从来就... 继续阅读 >

2017
05-12

Javascript的继承与多态

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

2017
05-06

探讨判断横竖屏的最佳实现

在移动端，判断横竖屏的场景并不少见，比如根据横竖屏以不同的样式来适配，抑或是提醒用户切换为竖屏以保持良好的用户体验。判断横竖屏的实现方法多种多样，本文就此来探讨下目前有哪些实现方法以及其中的优缺点。CSSMediaQueries通过媒体查询的方式，我们可以通过以下方法来实现根据横竖屏不同的情况来适配样式：1.内联样式@mediascreenand(orientation:portrait){    //竖屏}@... 继续阅读 >

2017
05-04

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

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

2017
04-27

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

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