ttaoai

摘要： 代码分割: 可以将node_modules中代码单独打包一个chunk最终输出 自动分析多入口chunk中，有没有公共的文件 如果有会打包成单独一个chunk optimization: { splitChunks: { chunks: 'all' } }, 懒加载和预加载: webpackPref 阅读全文

摘要： 在开发环境配置： 热模块替换： 一个模块发生变化，只会重新打包，而不是打包所有模块，极大提升打包速度 js文件和html默认不能使用hmr功能 在development属性中添加 hot:true 开启HMR功能 当修改了webpack配置 新的配置要想生效。必须重新启动webpack服务 sour 阅读全文

摘要： module.exports中的 devServer属性: 用来自动化(自动编译，自动打开浏览器 自动刷新浏览器 只会在内存中编译打包 不会有任何输出 启动指令为npx webpack-dev-server devServer:{ contentBase:resolve(__dirname,'bui 阅读全文

摘要： webpack能处理js/json资源，生成环境比开发环境多了压缩代码的功能 将es6模块化变为浏览器能识别的模块 操作命令 npm i webpack webpack-cli -g npm init npm i webpack-cli -D 在webpack.config.js中配置好 运行web 阅读全文

摘要： 当项目较小的时候可以不用自定义模块，当项目庞大的时候，把所有组件都挂载到根模块会有严重卡顿，这时通过自定义模块来组织项目，并且可以通过自定义模块实现路由的懒加载。 创建自定义模块 ng g module module/user 在自定义模块中添加组件 ng g component module/us 阅读全文

摘要： 安装好路由根ts文件会出现app-routing.module.ts,在里面引入需要配置的组件模块，并在const routes:Routes中配置好路由，path为显示组件的路径，component为引入的组件模块，当需要默认展示某个组件时使用{path:'**',redirectTo:'需要默认 阅读全文

摘要： angular中页面加载会首先触发构造方法constructor(){} ，如果要控制页面首次加载执行的生命函数可以在将其引入 ngOnChanges（） 属性值发生变化时触发或父子组件传值的时候会触发 ngOnInit（）默认触发，一般放请求数据 ngDoCheck（）在angular无法或不愿意 阅读全文

摘要： 在angular中使用双向数据绑定需要引入相关的模块，并且在组件中配置好 angular也有和vuex类似的服务，名为services，通过ng g s servicename创建服务 angular可以用自带的ViewChild操作DOM，先引入ViewChild: ①.给模板中的dom起一个名字 阅读全文

摘要： 创建angular项目npm： ng new 项目名 启动项目npm： ng serve --open 在项目中创建组件npm： ng g component 文件名/组件名 angular声明属性的方式： ①.public 公有属性 可以在类里面使用，也可以在外面使用 ②.protected 保护 阅读全文

摘要： 恢复内容开始 Typescript中的数据类型：①.布尔类型(boolean) ②.数字类型(number) ③.字符串类型(string) ④.数组类型(Array) ⑤.元组类型(包含多个元素的类型) ⑥.任意类型 (any)⑦.枚举类型 ⑧.null和undefined ⑨.void类型(没有 阅读全文