zhaoshy_fighting的博客

原创 webpack5生产模式

开发模式和生产模式有不同的 配置文件2修改webpack.prod.js文件修改webpack.dev.js文件修改webpack.dev.js文件1》修改输出路径为undefined2》将绝对路径进行修改，进行回退此时文件的执行命令为修改webpack.prod.js文件1》修改绝对路径的部分，进行回退2》打开clean:true 使每一次打包文件都会将之前打包的文件进行清空3》删除devserver部分4》更改模式为 production执行命令。

原创 webpack5基础和开发模式配置

因为webpack只能处理js文件所以要想通过webpack打包css文件则需要在配置文件中引进load查看官方文档永远是进步最快的方式Loaders | webpack 中文文档 | webpack中文文档 | webpack中文网 (webpackjs.com)webpack官方文档中查看load1.要处理资源首先要创建资源并引入在入口文件在src文件夹下创建css文件夹下创建css文件查看文档安装响应依赖3.在load中写配置在加载器模块中的rules数组中加load配置对象。

原创 axios

axios与Axios的关系整体流程拦截器响应拦截器。

原创 Nodejs笔记2

现在我感觉还用不到nvm等用的到的时候在装主要是现在装要重新装一堆包改设置等用其他版本的时候再装nvm安装包放在D:nvm安装的第一个路径询问nvm装在哪第二个路径问nodejs装在哪实现静态资源响应， 参数是静态资源文件夹，也就是资源根目录。

原创 Ajax额

1.自定义请求头因为浏览器的安全机制，会报错需要在服务端代码中添加设置响应头允许自定义头信息2.使用自定义请求头，会自动发送options请求（全新的校验，检测头信息是否可用）需要将端口 路由设置 接受改为all 可以接受任意类型的请求。

原创 Promise

内置的Promise对象 的 两个属性 两个中括号表示 该属性是内置的属性Promise异步处理时无法抛出错误。

原创 会打字就能学会的Web前端课程p649JS基础

注意函数的形参也可以看作是局部变量。

原创 会打字就能学会的Web前端课程p700-JS基础

打印返回的元素对象，更好的查看里面的属性和方法parentNode得到的是离元素最近的父级节点，如果找不到父级节点就返回null；；；；；；得到的子节点数组包含元素节点文本节点实际开发写法。

原创 Node.js

1.开发服务器应用2.开发工具类应用3.开发桌面端工具。

原创 ES6基础（2）

async异步被async定义的函数返回的是一个promise对象1.async返回值是非promise对象或没有返回值，fulfiled then指定2. 是promise对象。。await对象方法拓zhan得到一个大数组包含每个键值对构建的小数组 得到一个二维数组可以使用entries方法对对象向map结构转换获取属性描述符可以进行对象克隆不完全复制无法复制getset方法定义方法属性方法结合使用。

原创 ES6基础

1.块级作用域{}只能在块级作用域内使用不会污染全局；避免var全局改变污染变量2.不允许重复声明3.变量提升没有变量提升就是声明变量这一行为会在前面执行暂存性死区只要进入到当前作用域内部，变量已经存在存在，但是获取行为在let声明之前，则无法获取变量；获取行为部分称为暂存性死区4.不与顶层对象挂钩。

原创 本地存储 jQuery入门

DOMContentLoaded 等DOM主要元素加载完成后就去执行。不需等待外部资源加载完毕后执行。更推荐使用第一种方式....});

原创 移动端网页特效

offsetLeft 获得初始盒子的x坐标。

原创 PC端网页特效

优化：避免了再不断地开辟新的空间避免了timer的重复当我们用一个按钮的点击事件绑定这个动画，如果连续点击，会出现问题，此时需要在每次使用动画函数的开头去除定时器取整。

原创 BOM浏览器对象模型

回调函数。

原创 JavaScript流程控制

给新数组的索引可以使用newArray（一个空数组）.length进行遍历赋值。通过return返回函数的值 通过函数名（）调用函数的值。在我们的实际开发里面 ，我们经常用一个变量来接受函数的返回结果 使用更简单。利用函数的参数实现函数重复不同的代码。for循环可以重复执行相同的代码。可以通过返回数组实现返回多个值。利用函数求任意个数的最大值。

原创 JavaScript运算符

尽量不要直接用小数进行运算。

原创 JavaScript开头

我们尽量不要直接使用name作变量名。

原创 移动web开发之响应式布局（第四种布局模式）

但是我们也可以根据实际情况自己定义划分Bootstrap · The most popular HTML, CSS, and JS library in the world.注意!important的位置首页制作分格第一格 2 headerloge nav vertical-align: middle;使nav前的字体图标居中响应式开发可以在特定屏幕下显示或隐藏第二格 7 artical第三格 3 aside

原创 移动web开发之flex布局和rem

我们的元素是跟着主轴来排列。

原创 移动WEB开发之流式布局

去除图片底部的空白缝隙。

原创 HTML5和CSS3提高

number tel search重点记忆。

原创 CSS高级技巧(p250开始)

4.给使用字体图标的盒子指定字体（内容与字体声明中一样）字体图标的加载原理与精灵图相同，服务器只响应一次。style文件中复制至block停(字体声明)小细节：文本域代码尽量放在一行，中间不要有空格。3.打开demo中选择使用的复制即可。1.将font文件夹复制至根目录。（该间隙因为默认基线对齐所致）图片与文字默认基线对齐。京东自己定义的隐藏样式。

原创 CSS定位

原创 CSS盒子模型

圆角边框盒子阴影文字阴影（非重点）

原创 CSS 02

1.Emmet语法。

原创 String提供的操作字符串数据的常用方法

作用：判断字符串是否以某个字符串内容开头，开头返回true，反之返回false。作用：根据开始和结束索引进行截取，得到新的字符串 (包前不包后)作用：判断当前字符串与另一个字符串的内容一样，一样返回true。作用：判断当前字符串与另一个字符串的内容是否一样(忽略大小写)作用：获得字符串的字符个数返回，即返回该字符串有多少个字符。作用：把字符串按照某个字符串内容分割，并返回字符串数组回来。作用：从传入的索引处截取，截取到末尾，得到新的字符串返回。作用：使用新值，将字符串中的旧值替换，得到新的字符串。