- 博客(97)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Mutation Observer 笔记（转）
但是，它与事件有一个本质不同：事件是同步触发，也就是说，DOM 的变动立刻会触发相应的事件；Mutation Observer 则是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知。网页加载的时候，DOM 节点的生成会产生变动记录，因此只要观察 DOM 的变动，就能在第一时间触发相关事件，也就没有必要使用。，第二个是所要观察的变动类型（子节点变动和属性变动）。
2023-08-28 18:05:18
191
原创 ES7、ES8、ES9、ES10、ES11、ES12特性
并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。需要注意的一个特殊用法，支持第二个参数，索引（从哪个位置开始查找）方法会用一个字符串填充当前字符串（如果需要的话则重复填充）。方法用来获取一个对象的所有自身属性的描述符。返回一个给定对象自身可枚举属性的键值对数组。对象的 next() 方法返回一个。方法会按照一个可指定的深度遍历递归。用另一个字符串填充当前字符串。相当于Math.pow()为负值，则搜索整个数组。的返回值可以被解析成。在循环中异步调用函数。计算出的索引作为新的。
2023-08-25 15:20:56
90
原创 ECMAScript 2023
该方法会从从 start 索引处开始删除 deleteCount 个元素，然后在 start 索引处开始插入 item 中的元素，最后返回已经删除的元素。如果想要不破坏数组，需要创建一个数组副本，对副本进行修改，因此就引入了这三个方法的非破坏性版本，因此不需要手动创建副本再进行操作了。我们知道，大多数的数组方法都是非破坏性的，也就是不会改变原数组，比如。该方法会以非破坏性的方式替换给定 index 处的数组元素，即。当然，也有一些是破坏性的方法，它们在执行时会改变原数组，比如。
2023-08-24 15:36:47
216
原创 CSS 对象模型
定义： CSS对象模型是一组允许用JavaScript操纵CSS的API，他很像DOM，但针对的是CSS而不是HTML。它允许用户动态地读取和修改CSS样式CSS的值是没有类型的，也就是使用String对象来表示下面列一些常用的API上面代码中，该元素的id属性包含一个号，该字符在 CSS 选择器里面有特殊含义。不能直接写成，只能写成方法就用来转义那些特殊字符。它的参数有两种写法，一种是第一个参数是属性名，第二个参数是属性值；另一种是整个参数就是一行完整的 CSS 语句。
2023-08-22 17:05:15
857
原创 一级域名和二级域名的差异
一开始就选择顶级域名，收录会比较缓慢，但是过了一段时间之后，搜索引擎认可了，顶级的域名的收录就会转好，而二级域名一开始收录很快，但是逐步会停顿下来，所以说，一级域名在收录和获得权重方面，要比二级域名来得好。很多人都购买过二级域名，二级域名和一级域名还是有很大的差异的，最简单的差别就在于：多使用二级域名的子网站，它自身的PR值往往要比一级域名低一个档次。二级域名，是依附一级域名的存在而存在的，也就是说要是顶级域名消失了，二级域名也也会不复存在。反过来说，二级域名的网站不做了，主域名网站是不受影响的。
2023-03-29 09:53:54
9301
原创 杂记1234
2. npm 2.x版本的时候 node_modules就是嵌套的，node_modules里面有node_modules,这样就会导致，同样的依赖会复制很多次，会占据比较大的磁盘空间。最大的问题还是第一点的限制。1. windows 的文件路径最长是 260 多个字符，所以有时候当我们复制node_modules的时候会发现有丢失问题。3. pnpm : 从全局 store 硬连接到 node_modules/.pnpm，然后之间通过软链接来组织依赖关系。Linux的为4096。
2022-09-05 20:00:14
119
原创 Vue常用开发技巧
对于attrs: 如果父传子有很多值，那么在子组件需要定义多个props，如果用attrs,，就很简单。对于listeners: 子组件需要调用父组件的方法。5. provide和inject 主要为高阶插件库提供用例，不推荐直接写在代码里面。require.context是webpack的方法，此方法接收3个参数。状态管理器，是一个独立插件，适合数据共享多的项目里面。拿到子组件实例 this.$refs.home。参数三： 匹配文件的正则表达式，一般是文件名。参数一： 说明需要检索的目录。....
2022-08-30 18:38:03
694
原创 ES7-ES12
includesfromIndex 可选, 从fromIndex 索引处开始查找 valueToFind。如果为负值（即从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。默认为 0。arr.includes(valueToFind,[fromIndex])想求2的10次方console.log(Math.pow(2, 10)); // 1024//或者console.log(2 ** 10); // 1024Object.getOwnPropertyDesc.
2022-03-08 17:42:12
699
原创 JS代码记录2
创建一个固定长度的数组let a = Array(3)//[空 × 3]创建一个固定长度的数组，且默认值是0let a = Array(3).fill(0)//[0, 0, 0]创建一个固定长度的数组，且默认值是 {value:0}let a = Array(3).fill({value:0})//[{value:0}, {value:0}, {value:0}]修改数组第一项的value值 发现每个value都变了a[0].value = 1//[{value...
2022-03-07 16:14:04
99
原创 CSS代码
is, where选择器目前有些浏览器不支持，如 360浏览器，QQ浏览器目前不支持,慎用h1 > b, h2 > b, h3 > b, h4 > b, h5 > b, h6 > b { color: hotpink;}/* 等价于 */:is(h1,h2,h3,h4,h5,h6) > b { color: hotpink;}...
2022-03-07 15:44:16
269
原创 js代码记录
数组乱序let arrList = [1,2,3,4,5,6,7]const fn = (arr)=>arr.sort(()=>Math.random()-0.5)console.log(fn(arrList))//[4, 1, 6, 2, 3, 5, 7] 每次随机复制到剪切板const copyToClipboard = (text) => navigator.clipboard.writeText && navigator.clipboard.
2022-02-25 17:15:44
465
原创 js获取输入字符的字节数
getLength(v){//输入的内容 if (typeof (v) == 'string') { var regEx = /^[\u4e00-\u9fa5\uf900-\ufa2d]+$/; if (regEx.test(v)) { return v.length * 2; } else { var oMatches = v.match(/[\x00-\xff]/g); var oL.
2021-04-21 14:04:16
419
原创 pom配置，jenkins上进行build 安装依赖
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</model.
2020-06-03 16:50:15
1020
转载 svn分支操作
本文转载自https://www.open-open.com/lib/view/open1346982569725.html先说说什么是branch。一个branch是某个development line（通常是主线也即trunk）的一个拷贝，见下图：branch存在的意义在于，在不干扰trunk的情况下，和trunk并行开发，待开发结束后合并回trunk中在branch和trunk各自开发的过程中，他们都可以不断地提交自己的修改，从而使得每次修改在repository中都有记录。设...
2020-05-18 11:35:04
1142
原创 前端调用手机拍照功能失败，调用相机没反应
开发过程中需要再ios app的WKwebview里面嵌入前端页面，这时候前端页面可能有需要打开手机相机拍照或者打开手机相册功能，有时候是点击没反应，有时候是点击后能够打开相机或相册，然后拍完照片确定后或者选择完相册里的照片后点击确定后没反应，这个时候没报错还发现不了问题在哪，其实可以明确的告诉你，前端代码写的没错，就是下面这么简单，可能参数略有不同，但是都大同小异就是这么写，没错<...
2020-04-10 18:15:26
2065
原创 打车时间联级选择插件，时间联动选择，首汽打车时间选择插件
先上图，感觉有用再继续往下看，免得耽误您的时间由于项目中需要用到类似打车软件的时间选择器，网上找了好多也没有同款，所以干脆自己封装了一个，基于vue+vant，主要是用到的vant（有赞）的van-popup和van-picker功能，如果您使用的是其他框架，也可以使用相应的弹出层和picker替代另外选用是时间范围是当前时间开始最近7天，这个也可以改变，我这里显示的是英文，这...
2020-04-08 16:31:34
361
转载 （建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系
上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝辄止，对更多的细节及原理就了解不深了，在面试的时候感觉非常吃力。这篇文章就是为了帮助大家树立完整的 HTTP 知识体系，并达到一定的深度，从容地应对各种灵魂之问，也同时提升自己作为一个 web 开发的专业素养吧。这是本文的思维导...
2020-03-27 10:00:22
513
转载 vue组件库，插件大全
Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！github上的vue汇总https://github.com/vuejs/awesome-vue#qr-code转自：https://www...
2019-12-12 10:23:48
824
原创 国际化命名规范，i18n命名规范
日本 : ja_JP 秘鲁 : es_PE 巴拿马 : es_PA 波斯尼亚和黑山共和国 : sr_BA 危地马拉 : es_GT 阿拉伯联合酋长国 : ar_AE 挪威 : no_NO 阿尔巴尼亚 : sq_AL 伊拉克 : ar_IQ 也门 : ar_YE 葡萄牙 : pt_PT 塞浦路斯 : el_CY 卡塔尔 : ar_QA 马其顿王国 : mk_MK 瑞士 :...
2019-12-09 14:53:43
1930
原创 vue与ios通信，调用ios方法，ios调用前端方法
项目开发的过程中需要在ios的app中嵌入h5页面，这样就会涉及到ios与前端页面通信问题ios调用vue中的方法在vue中，只需要将方法绑定到window中即可，ios就能够调用到created(){ //供iso调用前需要绑定到window上 window.getParamsFromOc = this.getParamsFromOc;},vue调用io...
2019-11-19 16:13:17
2989
7
原创 image图片转base64 js图片编码
vue中将图片转为base64编码methods:{ handleSave(){//保存图片到本地 var image = new Image(); var base64 = ''; image.src = document.getElementsByClassName('logo_pic')[0].s...
2019-11-05 15:53:22
546
原创 vue中img标签引用图片地址变量不显示，引入失败问题
vue中img标签，src的地址赋值给vue属性不显示 ，如图修改后写法，加上require即可
2019-11-04 14:50:30
5168
原创 css中文字操超出固定个数显示省略... 超出隐藏
先上样式<div class="text"> 我是一段文字，超出固定个数显示省略号</div>.text { /* 超出10个字隐藏，之所以设置11em是因为省略号占一个位置 */ width: 11em; overflow: hidden; /* 显示省略符号来代表被修剪的文本。 */ text-ov...
2019-11-04 14:42:51
6429
原创 js字符串base64编码解码
原来js自带base64编码解码方法window.btoa window.atob具体用法如下 var str = 'dsafhsdifhasdlsadl'; var strBase64 = btoa(str)//将字符串进行编码 console.log(strBase64)//ZHNhZmhzZGlmaGFzZGxzYWRs console.lo...
2019-11-01 18:59:43
1290
原创 前端js将图标保存到本地，保存图片
前端将网页中的图片下载到本地，直接贴代码 var alink = document.createElement("a");//创建a标签 alink.href = document.getElementsByClassName('logo_pic')[0].src;//获取img标签上的图片地址 alink.download = "card_1.png"; //图片名 alink.cl...
2019-10-31 14:43:31
1559
原创 vue中引入外部js文件
一些小js插件可能无法通过npm安装，需要我们手动进行引入，这里以zoom.js插件为例（一个弹框插件，无需关心插件干嘛的）下面是插件源码，里面是一个封装好的函数常规html页面调用下面就是如何在vue中引入了1. 首先改一下zoom源码 加上export2. 然后在需要用到的.vue组件中引入，我这里common路径是配好的相对路径3. 然后就可以像...
2019-10-30 10:57:32
1868
原创 maven中警告Failed to decode downloaded font 字体图标加载不进来
在开发vue项目中，由于需要用maven进行打包成zip包，导致打包后字体图标加载不进来，经过观察发现vue build后的字体图标文件大小和zip包里面的不一样大，所以进而断定maven打包vue项目会破坏字体图标文件的二进制格式，类似问题以前也遇到过，详见https://blog.csdn.net/Chris__wang/article/details/83000060更改maven配...
2019-10-22 18:31:44
818
原创 vue mint-ui mt-datetime-picker只显示年月
在使用mint-ui组件的mt-datetime-picker的时候，想只使用年月，不要日 直接上代码 selectDate(){//选择时间日期 this.$refs.picker.open(); var pickerSlot = document.getElementsByClassName('picker-slot'); ...
2019-10-16 17:38:04
1774
原创 vue项目用ip不能访问，用localhost可以访问
用vue开发项目的时候，发现用ip不能访问该项目，但是用localhost可以，可是防火墙都关了，而且ping ip也能ping通，后来网上查找原因发现是项目自身配置问题看一下原来的配置 vue.config.js启动后终端修改后的 vue.config.js启动后终端...
2019-10-14 13:57:42
4106
原创 vue3 静态资源static文件引入失败，没有static文件夹
在使用vue-cli3创建项目的时候会发现没有了config文件夹，唯一能够进行配置的地方就只剩下vue.config.js文件了，而且还没有配置静态资源的地方如果项目需要引入外部json html文件，则需要自己新建一个static文件夹但是static文件夹不能和src同级，如果同级是访问不到的需要在public文件夹下创建static文件夹，然后再在里面写静态文件，这样就可以...
2019-10-11 14:55:42
5489
3
原创 移动app使用overflow:scroll后底部会出现多一条东西
在移动端app开发时，使用overflow:scroll;的时候会出现下面现象，解决办法 改成overflow-y:scroll即可
2019-10-10 18:23:23
1111
原创 axios get请求设置请求头Content-Type不生效，失败
在开发的时候设置get请求头的Content-Type总是失效，后来发现原来是一般get请求不需要设置Content-Type 所以axios内部会自动删除掉解决办法如果请求方式是get 则给data赋值，躲过if判断，就不会被删除，这样就可以了...
2019-10-10 16:41:09
9208
原创 数组排序
在一个字符串数组中有红、黄、蓝三种颜色的球，且个数不相等、顺序不一致，请为该数组排序。使得排序后数组中球的顺序为:黄、红、蓝。例如：红蓝蓝黄红黄蓝红红黄红，排序后为：黄黄黄红红红红红蓝蓝蓝方法一：var arr = ['蓝','黄','蓝','红','黄','蓝','红','黄','蓝','蓝','红','黄','黄','红']; var arrNew = []; v...
2019-09-02 11:24:17
542
空空如也
antdvue table表格数据过多勾选卡顿
2023-08-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人