分类：javascript

2017
11-03

利用 javascript 实现富文本编辑器

近期项目中需要开发一个兼容PC和移动端的富文本编辑器，其中包含了一些特殊的定制功能。考察了下现有的js富文本编辑器，桌面端的很多，移动端的几乎没有。桌面端以UEditor为代表。但是我们并不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。准备阶段在现代浏览器中已经为我们准备好了许多API来让ht... 继续阅读 >

2017
10-09

PopUnder 研究：Javascript逆向与反逆向

缘起最近在研究PopUnder的实现方案，通过Google搜索jspopunder出来的第一页中有个网站popunderjs.com，当时看了下，这是个提供popunder解决方案的一家公司，而且再翻了几页，发现市面上能解决这个问题的，只有2家公司，可见这个市场基本是属于垄断型的。popunderjs原来在github上是有开源代码的，但后来估计作者发现这个需求巨大的商业价值，索性不开源了，直接收费。所以现在要研究它的实现方案，只能上... 继续阅读 >

2017
10-03

JavaScript是如何工作的：内存管理 + 如何处理4个常见的内存泄露

几周前，我们开始写一个系列，深入探讨JavaScript和它的工作原理。我们认为了解JavaScript的构成以及它们如何协作，有助于编写出更好的代码和应用程序。本系列第一篇重点介绍了引擎、运行时、调用栈。第二篇揭示了谷歌V8JavaScript引擎的内部机制，并且提供了一些关于如何写出更好的JavaScript代码的建议。本文作为第三篇，将会讨论另一个开发者容易忽视的重要主题：内存管理。我们也会提供一些关于如何处理JavaScrip... 继续阅读 >

2017
10-03

2017 年 9 月：15 个有趣的 JS 和 CSS 库

迎来了金秋9月，在这收获的季节，Tutorialzine又为我们带来了哪些新鲜、有趣的前端资源呢？前端开发者们，一起来看看有木有你需要的前端库。1.DisplayJSDisplayJS是一个帮助你渲染DOM的简易框架。使用它，你可以更容易地将JS变量遍历到特定的HTML元素中，类似于React或Vue.js处理模版的方式。项目地址：【传送门】2.ReactBeautifulDnD这是由Atlassian开源的用于制作拖拽... 继续阅读 >

2017
09-29

10 个最终编译成 JavaScript 的脚本语言

与简单的网站相比，现代应用程序有更多不同的需求。但是，浏览器是一个拥有（大部分）固定技术的平台，而且JavaScript仍然是web应用程序的核心语言；需要在浏览器中运行的任何应用程序都必须用该语言实现。我们都知道JavaScript并不是实现所有任务的最佳语言，当遇到复杂的应用时，它可能就不太适合。为了避免这个问题，已经创建了几种新的语言和现有语言的变体，它们都生成可以在浏览器中运行的代码，而无需编写任何Java... 继续阅读 >

2017
09-16

JavaScript作用域和闭包

作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域JavaScript的作用域限定了你可以访问哪些变量。有两种作用域：全局作用域，局部作用域。全局作用域在所有函数声明或者大括号之外定义的变量，都在全局作用域里。不过这个规则只在浏览器中运行的JavaScript里有效。如果你在Node.js里，那么全局作用... 继续阅读 >

2017
09-07

不仅仅是面试，JavaScript 开发者都应该知道的十个概念

自学现在学习JavaScript和Web开发的人很多，他们都希望能凭此获得一份工作。然而，自学常常会使学习者对JavaScript语言本身的理解存在知识盲点。实际上，令人感到惊讶的是，他们只需要掌握很少的语言知识就能制作复杂的网页，然而这样通常不能很好掌握JavaScript的基础知识。使用基本的技能来实现功能和避免复杂的需求是相当容易的，通过依赖StackOverflow，而不理解复制来的代码以创建一个网站也是... 继续阅读 >

2017
08-28

浅谈JavaScript中的异步处理

整理于互联网在JavaScript的世界中，所有代码都是单线程执行的由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现异步操作会在将来的某个时间点触发一个函数调用主流的异步处理方案主要有：回调函数(CallBack)、Promise、Generator函数、async/await。一、回调函数(CallBack)这是异步编程最基本的方法... 继续阅读 >

2017
08-19

移动 H5 首屏秒开优化方案探讨

随着移动设备性能不断增强，web页面的性能体验逐渐变得可以接受，又因为web开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP客户端里出现越来越多内嵌web页面（为了配上当前流行的说法，以下把所有网页都称为H5页面，虽然可能跟H5没关系），很多APP把一些功能模块改成用H5实现。虽然说H5页面性能变好了，但如果没针对性地做一些优化，体验还是很糟糕的，主要两部分体验：页面启动白... 继续阅读 >

2017
08-05

使用 JavaScript 进行即时表单验证

HTML5引入了几个新的属性来实现基于浏览器的表单验证。pattern属性是一个正则表达式，用于定义textarea元素和大多数input元素类型的有效输入范围。required属性指定某个字段是否需要输入。对于没有实现这些属性的传统浏览器，我们可以使用它们的值作为填充表单的基础。我们还可以使用它们来提供更有趣的增强功能-即时表单验证。来自作者的更多内容一个JavaScript可访问性的失败实验的经验教训可用的多... 继续阅读 >

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与上下文中可执行代码的类型有直接关系，*... 继续阅读 >