大前端 - 收藏集 - 掘金

摘要：是目前唯一一个支持同步调用的跨平台年度上最多的个项目前端掘金年接近尾声，在最近的几篇文章中，会整理总结一些年度开源项目。

JS 全栈教程 - 前端 - 掘金
本课程是基于阮一峰的 js 全栈教程的视频版本，免费供大家观看...

2016 年 10 个最佳的 CodePen 作品 - 前端 - 掘金
说到 CodePen，前端开发者们肯定不会陌生。如果说 Dribbble 是设计师们聚集的圣地，那么 CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台，而且能够开拓你的视野 —— 你能够及时的了解最...

JavaScript 经典的难点与重点 - 前端 - 掘金
LazyMan 实现LazyMan（什么是LazyMan？请自行google） ...

canvas学习之API整理笔记（一） - 掘金
心心念念的Canvas系列文章经过长时间的整理和沉淀，终于决定动笔啦！我会从最简单的API开始，逐步深入，再结合酷炫的实例，为大家带来这一系列的文章，希望大家多提建议，多多鼓励！^_^激动ing... 好，下面正文开始： 其实canvas本身很简单，就是去学习...

ios 五分钟集成 DSBridge - iOS - 掘金
DSBridge是目前地球上最好的IOS/Android javascript bridge. 通过它可以在web和native之间调用彼此方法。DSBridge是目前唯一一个支持同步调用的跨平台Js bridge. ...

2016 年度 GitHub 上 Stars 最多的 10 个项目 - 前端 - 掘金
2016年接近尾声，在最近的几篇文章中，会整理总结一些2016年度开源项目。今天整理的是：2016年度GitHub最受欢迎的开源项目总榜。 在过去的2016年里面，GitHub最受欢迎、Stars最多的项目分别是哪些呢？赶紧来，看看文章跟着这些伟大的项...

(译) 前端 2017 性能优化清单 - 前端 - 掘金
@(By Vitaly Friedman 译 陈威特)[前端, 性能] 原文 你已经在使用渐进式启动了吗？那么React 和 Ang...

视频 H5 の Video 标签在微信里的坑和技巧 - 前端 - 掘金
随着 4G 的普遍以及 WiFi 的广泛使用，手机上的网速已经足够稳定和高速，以视频为主的 HTML5 也越来越普遍了，相比帧动画，视频的表现更加丰富，前段时间开发了一个以视频为主的移动端 HTML5，在这里介绍一些实践经验。 统一播放效果 ...

DDFE 技术周刊（第十期）2017.1.9 - 掘金
小程序 小程序利器 - miniapps 工程化解决方案 [小编推荐] - 滴滴小程序开发过程中我们如何应用工程化思维去提升团队开发效率 Vue DDFE - Vue.js 高仿饿了么外卖 App 课程源码 DDFE - 插件开发入门 vue-ama...

面试 -- 网络 HTTP - 掘金
现在面试门槛越来越高，很多开发者对于网络知识这块了解的不是很多，遇到这些面试题会手足无措。本篇文章知识主要集中在 HTTP 这块。文中知识来自 《图解 HTTP》与维基百科，若有错误请大家指出。文章会持续更新。 面试 -- 网络 TCP/IP 了解 Web ...

JavaScript 日记 - 一个例子学会 Vue.js - 前端 - 掘金
大家都知道Vue.js是中国人创造出来的，简单易用，所以必须要支持一下 Vue采用的MVVM设计模式 也就是说model和view绑定model改变，view的内容改变，反之亦然 ...

CSS3 动画函数 - 前端 - 掘金
多时候我们可能经常写动画样式的过渡效果，这里面的过渡样式我们可能经常使用比较熟悉的 ease linear ease-in 等，其实它还有一个定义函数，CSS3 贝尔赛曲线 cubic-bezier。这个函数里面可以定义一些过渡效果。当然更多复杂的动画可以借助...

css 盒模型和定位扫盲 - 前端 - 掘金
原文：原文链接 转载请标明出处 css盒模型与定位 说到css的盒子模型和定位相信大家一定都听说过，因为它们是css中的基础，同时也是难点，这篇文章的作用在于基础知...

HTML5 的 WebGL 实现的 3D 和 2D 拓扑树 - 前端 - 掘金
在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，...

html5 canvas 实现高并发视频弹幕功能 - 前端 - 掘金
由于项目需要，分享自己开发的高并发弹幕功能 以下为源代码，仅80行而已，可以根据canvas 的宽高自动适配： /! @作者： 赵玉 @邮箱： sailiy@126.com @公司： ...

前端 Ajax 跨域请求方案沙里淘金 - 前端 - 掘金

所谓跨域 跨域是一种浏览器同源安全策略，也即浏览器单方面限制脚本的跨域访问。很多人可能误认为资源跨域时无法请求，实质上请求是可以正常发起的（指通常情况下，部分浏览器存在部分特例），后端也可能正常进行了处理，...

JavaScript 原生实现《贪吃蛇》 - 前端 - 掘金
贪吃蛇大家都不陌生吧~简单做一个。 贪吃蛇.jpg 因为没有图片素材，所以只能用简单的样式代替了，不要嫌弃呀~ ...

JavaScript30 中文指南 - 08 Canvas 实现渐变画笔绘画板 - 前端 - 掘金
作者：©缉熙Soyaine 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库...

2016 年 50 个最佳的轻量级 JavaScript 框架和库 - 前端 - 掘金
本帖最后由 断天涯大虾 于 2017-1-3 09:14 编辑 回顾今年已发布的 JS 框架和库，我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库，与...

一个基于自己封装的 JQuery 实现的简单弹幕 - 前端 - 掘金
一个简易的弹幕视频 线上地址 因为服务器只有1M带宽，所以，视频播放会卡顿 这个是由fcc上的弹幕练习改编来的。 因为之前看了一些j...

IndexedDB--HTML5 本地存储 - 前端 - 掘金
什么是IndexedDB indexedDB是一种轻量级NOSQL数据库，是由浏览器自带。相比Web Sql更加高效，包括索引、事务处理和查询功能。在HTML5本地存储中，IndexedDB存储的数据是最多的，不像web...

京东 2016 版首页改版前端总结 - 前端 - 掘金
深圳的天气总是多变，前一段时间还是凉意浓浓，似乎要步入冬天了，最近却又变得炎热起来，气温骤升，让人措手不及。正如我们负责的业务一样，一年下来有诸多变化。今年9月份我们接手了京东2016版首页改版开发，历经1个多月紧张地开发测试，终于在双11前成功全量发布，回想...

JavaScript 内存管理 - 前端 - 掘金
作为一门高级语言，JS并不像低级语言C/C++那样拥有对内存的完全掌控。JS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。 正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题，但如果不了...

最近遇到的前端面试题 (2017.02.23 更新版) - 前端 - 掘金
个人博客已上线，欢迎前去访问评论！无媛无故 - wangchloe的个人博客 以下内容非本人原创，是整理后觉得更容易理解的版本，欢迎补充。 ...

Vue2 源码分析 - 前端 - 掘金
源码版本：v2.1.10 分析目标 通过阅读源码，对 Vue2 的基础运行机制有所了解，主要是： Vue2 中数据绑定的实...

Vue 服务端渲染业务入门实践 - 前端 - 掘金
作者：威威（沪江前端开发工程师） 本文原创，转载请注明作者及出处。 背景 最近， 产品同学一如往常笑嘻嘻的递来需求文档， 纵使内心万般拒绝， 身体倒是很诚实。 接过需求，好在需求不复杂， 简单构思 后决定用Vue， 得心应手。 切好图，...

谈谈编写可读性代码 - 阅读 - 掘金
刚毕业的时候读过 Bob 大叔的《Clean Code》， 那时候只是被动接受，没有进行更有效的思考，现在也忘记的差不多了。记得在进行公司培训时一部分内容就是代码规范和公司常用的推荐写法，当时也不知道为什么这样子做， 老大告诉我们，这就是团队做出的决定，喜欢不...

适配器模式（新手推荐） - 阅读 - 掘金
好久没更新了，今天给大家更新一篇设计模式文章——适配器模式。如果你做过Android开发，那么你肯定对适配这个词很熟悉。适配的作用就是让我们的应用程序能适用于各大主流的Android手机平台。 适配，通俗地讲，就是将极具个性的人...

vue2 + vuex 高度还原饿了么 App，与官方后台真实数据交互，获取商品信息，实现登陆、购物车、下单等功能 - 前端 - 掘金
前言 vue2的发布后自己也研究了一段时间，奈何公司的技术栈是以react为主，没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo，但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目，选择了饿了么也只是因为...

将持久数据从 Redis 中迁出 - 后端 - 掘金
前言 Redis是一个开源、支持网络、基于内存、键值对存储数据库，使用ANSI C编写。从2015年6月开始，Redis 的开发由Redis Labs赞助，在 2013年5月至2015年6月期间，其开发由Pivotal赞助。在2013年5月之前，其开发由VM...

也许是史上最全的前端资源大汇总 - 前端 - 掘金
1.前言 最近有很多朋友问我有没有相关的书籍推荐，希望能够自学一下前端。 正好最近在查阅文章的时候，发现有朋友已经进行过总结。 经过沟通和“行贿”?，终于取得转载权利，在此感谢晚晴幽草的大力帮助。 作者将原素材文章进行了新内容的添加和重新排列，但是因为文章...

页面重绘和回流以及优化 - 前端 - 掘金
页面重绘和回流以及优化 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器...

React + Node + Mongo +Webpack 写一个简单的 Blog 网站 - 前端 - 掘金
用到的技术：React Node Webpack material-ui mongo github地址：https://github.com/shenjiajun...喜欢请给个star！！！推荐两个工具：https...

无循环 JavaScript - 掘金
作者：James Sinclair 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文原文：JAVASCRIPT WITHOUT LO...

单点登录系统 SSO 解析及开发小结 - 后端 - 掘金
在分布式系统架构下是每一个系统都是由一个团队进行维护，每个系统都是多带带部署运行一个多带带的应用容器如Tomcat，所以，不能将用户的登录信息保存到session中。 多个tomcat的session一般是不能共享的，虽然我们可以利用tomcat自身的se...

也许，这样理解 HTTPS 更容易 - 后端 - 掘金
摘要：本文尝试一步步还原HTTPS的设计过程，以理解为什么HTTPS最终会是这副模样。但是这并不代表HTTPS的真实设计过程。在阅读本文时，你可以尝试放下已有的对HTTPS的理解，这样更利于“还原”过程。 我们先不了聊HTTP，HTTPS，我们先从一个聊天软件...

44 个 JavaScript {{BANNED}}题解析 - 前端 - 掘金
原题来自: http://javascript-puzzlers.he... 读者可以先去做一下感受感受. 当初笔者的成绩是 21/44... 当初笔者做这套题的时候不仅怀疑智商, 连人生都...

Github + Webhooks 简易的自动化部署流程 - 前端 - 掘金
机器可以做的事就应该交给机器去做。说一下Github项目和linux的自动化部署流程及实现。 简单说，我们的项目分开发和生产两种模式，最终是要run在生产环境的，产品在两者之间切换时会有一些问题的产生，比如生产环境下的配置、账密、构建编译、打包、重载....

前端基础进阶（七）：函数与函数式编程 - 前端 - 掘金
函数：菜鸟收割者 纵观JavaScript中所有必须需要掌握的重点知识中，函数是我们在初学的时候最容易忽视的一个知识点。在学习的过程中，可能会有很多人、很多文章告诉你面向对象很重要，原型很重要，可是却很少有人告...

JavaScript 异步编程魔法 - 前端 - 掘金
在单线程执行的 Javascript 中，异步最著名的是 Ajax,但是你仅仅知道这些吗？ 单线程执行 Two: 嘿，哥们儿，快点，我特么快憋不住了。 One: 我要三分钟，你先等着，完了叫你~ Two: 好的，记得叫...

袖珍分布式系统（四） - 后端 - 掘金
本文是Distributed systems for fun and profit的第四部分，本文是阅读该文后的一些记录。 Replication Replication 问题是分布式系统中最主要的问题，本文讨论...

JavaScript This 的六道坎 - 前端 - 掘金
"This is indeed a mystery," I remarked. "What do you imagine that it means?" ...

TCP/IP 详解卷 1 - wireshark 抓包分析 - 后端 - 掘金
引言 在初学TCP/IP协议时，会觉得协议是一种很抽象的东西，通过wireshark抓包分析各种协议，可以让抽象变得具体。 ...

JavaScript 模块化简述 - 掘金
前言 关于模块化，最直接的表现就是我们写的 require 和 import 关键字，如果查阅相关资料，就一定会遇到 CommonJS 、CMD AMD 这些名词，以及 RequireJS、SeaJS 等陌生框架。比如 SeaJS 的官网 这样描述自己: “简...

给所有开发者的 React Native 详细入门指南（第一阶段） - Android - 掘金
本文已授权微信公众号：：鸿洋（hongyangAndroid）原创首发 本文为Marno原创，任何未经本人许可的转载都视为侵权 转载地址：http://www.jianshu.com/p/fa08...