JavaScript系列（wu） - 收藏集 - 掘金
腾讯 AlloyTeam 正式发布 Canvas 魔幻线条 - curvejs - 掘金
写在前面 curvejs 中文读["克js"]，是腾讯AlloyTeam打造的一款魔幻线条框架，让线条成为一名优秀的舞者，让线条们成为优秀的舞团，HTML5 Canvas就是舞台。 官网：https://alloyteam.github....
一个超轻量级的时间处理工具库 - dateformat.js - 前端 - 掘金
dateformat.js 是一个非常简洁、轻量级、不到 5kb 的很简洁的 Javascript 库， 它是一个时间的处理工具类。 ...
走进网页虚拟现实 WebVR - 掘金
最近几年，虚拟现实VR的概念火了一把，各种VR概念的游戏、设备、视频受到人们的广泛关注。笔者在逛商场的时候也经常会看到有VR设备体验的地方让游人体验一把，各种酷炫的头盔和酷炫的设备着实抓人眼球。但是作为一个前端工作者，我们肯定也希望在我们的网页里也能看到这么酷...
Type.js 录制并在网页中回放打字效果 - 前端 - 掘金
A tool for creating typewriter simulations. type.js allows you to type an...
ES6语言特性的总结(3) - 掘金
类 在ES5中，由于没有类的概念，所以如果要使用面向对象编程，就需要利用原型继承的方式。通常是创建一个构造器，然后将方法指派到该构造器的原型上。就像这样： function Cat(name) { this.name = name; } Cat.prot...
ES6语言特性的总结(2) - 掘金
数组 ES6中对于数据做了进一步的增强,以便能够更加方便地创建数组以及操作数组。 创建数组 Array.of 该方法用于将一组值转换为数组。 Array.of(1); [1] Array.of(3, 21, 22); [3,21,22]这个方法的出现主要是为了...
ES6语言特性的总结(1) - 掘金
虽然在编写项目的过程中，也会用到ES6的语法以及新特性。但感觉学习的不是特别系统，索性这两天重新刷了一下Understanding The ES6，也对ES6有了更深的理解。这里，针对感觉应用比较多，知识点比较重要的部分做了一下总结。内容有点多，因此预计将分为...
前端开发面试题总结之——JAVASCRIPT（三） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...
前端开发面试题总结之——JAVASCRIPT（二） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAS...
前端开发面试题总结之——JAVASCRIPT（一） - 前端 - 掘金
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、...
是时候替换你的 for 循环大法了~ - 前端 - 掘金
《小分享》JavaScript中数组的那些迭代方法~...
iTyped.js - 实现打字效果动画 - 前端 - 掘金
Dead simple Animated typing, with no dependencies. iTyped Website ➞ Enter in any string, and watch it type at the speed yo...
JavaScript 中的 this , 看着一篇就够了 - 前端 - 掘金
在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。全局执行首先，我们在全局环境中看看它的 this 是什么：first. 浏览器：console.log(this); // ...
JavaScript 进阶 -- 拉勾网鼠标移入移出效果 - 前端 - 掘金
JavaScript进阶 1024丝毫不减少我敲写代码的激情，因为我闻到了代码的味道。 先上效果图（gif自己录制的，有点难看抱歉，工具licecap） image 其实也是个偶然的机会，让我想去研究一下这个效果。主要是由于有个群里的人发了个讲...
JS 判断如果进入元素的方位 - 前端 - 掘金
最终效果 这里的关键主要是判断鼠标是从哪个方向进入和离开的 $("li").on("mouseenter mouseleave",function(e) { var w = this.offset...
正则表达式学习笔记 - 掘金
正则表达式对于我来说一直像黑暗魔法一样的存在。手机正则去网上搜，邮箱正则去网上搜，复杂点的看看文档拼凑一下，再复杂只能厚着脸皮让其他同事给写一个。从来没有系统的学习过，今天准备拿下它。 1. 学习目标： 了解正则表达式语法 在IDE中使用正则表达式 在jav...
Ajax 语法浅析 - 前端 - 掘金
Ajax是目前很普遍的一门技术，也是很值得探讨和研究的一门技术。本文将针对Ajax的发展过程并结合其在不同库框架中的使用方式来和大家分享下Ajax的那些新老语法。 Ajax简介 Ajax全称为“Asynchronous Javascript And XML”，...
ES6 手册 - 前端 - 掘金
原文 https://github.com/DrkSephy/es6-cheatsheet 这篇手册包含了 ES2015(ES6) 的使用小技巧、最佳实践以及可以给你每天的工作参考的代码片段。 内容列表 var 和 let/const 的比较 除了 var ...
一个 jQuery 前端插件库 - 前端 - 掘金
掘金温馨提示：这篇文章有很多交互效果，经过稀土君测试不适合在移动设备上阅读。您可以收藏后再到掘金的网页版上继续阅读。 我偏要在手机上阅读！戳→<a href="http://jquerywidget.com/ ">一个 jQuery 前端插件库...
JavaScript 常用练习网站收集 - 前端 - 掘金
在学习的过程中会发现很多知识点如果不在工作中运用或者手写带验证的话，很容易忘记。任何技能的掌握都是需要不断练习的。在此收集一些自己遇到的JavaScript练习的网站。 codewars国外的一个练习网站，有JavaScript，也有Python，每种语言都有...
JS中的call、apply、bind方法 - 掘金
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的thi...
JavaScript 中的各种宽高属性 - 前端 - 掘金
在js中，存在着N多的关于高度和宽度的属性，比如：clientHeight、offsetHeight、scrollHeight、availHeight、scrollLeft、scrollTop、style.height、innerHeight、outerHei...
HTML5 进阶系列：拖放 API 实现拖放排序 - 掘金
前言 HTML5 中提供了直接拖放的 API，极大的方便我们实现拖放效果，不需要去写一大堆的 js，只需要通过监听元素的拖放事件就能实现各种拖放功能。 想要拖放某个元素，必须设置该元素的 draggable 属性为 true，当该属性为 false 时，将不允...
JavaScript 深入之 call 和 apply 的模拟实现 - 掘金
JavaScript深入系列第十篇，通过call和apply的模拟实现，带你揭开call和apply改变this的真相 call 一句话介绍call： call()方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法。 举个例子：...
听说、你会用 call、apply 和 bind？ - 前端 - 掘金
如题...
从 event loop 规范探究 javaScript 异步及浏览器更新渲染时机 - 前端 - 掘金
作者：杨敬卓 转载请注明出处 异步的思考 event loops隐藏得比较深，很多人对它很陌生。但提起异步，相信每个人都知道。异步背后的“靠山”就是event loops。这里的异步准确的说应该叫浏览器的event loops或者说是javaScript运行环...
深入 JavaScript，从对象开始 - 前端 - 掘金
入坑前端开发有一段时间了，面对形形色色的JavaScript优秀框架，到底该选择那一款呢？最近在使用Vue.js写一款markdown编辑器插件(mavonEditor)的时候，遇到了各种各样的问题，而导致这些问题的根本原因不是Vue.js，而是JavaScr...
可能遇到假的面试题：不用 call 和 apply 方法模拟实现 ES5 的 bind 方法 - 前端 - 掘金
来自朋友去某信用卡管家的做的一道面试题，用原生 JavaScript 模拟 ES5 的 bind 方法，不准用 call 和 bind 方法。...
跨域——CORS 详解 - 前端 - 掘金
CORS（Cross-origin resource sharing） “跨域资源共享” 在出现CORS标准之前， 我们还只能通过jsonp（jsonp跨域请求详解）的形式去向“跨源”服务器去发送 XMLHttpRequest 请求，这种方式吃力不讨好，在请...
jsonp 跨域请求详解——从繁至简 - 前端 - 掘金
什么是jsonp？为什么要用jsonp?JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1...
JavaScript深入之参数按值传递 - 掘金
JavaScript深入系列第九篇，除了按值传递、引用传递，还有第三种传递方式 —— 按共享传递 定义 在《JavaScript高级程序设计》第三版4.1.3，讲到传递参数： ECMAScript中所有函数的参数都是按值传递的。 什么是按值传递呢？ 也...
【深度长文】JavaScript数组所有API全解密 - 掘金
本文首发于CSDN网站，下面的版本又经过进一步的修订。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：【深度长文】JavaScript数组全解密 全文共13k+字，系统讲解了JavaScript数组的各种特性和API。 数组是...
JavaScript 中的 arguments 对象 - 前端 - 掘金
arguments 是一个类似数组的对象, 对应于传递给函数的参数。 语法 arguments 描述 arguments对象是所有函数中可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的...
webpack(2.0)入门详解 | 掘金技术征文 - 掘金
声明：以此文写给摸索和学习使用webpack的初级使用者，因为官方文档只给出了关键点的解读，对于入门的初学者看的可谓是一头雾水，现在好多的文章也是只是介绍了自己的想法和案例，没有讲明白基础点 我所接触的前端模块化变更 两年前实习所在的一家创业公司在前端工程化方...
JS中的This别再被问倒了，面试常见问题分析 - 掘金
GitHub地址：https://github.com/SimonZhangITer/MyBlog/issues/12 this的指向问题应该是让每一个前端er都头疼的问题，我也一样，曾经遇到甚至都是一顿乱猜。最近在研读一些书籍如《你不知道的JavaScri...
JavaScript 深入之从 ECMAScript 规范解读 this - 掘金
JavaScript深入系列第六篇，从ECMAScript5规范解读this在函数调用时到底是如何确定的，该文可能有些晦涩难懂，但按照本文的思路参照规范去了解this的指向，绝对让你看待this有不一样的视角！ 前言 在《JavaScript深入之执行上下文...
深入理解 JavaScript 执行上下文、函数堆栈、提升的概念 - 前端 - 掘金
首先明确几个概念： EC：函数执行环境（或执行上下文），Execution Context ...
饿了么推荐系统：从 0 到 1 - 后端 - 掘金
作者：陈一村，饿了么数据运营部资深算法工程师，在携程个性化推荐与人工智能Meetup上的分享。2016年加入饿了么，现从事大数据挖掘和算法相关工作，包括推荐系统、用户画像等。 随着移动互联网的发展，用户使用习惯日趋碎片化，如何让用户在有限的访问时间里找到想要...
1.前言 最近想完成一个网站，里面需要使用地图相关的内容。 经过多方考虑，决定使用百度地图来完成，所以将整个学习历程进行简单的整理，方便朋友们来快速入门。 本文系作者 李鹏（MR_LP）原创，转载请私信并在文章开头附带作者和原文地址链接。 违者，作者保留...
前端知识点大百科全书 - 前端 - 掘金
These share data are from my usual work and learning，hoping to help you，If you like you can star Javas...
剖析 vue 实现原理，自己动手实现 mvvm - 前端 - 掘金
剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么？ 1、...
JS 全栈教程 - 前端 - 掘金
本课程是基于阮一峰的 js 全栈教程的视频版本，免费供大家观看...
一个治愈 JavaScript 疲劳的学习计划 - 前端 - 掘金
像其他人一样，我最近偶然看到 Jose Aguinaga 的文章《在 2016 年学 JavaScript 是一种什么样的体验》”。 很显然，这篇文章触到了很多人的痛点：我看到它两次荣登 Hacker News 的榜首。它也是 /r/javascript...
ES6之"let"能替代"var"吗? - 掘金
译者按: 使用let的确会比var安全很多。 原文: Why You Shouldn’t Use ‘var’ Anymore 译者: Fundebug 为了保证可读性，本文采用意译而非直译。 我已经使用ES2015(ES6)的语法编写JavaScript程序...
深入 JavaScript，从对象开始 - 前端 - 掘金
入坑前端开发有一段时间了，面对形形色色的JavaScript优秀框架，到底该选择那一款呢？最近在使用Vue.js写一款markdown编辑器插件(mavonEditor)的时候，遇到了各种各样的问题，而导致这些问题的根本原因不是Vue.js，而是JavaScr...
深入理解 ES6 中的箭头函数 - 前端 - 掘金
JavaScript 深入理解 ES6 中的箭头函数，ES6 已经成为前端开发必备技能，学起来......
JavaScript 设计模式 ① 正确使用面向对象编程的姿势 - 掘金
javascript是一门弱语言，他有着分同一般的灵活性使它迅速的成为几乎人人必会的一门语言，but，你们使用的姿势真的正确吗？ 在以前的开发过程当中，老板：给我加个验证用户邮箱、验证用户短信...功能！ function checkMessage(){......
前后端分离，最佳实践 - 掘金
前后端分离，可以让各端变得更专注。今天的话题，结合我之前的项目场景，重新思考“前后端”的定义，并讨论下《前后端分离，最佳实践》。原文地址：前后端分离，最佳实践博客地址：http://blog.720ui.com/ 前后端分离是什么 我们来回顾下传统的 MVC...
【深度长文】JavaScript数组所有API全解密 - 掘金
本文首发于CSDN网站，下面的版本又经过进一步的修订。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：【深度长文】JavaScript数组全解密 全文共13k+字，系统讲解了JavaScript数组的各种特性和API。 数组是...
现在就可以使用的 5 个 ES6 特性 - 前端 - 掘金
小编推荐：掘金是一个高质量的技术社区，从 ECMAScript 6 到 Vue.js，性能优化到开源类库，让你不错过前端开发的每一个技术干货。各大应用市场搜索「掘金」即可下载APP，技术干货尽在掌握.. 这篇文章介绍了5个 E...
JavaScript 迷之 this 总结 - 前端 - 掘金
JavaScript的this迷之指向是不是弄晕了你，我是被转的晕头转向，所以来总结一下this的指向问题。 this的指向总体可以分为四种情况： 直接调用 作为对象方法调用 构造函数调用 ...
Promise使用手册 - 掘金
本篇以Promise为核心, 逐步展开, 最终分析process.nextTick , promise.then , setTimeout , setImmediate 它们的异步机制. 导读 Promise问世已久, 其科普类文章亦不计其数. 遂本篇初衷不为...
JavaScript 最全数组方法总结 (上） - 前端 - 掘金
JavaScript中提供了多种数组方法，如下： 转换方法—toLocaleString()方法、toString()方法、valueOf()方法 栈方法——push()方法、pop()方法 队列方法——shift()方法、unsh...
实例分析 JavaScript 词法作用域 - 前端 - 掘金
了解作用域对于编写代码至关重要，作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。对于JavaScript中作用域我们可能已经了解了很多。建议看看 深入理解JavaScript中的作用域和...
深入理解 JavaScript 异步 - 前端 - 掘金
前言 2014年秋季写完了《深入理解javascript原型和闭包系列》，已经帮助过很多人走出了 js 原型、作用域、闭包的困惑，至今仍能经常受到好评的留言。 ...
从prototype与proto窥探JS继承之源 | 掘金技术征文 - 掘金
之前分享了一篇文章JS原型链与继承别再被问倒了，发现继承的问题研究到后面，一定会触及到Object.prototype和Function.prototype这些概念，为了解答疑惑，本篇就抽丝剥茧，从prototype与proto来推出函数与对象的深层关...
JavaScript 中巧用位运算 - 前端 - 掘金
日常前端开发中我们很少用到位运算，容易让人遗忘，让我们一起回顾下一下js中的位运算。 位运算详细说明查看JavaScript|MDN 下面主要回顾一下一些常用的位运算的巧用。 将十进制转化为二进制 var number = 3; var result = nu...
细说 JavaScript 创建对象总结（中）- 关系错乱的原型模式 - 前端 - 掘金
我们知道构造函数模式虽然解决了工厂模式无法识别对象的问题，但构造模式却也画蛇添足--创建了两个函数来解决同一个问题。 这时候就轮到原型模式登场了。 1.了解一下原型对象 我们知道我们创建一个函数（函数也是对象），而该函数就会拥有一个prototype...
This 其实不难，通过实例全面解析 JS 中的 This - 前端 - 掘金
this的指向问题应该是让每一个前端er都头疼的问题，我也一样，曾经遇到甚至都是一顿乱猜。最近在研读一些书籍如《你不知道的JavaScript》和《JavaScript语言精粹与编程实践》，让我对this的问题豁然开朗。故写下此篇文章，分享一下我的心得。 隐...
由同源策略到前端跨域 - 掘金
同源策略 (Same-Origin Policy) 最早由 Netscape 公司提出, 所谓同源就是要求, 域名, 协议, 端口相同. 非同源的脚本不能访问或者操作其他域的页面对象(如DOM等). 作为著名的安全策略, 虽然它只是一个规范, 并不强制要求, ...
现代前端技术解析 - 前端 - 掘金
2017年很快又过去了几个月，在过去的一年里，前端技术迅猛发展，前端各类技术都在优化升级，"大前端"的概念进一步体现，前端人才需求量进一步扩大，但优秀的前端工程师却如大海捞针，一将难求，那么在未来一年里我们应该做好怎样的准备才能成为一名优秀(不仅仅是合格)的前...
关于 js 中的回调函数 callback - 掘金
本文写于1年前 曾经的学习文章如今拿出来分享 前言 其实我一直很困惑关于js中的callback,困惑的原因是，学习中这块看的资料少，但是平时又经常见，偶尔复制一下前人代码，功能实现了也就不再去追其原由，这么着，这个callback的概念就越来越混乱，因为你总...
JavaScript 常见设计模式解析 - 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...
破解前端面试（80% 应聘者不及格系列）：从 DOM 说起 - 掘金
共 7384 字，读完需 10 分钟。本文为《破解前端面试（80% 应聘者不及格系列）》文章的第二篇，包含 DOM、Event、浏览器端优化、数据结构和算法功底的考察。可能有同学会问 DOM 有什么好聊的，不就是节点的各种操作么？DOM 是网页构建的基石，熟练...
那些年，那些跨域问题 - 掘金
浏览器在请求不同域的资源时，会因为同源策略的影响请求不成功，这就是通常被提到的“跨域问题”。作为前端开发，解决跨域问题应该是一个被熟练掌握的技能。而随着技术不断的更迭，针对跨域问题的解决也衍生出了多种解决方案。我们通常会根据项目的不同需要，而采取不同的方式。这...
JavaScript 模块演化简史 - 前端 - 掘金
JavaScript 模块演化简史 从属于笔者的 Web 开发基础与工程实践。本文主要总结自 The Evolution of JavaScript Modularity、 Native ECMAScript modules - the fir...
JavaScript 深入之从原型到原型链 - 前端 - 掘金
构造函数创建对象 我们先使用构造函数创建一个对象： <span type="button" class="copyCode c...
从 Chrome 源码看 JS Object 的实现 - 前端 - 掘金
看到这个题目，可能有些人会觉得奇怪——Object不是JS的基本数据类型么，有什么实现不实现的呢？如果你这么想的话，说明你没有接触过其它语言，一直都是在和JS打交道，编程世界那么大，你没有出去看一看。C/C++/Java等语言是没有这种json的数据类型的，其...
技术 | JavaScript 的 “并发模型” - 前端 - 掘金
说到并发应该很多人会想到多线程或多进程，很遗憾JavaScript是单线程的，但是JavaScript也有一个很有趣的东西，可以让你产生在使用多线程的感受，事件循环（Event Loop）提供了一些很有意思的东西，今天我想和大家一起讨论讨论。 "E...
解读 JavaScript 构造函数和原型对象的区别 - 前端 - 掘金
在 Javascript中prototype属性的详解 这篇文章中，详细介绍了构造函数的缺点以及原型（prototype），原型链（prototype chain），构造函数（constructor），instanceof运算符的一些特点。...
原生 js 开发，无依赖、轻量级的现代浏览器图片懒加载插件 - 前端 - 掘金
安装 npm install lazy-load-img --save 优势 1.原生js开发，不依赖任何框架或库 2.支持将各种宽高不一致的图片，自动剪切成默认图片的宽高 比如说你的默认图片是一张正方形的图片，则各种宽度高...
Material Design 之 TabLayout 使用 - 掘金
写在前面 更多Material Design 文章请看：Material Design 之 Toolbar 开发实践总结Material Design之 AppbarLayout 开发实践总结Material Design 之 Behavior的使用和自定义B...
JavaScript 作用域分析总结 - 前端 - 掘金
原文链接 http://blog.poetries.top/2017/01/10/js-scope 一、JS解析顺序和作用域： ...
JavaScript 函数式编程导论 - 前端 - 掘金
JavaScript 函数式编程导论从属于笔者的Web 前端入门与工程实践。本文很多地方是讲解函数式编程的优势，就笔者个人而言是认可函数式编程具有一定的好处，但是不推崇彻底的函数式编程化，特别是对于复杂应用逻辑的开发。笔者在应用的状态管理工具中就更倾向于使用M...
奇舞周刊第 193 期 - 前端 - 掘金
奇舞推荐 Clean JavaScript：JavaScript 风格指南 这篇文章介绍了编写高可读性、高可用性的 JavaScript 代码的...
Vue.js 快速入门 - 前端 - 掘金
Vue.js快速入门 Original 2016-11-21 殷晓飞 沪江技术学院 沪江技术学院 沪江技术学院 WeChat ID hj-academy Intro 关注开发者在实际应用中遇到的问题。提供最真实的干货，以技术会友，为广大的开发者提供最...
[webpack] 如何把代码内联进html中？ - 掘金
作者：滴滴公共前端团队 - 水乙 我们平常在打包文件的时候，有时候需要把 js、css 等代码内联进 html 中，减少文件的请求，优化加载速度。 用过 fis 的同学应该对 __inline 语法比较熟悉，它就是用来把代码内联进 html 的，其实 web...
使用Angular-CLI发布一个i18n（国际化）应用(译) - 掘金
第一节：初识Angular-CLI第二节：登录组件的构建第三节：建立一个待办事项应用第四节：进化！模块化你的应用第五节：多用户版本的待办事项应用第六节：使用第三方样式库及模块优化用第七节：给组件带来活力Rx--隐藏在Angular 2.x中利剑Redux你的A...
JavaScript 运动框架之速度时间版本 - 前端 - 掘金
一、JavaScript运动框架之速度版 1.1 运动框架的实现思路 运动，其实就是在一段时间内改变 left 、 right 、 width 、 height 、 opactiy 的值，到达目的地之后停止 位移 top,left 折叠...
推荐五个Vue2的免费教程 - 掘金
一步一步学习Vue 2 （Laracasts） Jeffrey Way一直都有发布他web开发的教程。他曾经在30天内教会了我使用jquery。在Laracasts上有他免费的VueJs教程，并且宣称是“世上最深入的vuejs系列”。在你学习完本课程后，你将不...
一道颇有难度的 JavaScript 题 - 前端 - 掘金
上次分享了一道题，大家反响不错，很开心自己写的东西有人愿意花时间去看，也给了自己莫大的鼓舞，其实做题虽然不比真正的编程，但是也能够让你发现一些你之前没有注意到的语言层面的问题。所以，这次再分享一道稍微有难度的JavaScript题目。 function Foo...
Vue.js 的设计思想 - 前端 - 掘金
从出道到现在，它红遍全球，这期节目让我们来采访一下，而今前端框架的 "当红炸子鸡"！ 小编： 你先自我介绍一下！！！ Vue: 尊敬的 FSX 的读者们，大家好！！！我是Vue.js，是一个提供 MVVM 数据双向绑定的库，专注于UI...
JS 中的 call、apply、bind 方法 - 前端 - 掘金
在JavaScript中，call、apply和bind 是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。call、apply、bind方法的共同点和区别： apply 、 call 、bind 三者都是用来改变函数的th...
《致设计师》来自前端工程师 - 设计 - 掘金
亲爱的设计师，这封信已经酝酿了很多年，并且它的部分内容已经通过口头或书面形式交付给了各种设计师。 然而，我总犹豫是否发布它，因为它可能会牵连到正和我对接的设计师或是我正为之服务的客户。所以在此之前，我想强调一下，我并不是针对谁（_ 我是说在座的各位...
如何准确判断 WebView 加载完成 - iOS - 掘金
正常情况下我们把处理网页加载完毕的代码放在 - (void)webViewDidFinishLoad:(UIWebView *)webView里。但 WebViewDidFinishLoad 时网页真的加载完了吗？ 官方文档并没...
(译) JavaScript 风格指南 - 前端 - 掘金
目录 介绍 变量 ...
JavaScript For 循环的函数式改造 - 某熊的全栈之路 - 知乎专栏 - 前端 - 掘金
JavaScript For 循环的函数式改造翻译自Rethinking JavaScript: Death of the For Loop。前两天笔者整理了一篇 JavaScript 函数式编程导论，笔者个人不是很喜欢彻底的函数式编程...
这交互炸了：饿了么是怎么让Image变成详情页的 - 掘金
晚上叫外卖，打开饿了么，发现推了一个版本，更新以后，点开了个鸡腿，哇，交互炫炸了。 本文同步自wing的地方酒馆 不过还是有槽点。我是无意中才发现可以左右滑动的。这。。。你不告诉我，我怎么知道左右可以滑。 https://github.com/githubwi...
JavaScript 面试: 什么是函数式编程？| Eric Elliott - 前端 - 掘金
函数式编程在 JavaScript 界已经成为了一个非常热门的话题。而仅在几年之前，还几乎没有 JavaScript 程序员了解函数式编程是什么，但在最近三年里，我看到非常多的应用程序代码库里大量使用着函数式编程思想。 函数式编程 （通常简称为 FP）是指通过...
手把手教你开发 Vue 组件 ( 一) - 掘金
好久没写文章啦~新公司有点忙, 再加上最近在写 node.js, 抽空写一篇吧! 随着 Vue 越来越火热, 相关组件库也非常多啦, 只用轮子怎么够, 还是要造起来!!!滴滴公共前端团队已经有了一篇文章 [Vue] 插件开发入门但是可能具体细节还不够清楚; ...
CORS 跨域资源共享 - 前端 - 掘金
概述 通过 XHR 实现 AJAX 通信的一个主要限制，来源于跨域安全策略。默认情况下，XHR对象只能访问与包含它的页面位于同一个域中的资源( 浏览器的同源策略:如果协议，端口和主机都相同)。这种安全策略可以预防某些恶意行为。但是，实现合理的跨...
JavaScript 创建对象之单例、工厂、构造函数模式 - 前端 - 掘金
一、单例模式 首先看一个问题，我们要在程序中描述两个人，这两个人都有姓名和年龄，可能刚刚开始学习js的时候会写成这样： var name1 = 'iceman'; var age1 = 25; ...
Rubik UI 一个 Material Design 风格的轻量 Vue.js 组件库 - 前端 - 掘金
Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。 这是个从 jQue...
JavaScript 日记 - 一个例子学会 Vue.js - 前端 - 掘金
大家都知道Vue.js是中国人创造出来的，简单易用，所以必须要支持一下 Vue采用的MVVM设计模式 也就是说model和view绑定model改变，view的内容改变，反之亦然 ...
基本特效：饿了么丝滑无缝过度搜索栏的实现 - 掘金
新年好，首先给大家发个红包。 [意念红包]请闭上眼睛通过念力领取。 本文同步自wing的地方酒馆 这都2017年了，是时候来一波基础特效教程了！ 如果我不偷懒的话，或许可以成为一个系列都基础教程哦。当然如果成为了一个系列，这个系列就像标题说的一样，是基础特效...
用 javascript 实现数据结构与算法 (四) - 前端 - 掘金
1 排序和搜索算法 1.1 排序算法 1.1.1 冒泡排序 冒泡排序比较任何两个相邻的项,如果第一个比第二个大,则交换它们。元素项向上移动至正确的顺序,就好像气泡升至表面一样,冒泡排序因此得名。冒泡排序的时间复杂度为O(n2)。 //冒泡排序 ...
JS 风格指南 - 掘金
JavaScript风格指南 目录 介绍 变量 函数 对象和数据结构 类 测试 并发 错误处理 格式化 注释 介绍 作者根据Robert C. Martin《代码整洁之道》总结了适用于JavaScript的软件工程原则《Clean Code JavaScr...
大众点评点餐小程序开发经验 - 逻辑层 - 掘金
作者介绍：潘逸飞，美团点评工程师，2年Web开发经验，现在是美团点评点餐团队的一员。 本文接上期的大众点评点餐小程序开发经验 - 视图层，本期想要和大家分享一下大众点评点餐小程序开发中的逻辑层的经验。 与视图层微信自己定义了一套与HTML对应的WXML和WX...
使用 atcon 告别混乱的 if else - 前端 - 掘金
这一篇，来聊聊混乱的if、else是怎么来的，怎么和他们说再见，以及写的一个工具函数atcon。 一、代码是怎样混乱的 最简单的一个需求：根据活动改变二维码 qrcode = 'img_a'; // 活动二 if (activity...
浅析 js 实现网页截图的两种方式 - 前端 - 掘金
Web端的截图(生成图片)并不算是个高频的需求，资料自然也不算多，查来查去，也不过Canvas 和 SVG两种实现方案，原理大概相似，都非真正义上的截图而是把DOM转为图片，然而实现方式却截然不同。 Canvas 实现 ...
在现代网页设计中，动效有哪些常见的用法？ - 设计 - 掘金
令人愉悦的动效几乎已经成为如今网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态，引导用户的关注点，帮助用于预测交互的结果，甚至影响用户的行为。 在逐步的探索和发展过程中，动效在网页和APP中的运用方法与技巧已...
(译) 像开发人员一样做设计 - 设计 - 掘金
原文地址：Design like a Developer 原文作者：Chris Basha 译文出自...
Nginx 简明教程 - 工具资源 - 掘金
nginx简介 Nginx ("engine x") 是一个高性能的HTTP和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本...
CentOS6 搭建自己的 ngrok 服务 - 工具资源 - 掘金
ngrok俗称内网穿透利器，简单说就是我们有一个服务测试运行在本地，但是外网想看看效果，这时候本地因为没有固定IP，所以就访问不了，这时候如果有ngrok出场就解决了，现在火热的微信开发、不同服务间的联调都会用到。 ngrok官网的服务因为服务器在国外，所以...
我用 Express.js 封装了一个服务器容器小工具 - 工具资源 - 掘金
背景 我们都知道利用Node.js可以非常轻易的就编写一个Web Server。在没有利用集成Gulp, Webpack，Web Server等等脚手架工具前，在做一些简单的Web应用的时候，我通常的做法是：用Express.js封装好一个Server...
为玩转 JavaScript 而生的硬件 - 工具资源 - 掘金
距离上一篇文章「JavaScript 很少为人所知的玩法」发表正好过去一个月，文章反响还不错，也带来了不少关注，说明还是有人对在微控制器上跑 JavaScript 感兴趣的。 为了进一步学习 JavaScript 以及在微控制器上实现的解析器，我专门设计了一...
React + Node + Mongo +Webpack 写一个简单的 Blog 网站 - 前端 - 掘金
用到的技术：React Node Webpack material-ui mongo github地址：https://github.com/shenjiajun53/HiBlog喜欢请给个star！！！推荐两个工具：https...
Github + Webhooks 简易的自动化部署流程 - 前端 - 掘金
机器可以做的事就应该交给机器去做。说一下Github项目和linux的自动化部署流程及实现。 简单说，我们的项目分开发和生产两种模式，最终是要run在生产环境的，产品在两者之间切换时会有一些问题的产生，比如生产环境下的配置、账密、构建编译、打包、重载....
javaScript 的数据结构与算法（三）——集合 - 前端 - 掘金
集合 集合是由一组无序且唯一的项组成的。这个数据结构使用了与有限集合相同的数学概念，但应用在计算机科学的数据结构中。在数学中，集合也有并集、交集、差集等基本操作，在下面的代码中也会实现这些操作。 值的相等：因为 Set 中的值总是唯一的，所以需要判断...
Node.js 写的网易云音乐、QQ 音乐的命令行歌词下载工具 - 后端 - 掘金
Lyrics Download Tools lyric-dl 是一个下载在线音乐歌词的命令行工具，它是一个 Node.js 程序，在使用它之...
webpack 使用教程 - 前端 - 掘金
入门 webpack 使用教程 Webpack Fundamentals (系列视频教程) 如何使用 Webpack - webpack-howto (翻译)(Instagram) 配套视频, Instagram团队Pet...
基于 reactjs+redux+postcss+webpack2 的单页应用项目模板 - 前端 - 掘金
小贴士 本项目 webpack 已升级至 webpack 2。 本项目为了...
(译) 让 Node.js 核心更强大 - 后端 - 掘金
原文地址：Make Node.js Core Bigger 原文作者：Mikeal 译文出自：掘金翻...
由数据绑定和排序引入的几个 JavaScript 知识点 - 前端 - 掘金
一、sort深入 这次我们要完成一个表格排序的案例，那说到排序，最终肯定是归结于数组的排序。对于数组的排序，我们最先想到的肯定是sort方法，所以我们深入了解一下sort。 1.1、基本排序 ...
卡片式设计的最佳实践 - 设计 - 掘金
卡片本质上是一个简单的信息容器，信息量有限，但设计干净整洁。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。作为最初由Pinterest和Facebook这样的终端服务引入的一种新的设计方案，今天卡片式设计的影响力正在多个...
graphql-js 浅尝 - 前端 - 掘金
系列文章： GraphQL 核心概念 ...
JavaScript 与物联网结合，有哪些产物？ - 前端 - 掘金
Patrick Catanzariti 是一名Web开发工程师，最近他在 sitepoint 发表了《JavaScript Beyond the Web in 2014》，介绍了JavaScript在物联网中的应用，非常有意思。做为JavaScript的爱好者...
翻译 | React AJAX 最佳实践 - 前端 - 掘金
作者：张捷 （沪江Web前端开发工程师） 本文原创翻译，有不当的地方欢迎指出。转载请指明出处。 当你问起有关AJAX与React时，老司机们首先就会告诉你：React其实是个没有网络请求/AJAX功能的view库。这种说法很容易理解，但对于当你仅想...
undersercore 源码分析 - 前端 - 掘金
写作意图 起初，我分析underscore的源码只是想更深入的了解函数式编程（Functional Programming），但分析结束后，我就觉得单纯的源码注释不足以记录我的收获、理解和感悟，所以我想把这些写下来，我粗略地将写作意图概括如下： ...
json schema 快速入门 - 后端 - 掘金
Json Schema 快速入门 JSON 模式是一种基于 JSON 格式定义 JSON 数据结构的规范。它被写在 IETF 草案下并于 2011 年到期。JSON 模式： 描述现有数据格式。 干净的人类和机器可读的文档。 完整的结构验证，有利于自动化测试。...
为什么我们选择Vue，而不选React（译） - 掘金
最近Qwintry团队积极地把Vue.js作为了他们的前端框架，并且在所有的新旧项目中使用它，包括: 过去qwintry.com的Drupal系统 (qwintry.com) 我们的新项目，完全重写了qwintry.com分支 一个用Yii2 构建的B...
JavaScript30 中文指南 - 04 Array 基本操作指南 - 前端 - 掘金
作者：©缉熙Soyaine 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 ...
