- 博客(29)
- 收藏
- 关注
RSS订阅原创 js的变量和函数提升
解释:1.代码执行之前把当前作用域下所有var声明的变量提升到当前作用域最前面,2.值提升声明不提升赋值(注意:是当前作用域 如果函数作用域提升到函数作用域最前面)
2024-02-29 09:40:15
341
原创 js的闭包概念 作用
内层函数访问到外层函数变量 他们的组合封装的函数叫闭包函数。作用:封闭数据 提供操作 外部可以访问函数内部变量。概念:内层函数+外层函数的变量。可能引起的问题:内存泄漏。
2024-02-29 09:32:36
378
原创 html中用npm包
3.输入npm命令安装webpack及webpack-cli， “npm i webpack webpack-cli -D”，然后回车进行下载/安装。当配置项比较多的时候我们直接在package.json的脚本里面直接写会不太方便，所以在根目录下面创建一个webpack.config.js文件专门用来配置webpack。注意打包后的js文件是局部变量 如果要在html中引入js中的变量先去js中把变量改成全局变量。一.用webpack工具打包npm包 到dist下js文件为浏览器能识别的文件。
2024-02-27 14:13:51
918
原创 iframe动态切换src导致历史记录增加回退按钮出现问题
巧用key特性，在虚拟dom的diff算法中，key有着超高的地位，如果同一类型的虚拟节点的key不相同，就会直接销毁重新挂载，而没有key区分时就会尽可能的复用打补丁（patch）。根据这个特性，只需在iframe上增加不同的key即可，本人直接使用的src。解决办法 添加动态key值。
2024-02-22 10:52:02
398
原创 pmp安卓及问题解决
yarn config set strict-ssl false//取消yarn的https认证。npm config set strict-ssl false//取消npm的https认证。三.用cnpm install pnpm -g安装pnpm。1.先安装cnpm并且配置淘宝镜像。yarn https认证取消。四.检查pnpm是否安装成功。NPm https认证取消。
2024-01-24 10:11:09
357
原创 Vue中 Vconsole 工具
一个轻量、可拓展、针对手机网页的前端开发者调试面板。 2）在main.js中引入。一、Vconsole 简介。二、在Vue2中的使用。
2024-01-06 12:17:22
1237
原创 css优化-will-change: transform
例如，当我们设置了will-change: transform时，浏览器会为该元素创建一个独立的图层，将这个图层标记为“即将变换”。这样，在进行布局和绘制时，浏览器就可以更高效地处理这个元素，而无需重新计算整个渲染树。will-change的作用就是告诉浏览器某个元素将要发生的变化，从而使浏览器在渲染过程中提前分配和优化相应的资源。会使得动画变得流畅一些,只在需要优化的元素上使用will-change，避免对所有元素都进行指定。will-change的作用。
2024-01-06 12:09:46
652
原创 webpack优化项目
将原本dist目录下js和map文件生成对应的zp文件,需要结合nginx配置使用。通过生成html页面直观分析哪个包较大。webpac优化项目使用到的插件。
2023-12-27 13:18:21
346
原创 浅谈Object.assign
概念：Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。语法：Object.assign(target, source1，source2...)例子：const v1 = 'abc';const v2 = true;const v3 = 10; const obj = Object.assign({}, v1, v2, v3);console.log(obj); // { "0": "a", "1": "b", "2": "
2022-04-08 11:00:45
63
原创 vue中父子组件交互 prop emit ref
传值问题组件传值问题1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 emit触发父组件的自定义事件。vm.emit 触发父组件的自定义事件。vm.emit触发父组件的自定义事件。vm.emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；父组件给子组件用prop传值，子组件拿到值渲染子组件页面，子组件通过this.$emit(event,data)调用父组件方法,父组件在用子组件时候用@ev
2021-07-10 16:46:52
151
原创 认识正向代理和反向代理
1、简要概括;一句话区分：正向代理，其实是"代理服务器"代理了"客户端"，去和"目标服务器"进行交互。通过正向代理服务器访问目标服务器，目标服务器是不知道真正的客户端是谁的，甚至不知道访问自己的是一个代理（有时候中介也直接冒充租客）反向代理，其实是"代理服务器"代理了"目标服务器"，去和"客户端"进行交互。通过反向代理服务器访问目标服务器时，客户端是不知道真正的目标服务器是谁的，甚至不知道...
2020-04-11 17:37:04
95
原创 数组es6方法总结
//--------------------------indexOf(n) lastIndexOf(n)//参数：要查找的字符//功能：跟字符串查找一样，查找指定元素是否存在，如果存在，返回索引值，如果不存在返回-1//返回值：返回n在arr数组中的索引值//是否改变原数组：没有// var arr = [1,2,3,4,3];// var a = arr.indexOf(3);/...
2020-04-05 16:52:58
91
原创 sass用法整理
sass的介绍sass是一个强大的css预编译语言，可以快速的实现css的编写，但是由于浏览器，所以需要单独的解析器解析。sass支持变量数组函数等，感觉跟写js一样，写csssass语言支持两个文件的扩展名：sass和scss（1）sass的文件不支持花括号和分号（2）scss的文件，支持css语法 （下面的介绍就此文件展开）sass的解析器这里介绍两种（1）nod...
2020-03-29 19:09:57
194
1
原创 JS面向对象的继承
先介绍一下什么是继承1、继承是与 构造函数 相关的应用2、是指让一个构造函数去继承另一个构造函数的属性和方法3、继承是发生在两个构造函数之间下面分别从es5和es6提供的方法介绍一下继承的常用方法es5继承常见方法1、原型继承原型继承1 - 原型对象继承:简单，方便，易操作但是，只能继承原型身上的方法和属性，不能继承构造函数内的方法和属性//父构造函数function Par...
2020-03-22 15:42:10
78
原创 JS的面向对象实例--轮播图
实现轮播图的方法有很多种，本篇是通过同时控制两个索引（要走的，要进来的）的方式让图片动起来结构部分<body>//展现图片的空间<div class="box"> //放轮播图所有图片 <div class="imgbox"> <a><img src="../img/banner1.jpg" alt=""&...
2020-03-08 18:09:33
236
原创 JavaScript 数组方法总结
JavaScript 数组方法总结1.push()参数：任意个 任意值返回值： 一个数字 增加数据之后的长度 注意 返回值是个数功能：在数组的尾部增加数据，增加的数据是push的参数（不是传到数组 是传到函数 函数通过方法加到数组）数组的操作有没有修改原数组： 有var arr = [1,2,3,4,5];var res = arr.push("a","b");console....
2020-02-21 19:47:28
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人