dachengzi000 / full-stack-development

Full stack development

全栈开发

站点地址：全栈开发

HTML5/CSS3

1. HTML元素
2. 语义化标签
3. CSS3样式
   • CSS选择器
   • CSS继承属性
   • CSS3核心模块
   • CSS盒子模型
   • CSS背景图像
   • CSS清除浮动
   • CSS定位
4. SVG指南
5. 弹性图片
6. CSS BFC

Less

1. Less基础

Font

1. Web字体

CSS实例

1. 动画
2. 旋转下拉菜单
3. 飘带样式菜单
4. 二级下拉菜单

Canvas实例

1. 时钟
2. 图像缩放和裁剪

Bootstrap实例

1. 图书列表
2. 标签页

JS/JQ

1. JS基础知识
2. JS实用技巧
3. JQ的deferred对象
4. jQuery学习笔记
5. 学习JS的8张思维导图
6. 正则表达式实例
7. 正则表达式
8. JS思维导图

JS库

1. 小丑(KineticJS)

JS实例

1. 图片轮播
2. 可折叠面板
3. 五子棋
4. 春运迁移图
5. 网易新闻客户端
6. 盲僧李青
7. 下拉菜单

JQ实例

1. 密码强度表单验证
2. 可折叠控制面板
3. 全屏焦点图
4. 时钟
5. 垂直多级菜单

Webpack

1. 前端发展概述
2. webpack入门
3. webpack配置
4. webpack实战
   • 使用ES6语言
   • 使用SCSS语言
   • 使用Flow检查器
   • 使用PostCSS
   • 使用React框架
   • 使用Vue框架
   • 为单页应用生成HTML
   • 管理多个单页应用
   • 构建同构应用
   • 构建Electron应用
   • 构建Npm模块
   • 构建离线应用
   • 搭配Npm Script
   • 检查代码
   • 通过 Node.js API 启动 Webpack
   • 使用 Webpack Dev Middleware
   • 加载图片
   • 加载 SVG
   • 加载 Source Map
   • 实战总结
5. webpack优化
   • 缩小文件搜索范围
   • 使用 DllPlugin
   • 使用 HappyPack
   • 使用 ParallelUglifyPlugin
   • 使用自动刷新
   • 开启模块热替换
   • 区分环境
   • 压缩代码
   • CDN 加速
   • 使用 Tree Shaking
   • 提取公共代码
   • 分割代码按需加载
   • 使用 Prepack
   • 开启 Scope Hoisting
   • 输出分析
   • 优化总结
6. webpack原理
   • 工作原理概括
   • 输出文件分析
   • 编写 Loader
   • 编写 Plugin
   • 调试 Webpack
   • 原理总结
7. 常用 Loaders
   • 常用 Loaders
   • 常用 Plugins

Vue基础

1. 基础知识
2. 计算属性
3. v-bind及class与style绑定
4. 内置指令
5. 方法与事件
6. 实战：开发购物车
7. 表单与v-model
8. 组件详解
9. 实战：常用组件的开发
10. 自定义指令

Vue进阶

1. Render函数
2. 函数化组件
3. 使用webpack构建
4. Vue插件
5. 状态管理与Vuex
6. iView组件

Vue实战

1. Vue实例
2. TodoMVC
3. 评论面板

HTTP/Ajax

1. HTTP细节
2. 性能优化
3. Ajax技术细节
4. 全栈开发技能
5. HTTP反向代理服务器

Git

1. Git命令
2. Git技术细节

性能优化

1. 性能优化
2. 全栈开发技能
3. 前端工程化

简历

1. 简历(CV)
2. 简历(VITAE)
3. 简历(RESUME)

面试题

1. 前端开发面试题