![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
个人笔记
rpf1234
这个作者很懒,什么都没留下…
展开
-
es6 数组扩展
将伪数组转换为真数组function setArr(){ //let arr=[].splice.call(arguments)//es5转换 //let arr=Array.from(arguments);//es6转换1 let arr=[...arguments]//es6转换2 console.log(arr);}setArr(1,2,3,4,5);console.log(Array.of(3,4,6,2,1,[1,2,3,5],{a:1}))//es6转换2...原创 2021-11-23 11:57:29 · 200 阅读 · 0 评论 -
flv.js报错 的解决方案
flv.js加载视频墙切换时报错如下分析原因:切换显示时报错例如:从图1切换到图2时,前四个视频流已经加载过一次,切换时,视频资源会二次加载 图1 图2解决方案:如下export default { data () { return { videoshow:4,//屏幕可显示的视频数量(1,原创 2021-11-12 17:53:17 · 3646 阅读 · 0 评论 -
es6 迭代器与生成器(Generator)的使用
1.迭代器:迭代器就是一种遍历机制创建一个迭代器 当done为false 时表是没有遍历完成,当done为true时表示遍历完成const arr=[{a:'dog'},'cat','car','pig'];//创建一个迭代器 当done为false 时表是没有遍历完成,当done为true时表示遍历完成 const arrite=arr[Symbol.iterator](); console.log(arrite.next());//打印结果 {value:{a:'dog'},done:f原创 2021-11-08 14:16:28 · 556 阅读 · 0 评论 -
es6笔记 对象扩展方法 合并对象
对象扩展方法对象合并assignObject.assign({},{a:1},{b:2}...)//{}将花括号后边的对象里的属性值合并到花括号对象中is()比较两个值是否严格相等Object.is(NaN,NaN)//trueNaN===NaN//false原创 2021-11-05 15:59:30 · 90 阅读 · 0 评论 -
vue父子组件通信
父组件给子组件传参父组件利用($ref)传值: 通过调用子组件的方法将子组件所需的数据传递给子组件<!--父组件标签--><add-member ref="child"></add-member><el-button type="text" title="添加成员" @click="addmember(objects)" size="mini"...原创 2019-10-23 16:47:13 · 107 阅读 · 0 评论 -
百度地图初始化中心偏移的解决办法及问题原因分析
1.原因分析百度地图加载时页面标签的宽高都还没有加载完成,地图的标签宽高都是0,所以地图的中心会移到div的左上角2 解决办法推迟初始化地图的时间<script>import BMap from 'BMap' export default { components: { }, mounted() { setTimeout(() => { this.baiduMap() }, 100) }, m原创 2021-07-26 16:36:00 · 1347 阅读 · 0 评论 -
js 将对象转换成表单数据
let params={ a:'123', b:'345'}const formData = new FormData();Object.keys(params).forEach((key) => { formData.append(key, params[key]);});原创 2021-07-13 17:17:37 · 1699 阅读 · 0 评论 -
vue cli 调取百度地图使用自定义弹框BMapLib.InfoBox() 创建的弹框默认关闭按钮如何隐藏
vue cli 调取百度地图使用自定义弹框BMapLib.InfoBox() 创建的弹框默认关闭按钮如何隐藏代码如下index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=1920,initial-scale=1.0"/> <title>zhihuixunhe&原创 2021-06-07 18:26:15 · 1360 阅读 · 1 评论 -
修改文件的input框的默认历史记录的样式
-webkit-box-shadow: 0 0 0px 1000px #0b204c inset !important;/设置历史记录的背景颜色/background-color: #0b204c !important;background-image: none !important;/* border-radius: 50%; */-webkit-text-fill-color: #f...原创 2020-04-29 19:27:32 · 924 阅读 · 0 评论 -
vue webpack之vue-router 使用history模式报错Cannot GET /xxx
报错原因:找不到页面资源解决办法:在webpack.config.js中的devServer内添加属性historyApiFallback代码如下historyApiFallback: { index: '/index.html'//该路径为打包后的首页路径及dist目录下的index.html页面 },...原创 2019-11-29 18:04:42 · 1021 阅读 · 0 评论 -
vue插槽slot
默认插槽slot: 就是没有名字(name)的插槽代码如下, import Vue from 'vue' const comn={ template:` <div :style='style'> <div> <slot></slot> ...原创 2019-11-29 09:40:53 · 107 阅读 · 0 评论 -
vue 之extends的使用方法总结
vue extends 和extend的使用方法总结作用:都是扩展vue组件时使用通过外部增加对象的形式,对构造器进行扩展。由于它接收的参数是简单的选项对象或构造函数,所以extends只能单次扩展一个组件。import Vue from 'vue'const comp={//声明第一个对象comp props:{ active:Boolean, propOne:Str...原创 2019-11-28 16:55:40 · 10435 阅读 · 0 评论 -
webpack打包成功后页面报错如下,该如何解决
错误如下解决办法,webpack配置文件加上如下代码即可resolve:{ alias:{ 'vue':path.join(__dirname,'../node_modules/vue/dist/vue.esm.js') }},将以上代码放置在output后即可...原创 2019-11-26 16:04:05 · 569 阅读 · 0 评论 -
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584 异常
vue+webpack+nodejs打包报错Vue internal/modules/cjs/loader.js:584报错原因:路径问题,package.json 的webpack打包路径不正确解决办法:将路径指定到正确的webpack.config.js文件即可修改如下位置的代码即可只要路径指向正确就不会报这个错...原创 2019-11-26 09:48:00 · 1505 阅读 · 0 评论 -
webpack配置
单独原创 2019-11-20 15:41:13 · 164 阅读 · 0 评论 -
webpack4.+ 打包的坑
1.问题描述:运行npm run build 报错解决办法:在webpack.config.js 中添加代码配置项const VueLoaderPlugin = require(‘vue-loader/lib/plugin’);找到 plugins 配置项,在其内部实例化上边的函数new VueLoaderPlugin(),然后重新打包即可...原创 2019-11-11 09:55:25 · 280 阅读 · 0 评论 -
webpack打包报错的解决办法
报错信息如下图解决办法在webpack的配置文件中添加target属性代码如下图原创 2019-11-08 17:24:37 · 600 阅读 · 0 评论 -
vue树组件 节点数据超过一万条的处理方式
一次性渲将数据整合成组件树所需的格式并完成渲染考虑到for循环多层嵌套的执行效率过低,所以现在从节点的最里层开始一层一层向外赋值这样可以避免循环嵌套超过三层,执行速度也不会很慢 。下面是js 代码 (项目使用的是vue框架) appRequest.getAllTree(paramss,header).then(data => {//请求获取所有节点 _this.ztree=...原创 2019-11-05 14:32:49 · 3906 阅读 · 0 评论 -
for循环多层嵌套运行时间过长的解决方法
for循环数据量少的时候,多层嵌套对代码的运行影响不大,当数据量达到数万条时多层嵌套的运行时间就会特别长,例如从后台获取到两万条数据,要求将这些数据整理成一个多层5层以上的嵌套对象中。数据结构如下data=[ { "id":"86", "label":"21", "isLast":false, "level":0, "parentId":"0", "children"...原创 2019-11-05 14:05:59 · 3360 阅读 · 0 评论 -
vueRouter总结
使用js实现路由跳转页面的方式及参数的传递和接收1.使用this.$router.push方法跳转query传参_this.$router.push({ //核心语句 path:'/index', //跳转的路径 query:{//路由传参时push和query搭配使用 ,作用是传递参数 admin: response.data.result.nickname, ...原创 2019-10-23 11:32:32 · 92 阅读 · 0 评论 -
es6-promise
promise:Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject(失败后的返回结果)、resolve(成功后的返回结果)这几个方法,原型上有then(promise执行完成后去执行的回调函数)和catch(用来捕获promise异常的方法)方法。promise实例化一般需要写在函数中来实现,因为promise在实例化的同时就会执行一次,写在方法内,可...原创 2019-10-23 10:02:59 · 109 阅读 · 0 评论