An open API service indexing awesome lists of open source software.

https://github.com/leecason/blog

https://leecason.github.io
https://github.com/leecason/blog

css javascript vue

Last synced: 2 months ago
JSON representation

https://leecason.github.io

Awesome Lists containing this project

README

        

# Front-End-Blog

## Tool
- [Linux 命令行](http://billie66.github.io/TLCL/index.html)
- [图解Git](https://marklodato.github.io/visual-git-guide/index-zh-cn.html)
- [Learn Regex](https://github.com/zeeshanu/learn-regex)
- [SED 简明教程](https://coolshell.cn/articles/9104.html)
- [Chrome开发者工具系列](http://www.cnblogs.com/constantince/category/712675.html)
- [如何选择开源许可证](http://www.ruanyifeng.com/blog/2011/05/how_to_choose_free_software_licenses.html)
- [聊聊 Git 「改变历史」](https://zhuanlan.zhihu.com/p/29497618)
- [oh-my-zsh](https://github.com/robbyrussell/oh-my-zsh)
- [ChinaMobilePhoneNumberRegex](https://github.com/VincentSit/ChinaMobilePhoneNumberRegex)

## Standard
- [alloyteam CodeGuide](http://alloyteam.github.io/CodeGuide/)
- [Photon Design System](https://design.firefox.com/photon/)
- [中文文案排版指北](https://github.com/sparanoid/chinese-copywriting-guidelines)

## Career
- [📕the-book-of-secret-knowledge](https://github.com/trimstray/the-book-of-secret-knowledge)
- [📕Computer Science Learning Notes](https://github.com/CyC2018/CS-Notes)
- [📕一些经典且高质量的电子书分享](https://github.com/threerocks/studyFiles)

## JavaScript
- [使用对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Working_with_Objects)
- [内存管理](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Memory_Management)
- [JavaScript 垃圾回收](https://segmentfault.com/a/1190000007616791)
- [JavaScript 内存泄漏教程](http://www.ruanyifeng.com/blog/2017/04/memory-leak.html)
- [📹es6公开课](http://html5train.com/kecheng/detail_1555861)
- [📕ECMAScript 6 入门](http://es6.ruanyifeng.com/#README)
- [30-seconds-of-code](https://github.com/Chalarangelo/30-seconds-of-code)
- [理解事件循环一](https://github.com/ccforward/cc/issues/47)
- [理解事件循环二(macrotask和microtask)](https://github.com/ccforward/cc/issues/48)
- [Promise A+ 规范](http://malcolmyu.github.io/malnote/2015/06/12/Promises-A-Plus/)
- [剖析Promise内部结构,一步一步实现一个完整的、能通过所有Test case的Promise类](https://github.com/xieranmaya/blog/issues/3)
- [📕九部知识库](https://github.com/frontend9/fe9-library)
- [js获取虚拟键盘高度](https://segmentfault.com/a/1190000010693229)
- [表单校验的历史](https://zhuanlan.zhihu.com/p/28323080)
- [这是关于JavaScript内存泄露和CSS优化相关序列文章,相信你读完会有所收获的](https://github.com/zhansingsong/js-leakage-patterns)
- [📕You-Dont-Know-JS](https://github.com/getify/You-Dont-Know-JS)
- [📕ECMAScript5.1 中文版](http://lzw.me/pages/ecmascript/#0)
- [📕每个 JavaScript 工程师都应懂的33个概念](https://github.com/stephentian/33-js-concepts)
- [📕javascript-algorithms](https://github.com/trekhleb/javascript-algorithms)
- [📕underscore-1.8.3.js 源码解读 & 系列文章](https://github.com/hanzichi/underscore-analysis)

## Vue
- [Vue.js的实用技巧(一)](https://zhuanlan.zhihu.com/p/25589193)
- [Vue.js的实用技巧(二)](https://zhuanlan.zhihu.com/p/25623356)
- [Vue.js 组件编码规范](https://pablohpsilva.github.io/vuejs-component-style-guide/#/chinese)
- [使用 webpack 来构建 vue 项目](http://hanekaoru.com/%E4%BD%BF%E7%94%A8-webpack-%E6%9D%A5%E6%9E%84%E5%BB%BA-vue-%E9%A1%B9%E7%9B%AE/)
- [基于vue-cli快速构建](https://www.jianshu.com/p/2769efeaa10a)
- [Vue.js写一个SPA登录页面的过程](https://www.jianshu.com/p/eff145fb815b)
- [简易版Vue-理解原理](https://github.com/balancelove/SimpleVue)
- [Vue 源码注释版 及 Vue 源码详细解析](https://github.com/Ma63d/vue-analysis)
- [Vue.js 源码解析](https://github.com/answershuto/learnVue)
- [全面解析Vue.nextTick实现原理](https://mp.weixin.qq.com/s/ZbF_4o8XrJb49_MU6y3iDQ)
- [Vue.js 技术揭秘 by 黄轶](https://ustbhuangyi.github.io/vue-analysis)
- [Vue技术内幕](http://hcysun.me/vue-design)
- [📹MVVM实现原理](http://html5train.com/kecheng/detail_1553514)
- [📹virtualDOM&DOM Diff](http://html5train.com/kecheng/detail_1567138)
- [📹双向绑定原理剖析](http://html5train.com/kecheng/detail_1553514)

## CSS
- [CSS按钮的 10 个代码片段](https://zhuanlan.zhihu.com/p/25597059)
- [Safe CSS Defaults](http://nimbupani.com/safe-css-defaults.html)
- [CSS Naming Conventions that Will Save You Hours of Debugging](https://medium.freecodecamp.org/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849)
- [Sass: Mixin or Placeholder?](https://www.sitepoint.com/sass-mixin-placeholder/)
- [CSS3 Object-fit 和 Object-position](https://www.w3cplus.com/css3/css3-object-fit-and-object-position-properties.html)
- [CSS Triggers](https://csstriggers.com/)
- [iPhone X的缺口和CSS](https://www.w3cplus.com/css/the-notch-and-css.html)
- [关于响应式的另一种思考](https://zhuanlan.zhihu.com/p/27258076)

## Webpack
- [📹进阶webpack4.0](http://html5train.com/kecheng/detail_1567118)
- [📹编写webpack](http://html5train.com/kecheng/detail_1567139)
- [dive-into-webpack](https://github.com/gwuhaolin/dive-into-webpack)
- [Webpack 4 和单页应用入门](https://github.com/wallstreetcn/webpack-and-spa-guide)
- [webpack-demos by ruanyf](https://github.com/ruanyf/webpack-demos)

## 有意思的 DEMO
- [60行代码俄罗斯方块](http://bbs.csdn.net/topics/390427122)