![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人总结
文章平均质量分 53
Chris__Wang
这个作者很懒,什么都没留下…
展开
-
ECMAScript 2023
该方法会从从 start 索引处开始删除 deleteCount 个元素,然后在 start 索引处开始插入 item 中的元素,最后返回已经删除的元素。如果想要不破坏数组,需要创建一个数组副本,对副本进行修改,因此就引入了这三个方法的非破坏性版本,因此不需要手动创建副本再进行操作了。我们知道,大多数的数组方法都是非破坏性的,也就是不会改变原数组,比如。该方法会以非破坏性的方式替换给定 index 处的数组元素,即。当然,也有一些是破坏性的方法,它们在执行时会改变原数组,比如。原创 2023-08-24 15:36:47 · 231 阅读 · 0 评论 -
CSS 对象模型
定义: CSS对象模型是一组允许用JavaScript操纵CSS的API,他很像DOM,但针对的是CSS而不是HTML。它允许用户动态地读取和修改CSS样式CSS的值是没有类型的,也就是使用String对象来表示下面列一些常用的API上面代码中,该元素的id属性包含一个号,该字符在 CSS 选择器里面有特殊含义。不能直接写成,只能写成方法就用来转义那些特殊字符。它的参数有两种写法,一种是第一个参数是属性名,第二个参数是属性值;另一种是整个参数就是一行完整的 CSS 语句。原创 2023-08-22 17:05:15 · 871 阅读 · 0 评论 -
杂记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 · 122 阅读 · 0 评论 -
Vue常用开发技巧
对于attrs: 如果父传子有很多值,那么在子组件需要定义多个props,如果用attrs,,就很简单。对于listeners: 子组件需要调用父组件的方法。5. provide和inject 主要为高阶插件库提供用例,不推荐直接写在代码里面。require.context是webpack的方法,此方法接收3个参数。状态管理器,是一个独立插件,适合数据共享多的项目里面。拿到子组件实例 this.$refs.home。参数三: 匹配文件的正则表达式,一般是文件名。参数一: 说明需要检索的目录。....原创 2022-08-30 18:38:03 · 737 阅读 · 0 评论 -
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 · 705 阅读 · 0 评论 -
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 · 120 阅读 · 0 评论 -
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 · 285 阅读 · 0 评论 -
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 · 477 阅读 · 0 评论 -
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 · 428 阅读 · 0 评论 -
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 · 1041 阅读 · 0 评论 -
前端调用手机拍照功能失败,调用相机没反应
开发过程中需要再ios app的WKwebview里面嵌入前端页面,这时候前端页面可能有需要打开手机相机拍照或者打开手机相册功能,有时候是点击没反应,有时候是点击后能够打开相机或相册,然后拍完照片确定后或者选择完相册里的照片后点击确定后没反应,这个时候没报错还发现不了问题在哪,其实可以明确的告诉你,前端代码写的没错,就是下面这么简单,可能参数略有不同,但是都大同小异就是这么写,没错<...原创 2020-04-10 18:15:26 · 2119 阅读 · 0 评论 -
打车时间联级选择插件,时间联动选择,首汽打车时间选择插件
先上图,感觉有用再继续往下看,免得耽误您的时间由于项目中需要用到类似打车软件的时间选择器,网上找了好多也没有同款,所以干脆自己封装了一个,基于vue+vant,主要是用到的vant(有赞)的van-popup和van-picker功能,如果您使用的是其他框架,也可以使用相应的弹出层和picker替代另外选用是时间范围是当前时间开始最近7天,这个也可以改变,我这里显示的是英文,这...原创 2020-04-08 16:31:34 · 377 阅读 · 0 评论 -
国际化命名规范,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 · 2017 阅读 · 0 评论 -
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 · 3049 阅读 · 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 · 555 阅读 · 0 评论 -
vue中img标签引用图片地址变量不显示,引入失败问题
vue中img标签,src的地址赋值给vue属性不显示 ,如图修改后写法,加上require即可原创 2019-11-04 14:50:30 · 5192 阅读 · 0 评论 -
css中文字操超出固定个数显示省略... 超出隐藏
先上样式<div class="text"> 我是一段文字,超出固定个数显示省略号</div>.text { /* 超出10个字隐藏,之所以设置11em是因为省略号占一个位置 */ width: 11em; overflow: hidden; /* 显示省略符号来代表被修剪的文本。 */ text-ov...原创 2019-11-04 14:42:51 · 7396 阅读 · 0 评论 -
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 · 1311 阅读 · 0 评论 -
前端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 · 1572 阅读 · 0 评论 -
vue中引入外部js文件
一些小js插件可能无法通过npm安装,需要我们手动进行引入,这里以zoom.js插件为例(一个弹框插件,无需关心插件干嘛的)下面是插件源码,里面是一个封装好的函数常规html页面调用下面就是如何在vue中引入了1. 首先改一下zoom源码 加上export2. 然后在需要用到的.vue组件中引入,我这里common路径是配好的相对路径3. 然后就可以像...原创 2019-10-30 10:57:32 · 1885 阅读 · 0 评论 -
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 · 834 阅读 · 0 评论 -
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 · 1788 阅读 · 0 评论 -
vue项目用ip不能访问,用localhost可以访问
用vue开发项目的时候,发现用ip不能访问该项目,但是用localhost可以,可是防火墙都关了,而且ping ip也能ping通,后来网上查找原因发现是项目自身配置问题看一下原来的配置 vue.config.js启动后终端修改后的 vue.config.js启动后终端...原创 2019-10-14 13:57:42 · 4349 阅读 · 0 评论 -
bootstrap table在ie中浏览器缓存问题
bootstrap table中遇到一个问题就是在谷歌浏览器里面或者360急速模式下表格刷新没问题,但是在ie下就会造成新增加的数据或修改数据后,表格数据不变,造成这种原因的问题就是浏览器缓存问题,添加cache:false,完美解决【右上角点个赞,谢谢】 ...原创 2018-09-10 15:14:56 · 1483 阅读 · 0 评论 -
node+express项目案例(二)
node+express项目案例(一):https://blog.csdn.net/Chris__wang/article/details/90738551node+express项目案例(二):https://mp.csdn.net/postedit/90738794node+express项目案例(三):https://mp.csdn.net/postedit/90744140项目地...原创 2019-06-02 15:01:03 · 2026 阅读 · 0 评论 -
node+express项目案例(一)
node+express项目案例(一):https://blog.csdn.net/Chris__wang/article/details/90738551node+express项目案例(二):https://mp.csdn.net/postedit/90738794node+express项目案例(三):https://mp.csdn.net/postedit/90744140项目地...原创 2019-06-02 13:40:28 · 6770 阅读 · 3 评论 -
vue性能优化-------vendor优化详细用法(瘦身),减小体积,引入cdn
vue性能优化方面有一个是关于vendor的优化,vue其他方面的优化产考https://blog.csdn.net/Chris__wang/article/details/90477555当项目打包的时候,会将ElementUI,Vue,Vuex,axios,VueRouter等都打包进vendor.js里面,导致最后的vendor.js有900k之多页面访问的时候会很浪费时间,所以根据...原创 2019-05-24 10:25:58 · 10462 阅读 · 0 评论 -
node热加载,热更新(node+express)
推荐2种方法1. supervisor首先下载cnpm install -g supervisor安装完成后启动项目,这里不再使用 node app.js方法启动supervisor app.js启动后如果代码修改,保存后刷新页面即可,不用重新启动node2. hotnodecnpm install -g hotnode启动hotnode app....原创 2019-05-18 17:31:58 · 3544 阅读 · 0 评论 -
vue项目的一些简单性能优化
下面的只是针对个人的项目做的一些简单优化1.图片图片的优化使用的是swiper-lazy懒加载,这里有一个坑,具体可以参考https://blog.csdn.net/Chris__wang/article/details/904771072. source map ,个人不需要source map 故而打包的时候不要这个文件,具体配置在config/index.js里面将true改成f...原创 2019-05-23 14:53:19 · 1477 阅读 · 0 评论 -
vue性能优化,vue中swiper lazy懒加载图片路径问题
在做vue项目的时候,优化性能的时候不可避免的要对图片进行懒加载提高网站性能但是总会出现正常访问图片url没问题,使用懒加载后路径就不对不管是使用vue-lazyload 还是使用swiper中的lazy模式,都会出现上述问题,那是因为项目运行编译后的地址会发生变化,但是你使用的却是编译前的地址,不管是使用相对路径还是绝对路径都肯定会发生错误解决办法拿swiper-lazy为...原创 2019-05-23 11:29:53 · 3358 阅读 · 0 评论 -
node+express项目案例(三)
node+express项目案例(一):https://blog.csdn.net/Chris__wang/article/details/90738551node+express项目案例(二):https://mp.csdn.net/postedit/90738794node+express项目案例(三):https://mp.csdn.net/postedit/90744140项目地...原创 2019-06-02 22:07:14 · 1040 阅读 · 2 评论 -
bootstrapTable分页时删除最后一页所有数据refresh刷新后无数据数据为空
在bootstrap-table中,如当页面中含有3页数据的时候,如果删除最后一页的所有数据,那么刷新后当前页面还会停留在第三页,但是页面中没有数据,正确的显示应该是显示第二页的数据解决办法是修改bootstrap-table.js源码,如下function (res) { /**新加的代码,top*/ if(that.options.pagination&&am...原创 2019-07-19 10:55:37 · 1978 阅读 · 1 评论 -
bootstrap-table表格分页的时候需要每页显示不同条数的数据
在项目中由于特殊需要,每页显示的数据条数是不一样的,如第一页显示的是10条数据,那么第二页有可能显示的就是20天,第三页显示的就是13条,由于传统的bootstraptable每页显示的是固定页数的值,所以无法实现这个目的解决办法,引入bootstrap-paginator.min.js分页插件,将分页单独管控起来,插件可以在网上自行下载至于每页显示的条数,我的解决办法是给boo...原创 2019-07-19 11:43:21 · 10126 阅读 · 3 评论 -
react-redux使用时利用ref调用子组件方法不可用报错
在使用react的时候,我们难免会在父组件中调用子组件的方法,我们常用ref调用子组件的方法如下在父组件中调用子组件的写法父组件handleShowModalAdd = () => { this.add.handleToggle()//handleToggle为子组件中的方法}<SystemAdd ref={(el) => this.add = el...原创 2019-07-26 14:54:06 · 2235 阅读 · 0 评论 -
数组排序
在一个字符串数组中有红、黄、蓝三种颜色的球,且个数不相等、顺序不一致,请为该数组排序。使得排序后数组中球的顺序为:黄、红、蓝。例如:红蓝蓝黄红黄蓝红红黄红,排序后为:黄黄黄红红红红红蓝蓝蓝方法一:var arr = ['蓝','黄','蓝','红','黄','蓝','红','黄','蓝','蓝','红','黄','黄','红']; var arrNew = []; v...原创 2019-09-02 11:24:17 · 567 阅读 · 0 评论 -
axios get请求设置请求头Content-Type不生效,失败
在开发的时候设置get请求头的Content-Type总是失效,后来发现原来是一般get请求不需要设置Content-Type 所以axios内部会自动删除掉解决办法如果请求方式是get 则给data赋值,躲过if判断,就不会被删除,这样就可以了...原创 2019-10-10 16:41:09 · 9319 阅读 · 0 评论 -
移动app使用overflow:scroll后底部会出现多一条东西
在移动端app开发时,使用overflow:scroll;的时候会出现下面现象,解决办法 改成overflow-y:scroll即可原创 2019-10-10 18:23:23 · 1159 阅读 · 0 评论 -
vue3 静态资源static文件引入失败,没有static文件夹
在使用vue-cli3创建项目的时候会发现没有了config文件夹,唯一能够进行配置的地方就只剩下vue.config.js文件了,而且还没有配置静态资源的地方如果项目需要引入外部json html文件,则需要自己新建一个static文件夹但是static文件夹不能和src同级,如果同级是访问不到的需要在public文件夹下创建static文件夹,然后再在里面写静态文件,这样就可以...原创 2019-10-11 14:55:42 · 5672 阅读 · 3 评论 -
css当元素没有宽高时水平垂直居中,行内元素居中,不同寻常的居中办法
对于css中元素水平垂直居中的方法也有很多1. 有对固定宽高元素进行水平垂直居中的2.也有对不固定宽高的元素进行水平垂直居中代码如下 .son { position: absolute; background: green; margin:auto; left: 0; ...原创 2019-05-15 16:45:46 · 715 阅读 · 1 评论 -
vue中使用less,vue中报错can not find module less
在vue中使用less的时候可能会出现以下错误原因很明了,我们没有添加less-loader解决办法第一步: 下载依赖cnpm install less less-loader --save-dev第二步: 引入 在webpack.base.config.js文件中引入 { test: /\.less$/, loader: "style...原创 2019-05-06 13:41:47 · 4118 阅读 · 0 评论