前端工程师学习记录

TypeScript强类型弱类型类型安全强类型 弱类型强类型有类型上的约束，不允许任意的隐式类型转换优势：错误更早暴露代码智能、编码准备重构更加牢靠减少不必要的类型判断弱类型没有类型上的约束 允许任意的隐式类型转换类型检查静态类型 动态类型JS 类型系统JS没有编译环节，没有类型检测，只有在运行的时候，才会检测错误JS属于弱类型动态类型语言let obj={}console.log(obj.fn())// 在语法上可行，但是在

ES6总结摘要新的标准规范ECMAScript2015是js的一种新的标准规范，就是对js的写法上提出了新的语法要求和写法格式。ECMAScript和js的关系ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。javascript 是 netscape创 造的并交给了国际标准化组织 ECMA，之所以不叫做 JavaScript 由于商标的问题，java 是 sun 公司的商标，根据 授权协议只有 Netscape 公司可以合法使用 JavaScrip

JavaScript模块一函数式编程什么是函数式编程函数式编程，FP是编程范式之一，我们常听说的编程范式还有面向过程编程、面向对象编程。面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物事件的联系函数式编程的思维方式：把下现实世界的事物和事物之间的联系抽象到程序世界（对运算过程进行抽象）程序的本质：根据输入通过某种运算获得相应的输出，程序开发过程中会涉及很多有输入和输出的函数x --> f（联系、映射）–> y，y = f（x）

Vue源码学习（二）深入响应式原理前端开发最重要的2个工作，一个是把数据渲染到页面，另一个是处理用户交互。响应式对象Object.definePropertyObject.defineProperty方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。Object.definProperty(obj,prop,descriptor)// obj是要在其上定义属性的对象// prop是要定义或者修改的属性的名称// descriptor是将被定义或者修改的属性描

Vue源码学习（一）数据驱动vue.js一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们的视图修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是复杂交互的时候，只关心数据的修改会让代码逻辑变得非常清晰，因为DOM变成了数据映射，我们所有的逻辑都是对数据的修改，而不直接操作DOM，这样的代码也比较利于维护。new Vue发生了什么？new关键字会实例化一个对象，而Vue本质是一个用functi

JS设计模式单例模式单例模式：保证一个类仅有一个实例，并提供访问他的全局访问点。var getSingle=function(fn){ var result return function(){ return result || (result = fn.apply(this,arguments)) }}策略模式策略模式：定义一系列的算法，把它们一个个封装起来，并且使他们可以互相替换。var strategies={ 'S':function(

React全家桶Redux创建storeimport { createStore } from 'redux'const counterReducer = (state = 0, action) => { switch (action.type) { case 'add': return state + 1 case 'minus': return state - 1 default: return state }}

ReactReact项目起步项目创建安装官方脚手架：npm install -g create-react-app创建项目：create-react-app react-study启动项目：npm start查看项目配置：npm run eject会弹出项目真面目，项目会多出两个目录configenv.js处理.env环境变量配置文件paths.js提供各种路径webpack.config.js webpack配置文件webpackDevserver.config.

坚持周总结系列第四周（2020.5.5）文件上传文件类型判断通过文件二进制流来判断文件类型，防止篡改文件后缀，影响判断blobToString(blob){ return new Promise(resolve=>{ const reader = new FileReader() reader.onload = function(){ ...

坚持周总结系列第三周（2020.4.30）VueVue组件化常用技术组件传值、通信父组件给子组件传值属性props// childprops:{msg:String}// partent<Child msg='hello world'></Child>refs引用// parent<Child ref='child'></...

坚持周总结系列第一周（2020.4.18）JavaScript重学JavaScript类型JavaScript语言规定了7中语言类型：UndefinedNullBooleanStringNumberSymbolObjectUndefined、NullUndefined 类型表示未定义，它的类型只有一个值，就是 undefined。任何变量在赋值前是 Undefined...

坚持周总结系列第一周（2020.4.18）webpack学习整体认识webpack是一个Javascript静态模块打包器，使用webpack打包时，它会递归的构建一个依赖关系图，其中包含程序需要的每个模块，然后将所有这些模块打包成一个或者多个bundle。入口配置入口就是整个程序的入口文件所在路径，有两种配置形式。单文件入口{ entry:'./src/index.js'...