Lu. saning

人活着本身就没有什么意义，意义这个词也只是人类自己赋予的，没有任何人生来就必须肩负着责任或者使命我们的生命只有一次，不会重来，你即使有再多的财富资产，在你死后也带不走一分一毫我们试想下，我们为什么会问这个问题？其实大多数情况都是生活过的太无趣或者没有目标，没有意思看不到希望，才会问这个问题，那这就是这个问题的**本质 - 觉得生活太无趣**所以我们要做的是，自己赋予给自己赋予生活的意义，享受人生的这趟旅程，按自己的想法和目标去生活，做自己喜欢的事，过自己喜欢的生活，充实的度过每一天。追求目.

十、我学到了什么Webpack是什么？为什么要使用Webpack的整体执行流程 3’Webpack五个核心概念EntryOutputLoaderPluginsModeWebpack开发环境配置Webpack正式环境配置Webpack的开发环境配置优化Webpack的正式环境配置优化Webpack的配置详解详解十一、学习参考视频：https://www.bilibili.com/video/BV1e7411j7T5文档：http://www.wo

九、Webpack 配置详解1. Entry 的四种配置//Entry的四种写法//第一种：单入口 string类型 --> entry: './src/index.js'module: { //单入口 string类型 entry: './src/js/index.js', output: { filename: '[name].js', //最终会输出一个文件，文件名为main.js path: resolv

八、生产环境 优化代码运行的性能1. tree shacking 树摇前提： 1.必须使用ES6模块化 2.开启production环境（这样就自动会把无用代码去掉）作用：去除无用代码 减少代码体积在 package.json 中配置："sideEffects": false 表示所有代码都没有副作用（都可以进行 tree shaking）这样会导致的问题：可能会把 css / @babel/polyfill 文件干掉（副作用）所以可以配置："sideEffects": ["*.css

七、生产环境 优化构建速度1. OneOf作用：让每个规则只匹配一个文件，大大增加构建速度module里面的rules里，每个规则都会扫一遍全部的文件，这样会大大增加构建的速度，而加了OneOf，就可以让每个规则只匹配一个文件，大大增加构建速度，但不能有两个配置处理同一种类型文件，如js//webpack.config.js文件module: { rules: [ { test: /\.js$/, //js语法检查 exclude: /

六、开发环境 配置优化1. HMR（模块热替换）HMR: hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包构建这一个模块（而不是打包所有模块） ，极大提升构建速度缺点：1.此HRM功能只对样式css文件有效，对js无效 2.会让html失去热更新功能如果想要js文件实现HRM功能，则需要修改一些代码，但对入口js文件不适用(入口js文件修改，还是会全部打包)如果想要html有效，则需要再entry入口里面，将html文件引

五、生产环境的基本配置开发环境配置主要目的是为了能让代码 1性能更好 2.兼容性更好 3.能在线上环境正常运行1. 提取 Css 成单独文件对css文件进行优化处理, 提取css成单独的文件 好处：将css从style变成link导入，解决闪屏问题将css从js抽离出来了，可以减少js的体积，增加js的加载速度插件：npm install mini-css-extract-plugin -d//webpack.config.js文件const MiniCssExtractorPl

四、开发环境的基本配置开发环境配置主要目的是为了能让代码正常运行主要考虑以下几个方面：打包样式资源 如： css/style/sassnpm install css-loader -dnpm install style-loader -dnpm install sass-loader -d打包 html 资源 如： htmlnpm install html-webpack-plugin -d //插件打包图片资源npm install url-loader -d

一、Webpack介绍浏览器只能识别js、css、html等语法，识别不了Vue、Scss、jQuery等一些高级语法代码，我们要使用这些代码，就需要将这些代码需要最终转换为js、css、html等浏览器能解析识别的语言才可以使用。而这些语言每个都提供了各自的命令来进行加载转换，由于命令都不相同，所以这在实际项目中会很麻烦Webpack就解决了这一问题，他可以配合各种不同loader将前端的所有资源文件(js/css/scss/json/img/…)进行统一打包，最终编译转换成浏览器能识别的语言(.

一、介绍CSS预处理器是一个CSS的增强语法，让我们可以在 CSS 中使用变量、循环、嵌套等功能, 可以让我们的代码变通性更强，可读性、层级关系更加明显CSS预处理器种类繁多，目前三种主流的css预处理器是Sass（Scss）、Less及StylusSass/Scss、Less、Stylus介绍Sass/Scss：2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架。目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCS

一、介绍Vuex 是实现组件全局状态(数据)管理的一种机制。可以方便的实现组件之间数据的共享，相当于Java中的全局变量使用Vuex统一管理状态的好处能够在vuex中集中管理全局共享的数据，易于开发和后期维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据是响应式的，能够实现保持数据与页面的同步Vue中组件之间共享数据的方式父向子传值：v-bind 属性绑定子向父传值：v-on 事件绑定兄弟组件之间共享数据：EventBus全局数据统

一、介绍Vue 中的页面都是SPA(单页面应用), 页面之间的跳转实际上只是更改了页面的内容，页面的地址是没有变化的，而这一需求标签不能实现，于是推出 VueRouter, 他让我们实现页面的切换就变得易如反掌单页面应用：所有的页面最终都打包集合成一个vue界面，这样的好处是不用切换url地址就能改变当前页面内容，坏处是第一次加载会慢一点二、环境搭建&简单使用1. 安装vue-router依赖包npm install vue-router --save-dev2. 导入vu.

MarkDown作为当下最好的轻量级的写作语法，是十分值得学习一下的，好在现在关于MarkDown语法的资料已经越来越多。经过一段时间学习，整理出了部分MarkDown的常用的语法，以及对MarkDown语法的一些粗浅理解。1. 标题2.列表MarkDown的列表语法看上去也十分自然，无序列表以* 空格，+ 空格开头，或者- 空格开头，有序列表以数字. 空格开头。如下所示：3. 代码作为一个开发人员，无法避免的需要在文本中插入代码。MarkDown中代码分为单行代码和多行代码，如下所示：4

目前主流应用的开发模式大致有三种：Native App、Web App、Hybrid AppAPP的开发模式介绍Native App即传统的原生App开发模式，Android基于java/kotlin, IOS基于oc/swift. 体验效果最好，但开发成本大，效率相对来说更低，更新也相对其他方式更慢Web App即一个网页用App的样子去展示，去交互，只能在浏览器中运行，这种App只限于在浏览器中运行，很多重要手机特性无法访问，比如联系人、推送通知等。Hybrid App以.