猪儿虫77-CSDN博客

原创笔记 Plugin插件

Plugin为什么有Plugin插件因为有一个模块 loader 不能解决所有的模块;以及提供的功能是有限的,所以有了 webpack 插件.没有什么问题,是插件解决不了的,如果解决不了,找你们负责人写一个插件是什么?插件是用来解决各种模块编译的.注意:loader 和插件可以同时使用快速度上手练习插件需求:希望将 html 进行打包处理,同时希望html 加载对应的js1: 下载插件 npm install --save-dev html-webpack-plugin2

2021-07-23 19:44:46 220 1

原创 webpack编译文件

webpack 准备工作1.初始化项目//webpack 是前端模块化打包（构建）工具。//webpack除了打包应用，也可以用来打包js库npm init 2.安装cli工具 webpack 库npm i --save-dev webpack webpack-cli3.测试运行webpack//局部安装npx webpack --version//全局安装webpack --version//推荐局部安装，因为有版本的不一样，全局会把局部的覆盖webpack 使用搭建we

2021-07-23 19:43:28 231

原创笔记 babel-readmi.md

目录文章目录目录前端工程化之前Babel为什么有Babel1.认识 Babel使用babel 准备工作使用 babel 编译es6代码babel 工具作用详解@babel/cli@babel/preset-env@babel/core@babel/plugin-*其他工具babel 一些插以及用法babel presets 和 plugins的区别配置babel生成代码配置babe（进阶）手动指定插件插件选项基于环境定制 Babel####构建自己的 Presetbabel 与其他工具前端工程化之前

2021-07-22 23:06:17 115

原创 babel安装和babel编译

1:什么是babel1：babel是一个JS编译器，用来转换最新的JS语法，比如把ES6,ES7等语法转换为ES5语法，从而可以在大部分浏览器运行，执行过程分三步：分析，转化，生成代码，但是babel一些最新的api是不转化的，比如Object,assign,Promise等，所以可以使用插件 babel-pilofill来引入对全部api的支持。2:babel编译的准备工作//在使用babel之前需要安装运行node.js运行环境1:初始化项目,在终端输入命令npm init//生成pa

2021-07-22 22:53:19 360

原创笔记 let const var promise async awiat class

let const与var的区别1:var声明的变量有变量提升 let const没有2:let声明为变量 const为常量3:const声明的常量不可改变，但声明的对象与数组内容可以被改变，因为const的指针不变4:let const变量为块级作用域5:let const 声明的变量不能重复6:let const会形成暂时性死区即typeof不百分百准确let const声明变量之前，变量不可以使用详情结束promise1:promise的出现是因为传统的异步是通过回调函数层层嵌套的，

2021-07-20 00:11:55 63

原创 js this的指向

/* funtion函数谁触发指向谁 0 全局 this===window 1 看一下函数return 是否为数组函数对象那么this指向return值，引用数据类型改变this的指向 2 函数触发是不是call.apply,bind 如果是,this===参数 3 看是不是 new触发的是 this===new 实例的对象 4 普通对象调用 this===触发函数的对象 */ // 情..

2021-07-17 22:16:18 61

转载笔记 package.json是什么

/*package.json 文件作用package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。二、package.json 文件创建package.json 文件创建有两种方式，手动创建或者自动创建。手动创建直接在项目根目录新建一个 package.json 文件，然后输入相关的内容。自动创建也是在项目根目录下执行 npm init，然后根据提示

2021-07-17 16:41:27 92

原创 promise封装Ajax

promise封装Ajax // 1 promise 封装Ajax // 形参接收传进来的参数 function ajax(options){ // 解构赋值 let {url,method,data} = options // 返回一个promise对象 return new Promise((resolve,reject)=>{ // 创建xhr对象 let xhr = new XMLHttpRequ

2021-07-15 23:12:16 83

原创笔记 2021-07-14

1 你学会了什么在登录和注册页面利用正则表达式，来判断用户的输入值是否符合设定的要求，如果符合，则调用注册登录接口传入用户名和密码参数如果判定注册成功则跳转到登录界面，在登录接口要把登录成功的(token)值保存到本地存储上用来后面的使用然后跳转到首页。分页器的原理即轮播图分页器用登录时保存在本地存储的上的值来判断首页及其他页面的显示效果当另一个跳转页面需要当前页面的某些参数时就需要利用页面跳转添加参数，学会了触底反弹的原理即最后一张图片距离顶部的距离小于等

2021-07-14 19:29:28 44

原创创建对象的方式

1:newObject()的方式//创建对象 var zrc = new Object()//添加对象属性和方法 zrc.name = '猪儿虫' zrc.age = '18' zrc.eat = function () { console.log(this.name + '吃冰激凌') }//输出 console.log(zrc.name) zrc.eat()2：对象字面量的方式//创建空对象 var hero = {};...

2021-06-29 22:22:07 47

weixin_59543485的博客