This is CodeDreamfy's Blog

自学前端指导书

最近需要了解关注的技术

• Tailwind CSS
• vite2
• typescript

关键字

insertAdjacentHTML，web components

post

• 总结常用js代码段

书籍

• ECMAScript部分(Core JavaScript & BOM & DOM)
  • javascript权威指南
  • javascript 秘密花园
  • javascript 语言精髓
  • javascript 代码段
  • javascript 语言精髓与编程实践
  • 高性能 javascript
  • 响应式Web设计
  • 你不知道的JavaScript
  • 深入浅出Nodejs
  • 待续
• jQuery部分
  • 锋利的jQuery
  • jQuery代码段
  • jQuery技术内幕
  • 待续
• CSS部分(css2.1修正版 & css3 & html5)
  • css权威指南
  • 精通css2
  • css代码段
  • 图解css3
  • html5等
  • 待续

技能学习

• Git & GitHub使用(Wiki)
• 前端自动化工具
  • gulp
  • yomen等
  • anywhere
  • nginx
• css预处理与后处理器
  • Less & Sass & PostCss
• CMD & AMD 标准
  • seajs
  • requirejs
• web标准规范
  • BootStrap标准
  • 其他标/NEC
• 常用animate动画编写
  • Loading加载动画
  • 播放音乐动画
  • 展示动画
• 常见插件封装编写
  • 轮播
  • 瀑布流
  • 自定义下拉列表
  • 各种遮罩
• 简单算法
  • 快速排序、冒泡排序、二分法、递归、阶乘
  • 栈的实现
  • 倒计时、格式化时间等
• 兼容性
  • 各浏览器hack写法(包括ie低版本系列)
  • 浏览器内核区别
  • 各浏览器常见bug总结
  • 渐进增强与优雅降级
• 布局与样式
  • 经典布局、圣杯、自适应伸缩布局、全屏
  • 淘宝菜单、弧形触发区域
  • 快速样式编写
• photoshop技巧
  • CC自动切图
  • 雪碧图制作
  • 各种格式区别
• web优化 & 断点调试
  • chrome控制台
  • js调试
  • 图片压缩

工作常用的插件/库／框架

• 插件
  • videojs
  • bxslide
  • fullpage
  • myCutomScroll
  • swiper3,4
  • fancybox
  • 懒加载
• 库
  • animate.css
  • createjs & threejs & tweenMax
  • underscore.js
  • jquery
  • Lo-Dash
  • Tailwind CSS
  • typescript
• 框架
  • Vue3
  • react.js
  • Angular.js

  •   backbone.js
    

  •   ember.js
    

•       脚手架
  • webpack
  • vite2
  • gulp