大前端 - 收藏集 - 掘金

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 跨域请求方案沙里淘金 - 前端 - 掘金

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

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 变态题解析 - 前端 - 掘金
原题来自: 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...