web 前端必备学习指南-精华
工具
box-shadow generator
生成 box-shadow 的工具。
gradient-generator
渐变生成器。
Ultimate CSS Gradient Generator
也是渐变生成器
CSS Generators -CSSREFLEX
CSS3 生成器
图床 https://sm.ms/
有 API 可用。
新浪微博图床 Chrome扩展
Unix 时间戳 Unix timestamp
编程语言
JavaScript
前端资源教程 i5ting
廖雪峰JavaScript教程
JavaScript 标准参考教程(alpha) -阮一峰
JavaScript Promise迷你书 -azu
前端的异步解决方案之Promise和Await Async
You Don’t Know JS (book series)
You Don’t Need jQuery
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器。
JavaScript 秘密花园
JavaScript 设计模式 系列 AlloyTeam
ES2015(ES6)
《ECMAScript 6入门》 -阮一峰
EcmaScript6 全规范(含node) -ouvens
30分钟掌握ES6/ES2015核心内容(上)
30分钟掌握ES6/ES2015核心内容(下)
ES2015规范 英文
TypeScript
- TypeScript语法
前端博文
前端 JSer 装逼手册
6周学习计划,攻克JavaScript难关
NodeJS
七天学会NodeJS -Nanqiao Deng
Node入门到精通 i5ting
高可用架构专用《全栈工程师之路-Node.js》 i5ting
前后端分离的思考与实践
框架&脚手架&部署工具
Babel
Babel 入门教程
Bower
基础教程
Yeoman
- yeoman 安装和使用 - 快速构建web应用
Gulp
Gulp学习总结
Gulp不完全入门教程
Grunt
- 用grunt搭建自动化的web前端开发环境-完整教程
webpack
Webpack 中文指南 -赵达
Webpack傻瓜式指南(一) -前端外刊评论 知乎专栏
Webpack傻瓜指南(二)开发和部署技巧 -前端外刊评论 知乎专栏
Webpack傻瓜指南(三)和React配合开发 -前端外刊评论 知乎专栏
上述傻瓜指南的原始出处 https://github.com/vikingmute/webpack-for-fools Webpack傻瓜式指南
Webpack,101入门体验 -Yika
Webpack 入门指迷 -题叶
https://webpack.github.io/ Webpack 官网
Vue
- awesome-vue
- Vue.js 和 Webpack(一) -Randy Lu
- Vue.js 和 Webpack(二) -Randy Lu
- Vue.js 和 Webpack(三) -Randy Lu
- Vuejs 1.0 中文系列视频教程 -Laravist
- Vuejs-QQ群 相关资料 来自豪情
React
- 深入理解 React -Thinking in React 中文版
- Thinking in React
AngularJS
AngularJS api 官网
AngularJS入门教程——AngularJS中文社区提供
AngularJS 教程 | 菜鸟教程
类似 w3school 的入门 AngularJS 教程。
React-Native
- React-Native学习指南
WEEX
Weex中文文档 官方
Weex详解:灵活的移动端高性能动态化方案
测试
- 测试框架 Mocha 实例教程 阮一峰
类库与插件
Masonry
瀑布流布局库。
jssor
图片轮播图其 GitHub 地址 jssor/slider
cssslider
纯 CSS 的图片轮播图。
模块化
- 后端程序员的 JavaScript 之旅 - 模块化(一)
- 后端程序员的 JavaScript 之旅 - 模块化(二)
后端程序员的 JavaScript 之旅 - 模块化(三)
- CommonJS 规范 -来自 阮一峰 JavaScript 标准参考教程(alpha)
技巧
- 将footer固定在页面底部的实现方法
编辑器
Atom 中常用插件
- auto-beautify
- autoprefixer
- block-comment
- color-picker
- docblockr
- emmet
- jquery-snippets
- jshint
- linter
- linter-csslint
- linter-htmlhint
- minimap
- minimap-git-diff
- minimap-codeglance 滑过 minimap 显示代码
- minimap-find-and-replace 在 minimap 中显示
ctrl+D
选中的内容 - open-in-browser
- uglify
- active-power-mode
- atom-terminal-panel
- linter-scss-linter
- atom-ternjs
- file-icons 将图标变成彩色
- autocomplete-paths 自动补充路径
- symbols-tree-view A symbol treeview like taglist
常用的主题:
UI Theme: One Dark
Syntax Theme: Atom Dark or One Dark
GitBook 及其插件
- Gitbook 的使用和常用插件 -赵达
gitbook-plugin-expandable-chapters
折叠左侧目录章节。
Chrome 插件
Chrome扩展及应用开发 -图灵电子书
- 有哪些鲜为人知却非常有意思、好用的 Chrome 扩展? -知乎
Dribbble New Tab
新建 tab 时,显示 dribbble 上的精选作品。
Other blogs
进击的马斯特 http://pinkyjie.com/
马斯特,87年生人,爱溜冰的码农。技术: Javascript、Python、Mac、iOS
Jerry Qu
JerryQu,奇虎 360,前端开发,前百度前端。
码志 https://mazhuang.org/
我是马壮,码而生,码而立。就职sogou。
小胡子哥 http://www.barretlee.com/
李靖,阿里巴巴。
Xcat Liu http://blog.xcatliu.com/
Microsoft Software Engineer II, Meituan Senior Front-End Engineer
极限前端 http://ouvens.github.io/
Ouvenzhang, 前端工程师,对前端领域的技术知识具有较高的职业能力和探究精神。对响应式页面设计、工程构建组件化、mv*设计实现、前端优化、ES6开发体系等有深入的研究与项目实践。来自腾讯科技。
凳子_Joinery 邓智容 http://www.dengzhr.com/
赵达的个人网站 腾讯高级前端开发工程师
Randy
web 前端必备学习指南-精华相关推荐
- web前端面试学习指南
这篇文章很长,但的确是一篇非常干的干货,讲诉了 HTML.JavaScript.CSS.jQuery使用的一些规范与建议,前端的同学可以认真阅读此文,并比较自己平时的一些习惯,看是否有改进的地方-- ...
- Web前端需要学习什么?小白入门指南
Web前端工程师,是伴随着Web的兴起而细分的行业,随着当下企业对用户体验的重视,无论互联网公司还是大型企业都把前端作为自己的招牌门面,看得相当重要.而且随着互联网的不断发展,每年都会诞生大量的企业, ...
- web前端需要学习什么?需要掌握什么技术
1.Web前端是什么意思 Web前端是网站前台部分,运行在PC端,移动端等浏览器上展现给用户所浏览的网页. 用我们的话来说,前端就是网页给访问网站的人看的内容和页面,Web前端开发意思就是这些内容的制 ...
- web前端新手面试指南:自我介绍
web前端新手面试指南:自我介绍 面试时注意:自我介绍不能太长,也不能过短,3分钟左右最合适,尤其做为web前端技术方面的面试,更加要说到点上,我依次从学习方面.项目实践.未来规划这三个方面写下web ...
- Web前端系统学习——课程笔记(章节8-9)
Web前端系统学习--课程笔记 课程链接:WEB前端系统学习 - 网易云课堂 参考教程:菜鸟教程 笔记链接:Web-Learn-Note 章节8 表格与表单 课时30 表格嵌套规则 样式初始化 14: ...
- 小猿圈Web前端开发学习路线
很多人已经下定决心学习前端开发,但是学习很盲目,没有一个明确的目标,导致学了很长时间效果也没有很明显,最终放弃了,这个结果是我们最不想看到的结果,那么学习路线就十分重要了,好的学习路线对学习会引向成功 ...
- Web前端入门学习(5)——浮动原理及清除浮动
浮动原理及清除浮动 上节回顾 在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/ ...
- Web前端开发学习误区,你掉进去了没?
从接触网站开发以来到现在,已经有五个年头了吧,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上的一串串回忆,成功与喜悦.烦恼与纠结都历历在目,感慨颇多. 先 ...
- iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...
最新文章
- Keras运行速度越来越慢的问题
- iOS中JS 与OC的交互(JavaScriptCore.framework)
- [转贴]超过80%的80后大学生不知道自己将来要干什么
- 资源已存在时POST的HTTP响应代码
- 【C++】error C2512: 'Adder' : no appropriate default constructor available
- Hadoop 03_核心:读写流程
- hive sql 怎么实现循环_Hive存储过程实现-hpsql
- 报错:The following signatures couldn‘t be verified because the public key is not available: NO_PUBKEY
- 菜鸟涂鸦作品展_No.24
- ExecuteReader在执行有输出参数的存储过程时拿不到输出参数
- cad角度怎么画_初学入门CAD,就这样成精了!
- 每日学习笔记(21)
- selenium+java+TestNG 使用enabled 参数 —— 禁止执行一些case
- wordpress 迁移报错“Error establishing a database connection“
- from StyleFrame import StyleFrame, Styler ModuleNotFoundError: No module named ‘StyleFrame‘
- 计算机考研和不考研的区别,考研和不考研有什么区别?问清楚自己考研动机
- Python爬取微信公众号文章、标题、文章地址
- Wpf关于列表动态刷新的问题
- 3D打印机的故障检测及排除
- TL-R402M路由器恢复出厂设置方法
热门文章
- WP8.1学习系列(第二十三章)——到控件的数据绑定
- ORACLE 常用函数——转换函数
- rrdtool源码安装(转)
- Linxu 常用命令大全(一)
- IT人的爱情生活散记
- Q87:间接光照(Indirect Illumination)的高光反射(Glossy Reflcetion)
- 联想X61-Xp系统重装Ubuntu21.10
- 数据分析数据可视化(二)
- 高度固定 宽度裁剪_六一童装系列:女童汉服连衣服裁剪图分享及缝制工艺解说...
- ida模拟器调试_IDA pro远程调试折腾记