RxJS——给你如丝一般顺滑的编程体验（篇幅较长，建议收藏）
怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…
纯 CSS 制作赛博朋克 2077 “故障风”按钮
大家好，我是 Steven。 虽然我不打机，但我都知道 赛博朋克 2077 这个游戏，在它的网页上，有一个 Available Now 的按钮，当游标移到它之上的时候，会有一个好像故障的毛刺效果。 这一期，我们就会模仿并且实现这个效果。 打开 CodePen 编辑器 ( htt…
js明星项目（js排行榜）
对2019年 JavaScript 领域，在前端框架、Node.js 框架、编译工具、构建工具、测试框架、IDE、静态网站生成器...等各方面进行完整的回顾
Paymo 404 Page Design（生成404页面）
RxJS(学习手册)
RxMarbles(Rx宝石图)
Learn, build, and test Rx functions on Observables
RxJS - Joe’s Blog
本文从初学者的角度出发，希望由浅入深全面的梳理一下有关 RxJS 的各个方面
electron-playground
This is a project to quickly experiment and learn electron related APIs - GitHub - tal-tech/electron-playground: This is a project to quickly experiment and learn electron related APIs
vue自定义指令集合
vue自定义指令集合. Contribute to Michael-lzg/v-directives development by creating an account on GitHub.
js原生轮播图
事情是这样的，前两天有学员问我轮播图无缝滚动的原理，说平时用框架习惯了，到自己手撸的时候不会了。 如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。 想看代码的，继续往后看，代码量其实很少，连着css一起也才一百多行而已，所以其实一点都不复杂，重点还是…
前端冷知识集锦
前端已经被玩儿坏了！像 console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧…
css 各种居中方法总结
在使用 css 设置页面样式时会经常遇到需要居中的情况,下面我总结了一些 css 在不同条件下实现居中的方法。有一些方法具有一些 hack 味道,大家看看就好。
docsify
A magical documentation generator.
30-seconds-of-code(30个代码片段)
Short JavaScript code snippets for all your development needs - GitHub - 30-seconds/30-seconds-of-code: Short JavaScript code snippets for all your development needs
Logoly.Pro(设计logo)
Ptable(元素周期表)
Interactive periodic table showing names, electrons, and oxidation states. Visualize trends, 3D orbitals, isotopes, and mix compounds. Fully descriptive writeups.
Archive Extractor Online(在线解压工具)
Bit dev(组件共享)
Bit is the leading toolchain for component-driven development. Forget monolithic apps and distribute to component-driven software. Build like the world’s best teams.
Prettier(代码格式化)
EnjoyCSS(css生成器)
EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding.
Web Worker 文献综述
web worker总结
Web安全色
本表中列出的是WEB设计、开发中常用安全色。列于此是为了方便大家参考
iOS Fonts（IOS 字体支持查询）
Carbon（代码转图片）
Carbon is the easiest way to create and share beautiful images of your source code.
CSR、SSR、Prerender 原理全解密
在了解这些概念之前，我们要先了解一个熟知的概念，那就是 SPA(Single Page Application)，没错，就是大家熟知的单页应用，其实 CSR、SSR、Prerender 都是基于 SPA，关于 SPA 的概念我就不多阐述了。 即，渲染过程全部交给浏览器进行处理，…
css晦涩难懂的点都在这啦
下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…
Luckysheet
前端CLI脚手架思路解析
在实际的开发过程中，我们经常用别人开发的脚手架，以节约搭建项目的时间。但是，当npm没有自己中意的脚手架时，我们不得不自己动手，此时学会开发前端CLI脚手架的技能就显得非常重要。搭建一个符合大众化的脚手架能使自己在项目经验上加个分哦！ 其实很多时候从0开始搭建的项目都可以做成模…
组件化思想
组件化是客户端开发最重要的内容，设计一套复用度高、扩展性好的组件系统，可以显著提高开发效率，并且可以减少后期的维护成本。 就以我正在使用的笔记app为例，上图展示的笔记的阅读与书写区域，如何将这个区域抽象为一个组件呢？让我们一步一步来分析。 1. 最简api 我们为该组件取个名…
Leader制定前端协作规范?
笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…