Blog

个人技术总结，技术发展方向：目标是一名卓越的软件工程师，从前端入手，让前端能力成为我的杀手锏，同时也能解决其他软件工程方面的能力

个人实践，并深入分析之后总结

说明：写(复制)这些文章，目的是让自己对js基础知识掌握更全面。这里总结的是自己不是很熟或者陌生的知识点，如果说熟悉了的，平常用到的，就不总结了。
不着急总结全部知识，每个知识追求细枝末节，希望掌握全面
使用技术：学习技术，要结合实际项目来学习，脱离项目的学习很快就会忘记；结合项目的学习，负责任把项目做好，技术做深入，能力自然就提升了。
新技术：关注新技术，先总结其能做什么，再考虑能否在项目中融合使用进去
项目开发目标：首要完成项目，其次 提升自己技术能力，正是玉伯的：业务为正，专业为奇。

• html
  • ✔ 深入html-标签语义化
• css
  • ✔ cssModule :global、:local、composes继承
  • ✔ 深入css-flex布局
  • 深入css-grid布局
  • ✔ 深入css-fixed、absolute、float
  • ✔ 深入css-block、inline、inline-block
  • ✔ 深入css-选择器及权重
  • 常见知识归纳 包含了 css 一些常用知识点：盒子模型、选择器、字体使用、rem等
  • 预处理器-less
  • css 工具-postcss
  • transform 动画
  • animate 动画
  • 动画-flip flip技术让过渡动画更流畅
• javascript
  • ✔ es2015-解构赋值
  • ✔ es2015-decorator
  • ✔ es2015-模板字符串
  • ✔ es2015-Symbol
  • ✔ es2015-promise
  • ✔ es2015-generator
  • ✔ es2015-async
  • ✔ 深入js-编码规则
  • ✔ 深入js-词法作用域
  • ✔ 深入js-语句与表达式
  • ✔ 深入js-基本类型 包含了数值、函数、对象的关键点总结
  • ✔ 深入js-原型与继承
  • ✔ 深入js-执行上下文
  • ✔ 深入js-闭包
  • ✔ 深入js-正则表达式
  • ✔ 深入js-内存管理与垃圾回收
  • 深入js-this 说明了 this 指向问题
  • 深入js-一些功能模拟实现
  • js-奇技淫巧 比如 0.1+0.2 问题、退出循环等问题
• nodejs
  • ✔ cli工具
  • ✔ npm发包
  • nodejs 基础 学习 nodejs 时，要配合 javascript 严格模式学习
  • ✔ koaAPI koa 实现了 http 服务器方面功能，包括 response, request, context 3大api
  • koa 进阶 学习 koa 如何使用
• 浏览器
  • ✔ 深入浏览器-dom
  • ✔ 深入浏览器-bom
  • ✔ 深入浏览器-浏览器
  • ✔ 深入浏览器-事件循环
  • web 存储
  • ✔ 跨域实现的几种方法
  • 浏览器安全 常见 xss 攻击及防御
  • ✔ 利用无头浏览器实现ui自动化测试 新技能 - ui 自动化测试
  • 关于前端监控的几点思考
• 构建工具
  • ✔ webpack基础
  • webpack 运行原理
  • webpack loader
  • webpack plugin
  • rollup基础
  • fis基础
  • ✔ babel plugin
• 框架
  • mvvm 都在用 mvvm ，到底什么 mvvm 是什么？
  • 源码解读-antd
  • react
    • ✔ 源码解读-dva
    • ✔ 源码解读-redux
    • ✔ 源码解读-react-redux
    • ✔ 源码解读-react-router
    • ✔ 源码解读-history
    • 源码解读-connected-react-router
    • ✔ 源码解读-redux-saga
    • 源码解读-setState
    • ✔ 深入理解virtualDOM
    • ✔ 基本使用-react 官网 api + 使用技巧
    • ✔ 基本使用-react-router ：react-router 4
    • ✔ vue vs react : 可以直接参考 vue 及 react 相关知识点
  • vue
    • ✔ vue router vue-router, 路由使用，路由配置，路由守卫，静态路由，动态路由
    • vuex vue 状态管理
    • ✔ vue-cli vue-cli
    • ✔ vue 组件通信 vue 组件间的 10 种通信方式
    • ✔ vue 组件复用 vue 组件优化：10 种复用方式
    • vue 组件抽离规范 vue 组件抽离原则
    • ✔ vue深入 vue 整体深入架构入口，介绍了 vue 整体模块
      • ✔ vue深入 - 响应式系统 vue 响应式系统
      • ✔ vue深入 - 数据驱动 vue 数据驱动 vnode
      • ✔ vue深入 - 组件化 vue 组件化
      • vue深入 - compiler vue compiler 编译原理 ast
    • ✔ vue vs react vue 基本知识点
  • 校验：eslint
  • 测试：mocha, karma, jest, enzyme 需要注意的有：注释规范、命名规范、语法规范、文件组织结构规范、接口文档规范、设计文档规范等
  • 模拟: mock
  • Rxjs: 中文官网
• pwa
  • ✔ webWorkers
  • ✔ pwa构建 -- 体验
• git
  • ✔ 常见问题及答案
  • ✔ git知识点总结
• 软件工程
  • ✔ 项目日常感悟
  • ✔ 项目中遇到的问题
  • ✔ 项目经验
  • ✔ MBA
• 设计模式、技巧
  • 高阶组件
  • Observer模式
  • mediator
  • 工厂
• 规范
  • W3C标准
  • ES规范
• 计算机基础
  • 计算机组成原理
  • ✔ vultr 搭梯子 科学上网，你懂的
  • 操作系统
  • 计算机网络
    • http 3
    • ✔ http1、http2简介
    • ✔ 常见 http 状态码、解释及解决方案
    • ✔ 七层协议
    • ✔ 网络抓包 wireshark
    • ✔ nginx 与 反向代理
  • 数据结构与算法
    • ✔ 冒泡排序
• 技术方向
  • webGL: 3D
  • svg svg 入门学习
  • canvas: 2D
  • webRTC: 实时通信技术
  • docker基础: 容器技术
  • webAssembly: 提升项目运行效率，能在浏览器中跑的另一种语言
  • flutter: 移动应用开发，替代 android ios
  • typescript: 强类型语言
  • GraphQL: vs restful
• 用户体验
  • 字体优化
• 人工智能
  • 人工智能入门
  • python入门
• 示例 demo
  • 智能提示组件: 在 textarea 输入时，基于 react + getBoundingClietRect + element.selectionStart 实现的智能提示

注：没有链接的表示待发展、学习的技术

沟通

面试、同领导沟通、同下属沟通、同级沟通，都是双方人生价值观、人生规划、技术追求、业务更好实现的碰撞。

1. 我不会因为你的某一点不合就不招你，相反，如果如果你自身有几个亮点，那么我很愿意跟你共事。
2. 面试时，我们可以尽心去展示自己，不用有顾虑，畅心与面试官聊，如果面试官仅仅因为你的某一些缺点就忽略你其他更大更有价值的有点，那么不去也罢。

前端极客

1. 不做无脑、低效率、浪费时间的 coding
2. 从业务中提炼出自己的技术，常常我们在做完业务之后，忽略了提炼技术点，后期年终述职时都说不出自己有哪些增长
3. 不做无意义的学习，做解决问题的学习
4. 对于我来说，优秀与不优秀，就是在晚上7点到10点这3个小时，有没有在投入学习

知识学习方法

现在是学习已有的知识，然后灵活运用它到工作中，还不必去创造新的技术地步

在工作的空余时间，尽管去学习新的技术，然后用在工作中进行实践

运营

目标 + 决策 + 资源配置

目标：清晰明确的目标，知道带来的收益，目标倒推、精细拆解、环环相接
决策：决定下一刻需要立即做的事情，不做哪些事情
资源配置：老板给的资源合理利用