不会代码的前端

摘要： 一、基本概念 要想在html文件里面书写和使用react，必须要明白三个方法和概念 这个是react的核心语法，是关键 这个是react操作DOM的特殊方法， 这个是解析es6语法的工具，让老旧浏览器能够识别 那要获取这三个方法和概念，可以去下载响应的文件引入，也可以通过CDN引入，推荐CDN引入 阅读全文

摘要： Vuex基本使用及进阶 一、下载vuex依赖 二、启用vuex 在src文件下创建store文件夹，在里面新建一个index.js文件，在文件里书写以下代码 三、注入store 在main.js文件中全局注入store实列对象 四、vuex的使用 1、state的使用 用来存储数据的对象，对象中的数 阅读全文

摘要： 一、新建state 正常的react中，数据都是在传入的props对象中，但是props有个问题就是固定不变的，是不能修改的，所以需要state来把props里面的数据定义到state对象中来，这样就可以随意操作修改了 上面的是typescript的类，个人大致理解就是在React.Componen 阅读全文

摘要： 一、组件封装 一个函数就是一个组件，该函数接受一个 对象，并返回一个React元素 通过class和 也可以定义一个组件，跟上面的组件是等价的 二、声明组件 感觉其实声明一个React元素，只不过这个元素是以组件名字命名的类似单标签模式，里面写入要传入的props 比如上面创建的是Welcome组件 阅读全文

摘要： 一、jsx语法 二、jsx嵌入表达式 jsx的嵌入表达式，和vue的嵌入表达式不一样，vue的双大括号，jsx只是一个单大括号就行了 上面这个表达式name，就可以在h1标签里面通过{}渲染出来 在这个{}里面可以写入任何有用的JavaScript 表达式 "jsx简介" 阅读全文

摘要： 一、创建项目 新建一个文件，然后创建一个 文件，唉，看了react的官网教程，才知道什么叫做操蛋，妈的，简直就是东拉西扯，东拼西凑啊，根本不知道他在扯什么犊子。 官网教程 ，跟着写，根本不知道写出个什么玩意儿，只能找资料看 引入 创建完成之后，就需要在html文件里面引入react.js文件，练习就 阅读全文

摘要： 一、webpack + vue 在使用vue之前，需要安装vue解析配置模块 安装 配置 这里分别配置一下vue文件的解析已经将css解析的 修改成 调用 注意这里有一个大坑，必须引入 ，否则是报错的 二、配置index.js 运行即可看见结果，到这里基本就结束了，后面就是基本的vue开发了 还有个 阅读全文

摘要： 一、环境配置 webpack在运行时可以根据运行环境的不同，可以操作不同的文件等，一般来说环境又开发环境和生产环境，而有可能公司事多弄个测试环境 在node里面可以全局通过 来获取当前运行环境，从而进行不同的编译 获取环境的代码 配置环境的方式有多种，这里个人知识有限，只列知道的三种方式 1、mod 阅读全文

摘要： 一、css压缩 这一节主要讲压缩代码，正常我们打包生产环境代码，js文件已经是压缩的，但是css并没有压缩，所以需要通过插件来压缩css代码，这个插件是 和`cssnano` 安装 调用 配置 注意这个配置，还需要在与plugins统计的optimization.minimizer中调用，其实也可以 阅读全文

摘要： 一、分离css 这一步将css分离出来，需要用到分离插件，有两种： 1、extract text webpack plugin 安装 调用 调用这个需要重新修改css的loader的配置 配置 因为这是个插件，所以需要在plugins里面配置 这个实例里面的参数可以是文件名字，也可以是文件路径字符串 阅读全文