04 2020 档案
摘要：准备工作：webpack需要安装很多东西，为了节省时间，可以将之前做好的复制到新文件夹中。除了node_modules，因为它包含的文件特别多，复制粘贴到另一个项目文件夹下时间比较长，我们可以在终端重新安装。（终端命令：npm i) 由于我们是用vue写代码，所以我们需要安装vue包并导入。 安装v
阅读全文
摘要：babel是用来处理ES6语法代码的。 安装babel有两个步骤： ①安装6个包 ②配置.babelrc配置文件 ③在webpack.config.js中配置loader规则 babel现在的版本是babel 8.x,(小版本号变了对我们的开发几乎没有影响，大版本号变了，是一定会影响到开发的，所以在
阅读全文
摘要：首先要知道一个字体图标网站http://www.fontawesome.com.cn/ 上面有教程，我们可以找到自己需要的图标来用 例如：引入相机图标 我们要想用字体图标，首先需要下载这个包 在终端输入命令： npm i font-awesome -S（因为它不是一个工具，最后需要呈现在网页上，给用
阅读全文
摘要：两个步骤： ①先下载安装-D所需要的loader。 ②在webpack.config.js文件的modules节点下（如果没有就写一个），创建一个rules规则，这个规则是1个数据，然后在数组中添加，处理这种文件的匹配规则。 案例：比如说使用url-loader来处理图片路径 先写一个类名为box1
阅读全文
摘要：webpack本质上只能处理.js文件，也就是它是用来处理.js代码的，它不能直接处理外部样式 所以我们就需要间接去处理，就需要用到第三方的loader加载器（处理器） 处理.css文件需要一套加载器 style-loader，css-loader 安装步骤： 首先，Ctrl+c,终止批操作处理 然
阅读全文
摘要：在拷贝文件的时候，就把我们自己写的文件进行拷贝就可以了，node_modules是我们npm安装的东西，不需要拷贝，用到它的时候再次安装就可以了。 再次安装的命令：npm i （npm i 就会把package.json这个配置文件里面所有的依赖项，包括-D，-S安装的（这都是我们的依赖项），它都会
阅读全文
摘要：webpack-dev-server这个工具不仅能帮我们打包，还能帮我们起了服务器。还能帮我们自动打开浏览器，还能自动更新，可谓好处多多（嘿嘿） 具体功能：1.打包 2.开启一个服务器 3.实时的自动编译代码，只要我们对源代码做了保存（ctrl+s） 4.webpack-dev-server打包过后
阅读全文
摘要：通过npm下载第三方模块的命令 命令：npm i 包名 参数[ -g | -S | -D ] 三个参数的意思 -g : 当我们安装的模块，是要作为命令行工具来使用的时候，一般都是-g全局安装 -S : 当我们安装的模块，要打包到目标文件中时，我们用-S安装，-S安装叫做运行环境依赖 -D : 叫做开
阅读全文
摘要：在vue中，如果直接使用less语法写样式的话，行不通 解决办法： 1.ctrl+c，终止批处理操作 2.输入命令： npm i less-loader -D 这时会有一些警告 （注意：当使用npm安装模块的时候，如果只写包的名字，就表示安装最新的版本 npm i jquery -S 安装的就是最新
阅读全文
摘要：webpack是打包命令。如果我们不指定它的后继参数，其实也能实现打包。但是有一些小的限制。 webpack如果不指定输入和输出，那么默认的打包文件就是./src/index,默认的输出路径是./dist/index.js 第一种是通过build，有点长。另外一个是通过webpack配置文件，这两个
阅读全文
摘要：webpack提供了3种打包模式，分别是 ①无 //无模式 ②--mode development //开发环境模式 ③--mode production //生产环境模式 用无模式（不给参数）的话会有警告 如果给参数的话警告就会消失了 这样写的话打包比较麻烦，所以可以用一个简单的方法， 在pack
阅读全文
摘要：webpack是一个前端模块化开发的工具，简单地说就是用来打包源代码的。所谓源代码，不仅仅是js代码，还包括了css代码，图片等等。 引用东哥经典语录来解释为什么使用webpack打包，这样的好处： 我们开发所谓的web app其实就是一个SPA，单页面应用程序 在SPA中，必然会用到大量的第3方包
阅读全文
摘要：在看报文头的时候，我知道Date是表示的时间，但是我发现这个时间的小时跟我们现在所处的北京时间不对，后面还标有一个GMT 如下图所示 于是我就在网上搜索了一下 原来： GMT：格林尼标准时间 北京时间=GMT时间+8小时 图示证明： 此时我的电脑显示：
阅读全文
摘要：1.让盒子垂直居中的几种方法？ 2.知道深拷贝吗？ 3.http请求中响应报文头里面有什么？表示缓存的有哪些？ 4.闭包 5.对promiss的了解 6.es6 7.箭头函数的作用 8,.http的响应状态码 具体含义？204,206 9.跨域 好好学知识！了解一些更深层次的内容，加油~
阅读全文
摘要：出错图示： 解决办法： 在对应文件夹下的cmd命令控制窗口输入 npm install -S react-router-dom 然后再输入命令 npm start 启动即可
阅读全文
摘要：准备这几天没事学一下react，其实之前也看了点，但也就是止步于安装，看的学习视频安装的跟自己安装的结果不一样诶，坑有点多，但是也不能不学啊，还好还好。过程虽然曲折，结局还算完美，步骤也不复杂。特此记录一下，下次忘了的话还可以翻翻看看。 1.通过 npm 使用 React 1.在要写练习的目录上打开
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="st
阅读全文
摘要：<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="st
阅读全文
摘要：1.什么是Git？ Git是一款源代码管理工具（版本控制工具），我们写的代码需要使用Git进行管理 2.初始化仓库 步骤：新建一个项目文件夹 在当前文件的目录里面点击鼠标右键，打开“git bash here”选项，会弹出一个窗口 初始化命令： git init 这个时候在目录里面会增加一个名为.g
阅读全文
摘要：1.鼠标右击【此电脑】。 2.在列表中选择【属性】选项。 3.在弹出的系统窗口中,点击【高级系统设置】选项。 4.在新的界面窗口中,点击【环境变量】。 5.在环境变量界面里,可以进行操作,设置完成后,点击确定就可以啦。
阅读全文
摘要：首先声明下配置的前提：1.我的是win10操作系统2.我的node.js的安装目录在G:\nodejs 第1步：打开你的安装目录，在此目录下创建2个文件夹，命名为node_cache，和node_global命名一个字符都不能错 第2步： 打开命令行窗口，然后输入命令npm config set p
阅读全文
浙公网安备 33010602011771号