- 博客(29)
- 收藏
- 关注
RSS订阅转载 async、await详解
上面这段代码async中使await 摇色子()先执行，等到三秒后执行完再把得到的结果赋值给左边的n，也就是说test函数需要三秒钟才执行完成，所以test函数是异步的，因此前面必须写async？async/await是对Promise的优化:async/await是基于Promise的，是进一步的一种优化，不过在写代码时，Promise本身的API出现得很少，很接近同步代码的写法；await 等待的是一个Promise对象，后面必须跟一个Promise对象，但是不必写then()，直接就可以得到返回值。
2023-03-10 14:27:42
637
原创 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
201
原创 flv.js报错 的解决方案
flv.js加载视频墙切换时报错如下分析原因：切换显示时报错例如：从图1切换到图2时，前四个视频流已经加载过一次，切换时，视频资源会二次加载 图1 图2解决方案：如下export default { data () { return { videoshow:4,//屏幕可显示的视频数量（1，
2021-11-12 17:53:17
3694
原创 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
557
原创 es6笔记 对象扩展方法 合并对象
对象扩展方法对象合并assignObject.assign({},{a:1},{b:2}...)//{}将花括号后边的对象里的属性值合并到花括号对象中is（）比较两个值是否严格相等Object.is(NaN,NaN)//trueNaN===NaN//false
2021-11-05 15:59:30
91
原创 百度地图初始化中心偏移的解决办法及问题原因分析
1.原因分析百度地图加载时页面标签的宽高都还没有加载完成，地图的标签宽高都是0，所以地图的中心会移到div的左上角2 解决办法推迟初始化地图的时间<script>import BMap from 'BMap' export default { components: { }, mounted() { setTimeout(() => { this.baiduMap() }, 100) }, m
2021-07-26 16:36:00
1355
原创 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
1713
原创 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
1378
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
926
原创 git 使用总结
Git原理git使用的是一种分布式的版本控制结构，通过记录文件快照来实现。运行前配置用户信息（必须）参数 说明 文件目录git config --system 对应系统的所有用户的配置 /etc/gitconfig文件git config --global 用户目录下的配置 ~/.gitconfiggit config 当前git目录的配置 .git config --global...
2019-12-26 17:11:46
125
原创 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
1023
原创 vue插槽slot
默认插槽slot: 就是没有名字（name）的插槽代码如下, import Vue from 'vue' const comn={ template:` <div :style='style'> <div> <slot></slot> ...
2019-11-29 09:40:53
108
原创 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
10459
原创 webpack打包成功后页面报错如下，该如何解决
错误如下解决办法，webpack配置文件加上如下代码即可resolve:{ alias:{ 'vue':path.join(__dirname,'../node_modules/vue/dist/vue.esm.js') }},将以上代码放置在output后即可...
2019-11-26 16:04:05
575
原创 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
1509
原创 vue+webpack 执行npm run dev后访问首页显示目录结构的原因
vue+webpack 执行npm run dev后访问首页时，显示的是目录结构如下图这是因为缺少了两个plugin配置项添加代码如下（必须提前安装html-webpack-plugin插件）const HTMLPlugin = require('html-webpack-plugin')//引入html-webpack-pluginconst webpack = require(...
2019-11-22 18:09:22
1597
1
原创 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
原创 vue树组件 节点数据超过一万条的处理方式
一次性渲将数据整合成组件树所需的格式并完成渲染考虑到for循环多层嵌套的执行效率过低，所以现在从节点的最里层开始一层一层向外赋值这样可以避免循环嵌套超过三层，执行速度也不会很慢 。下面是js 代码 （项目使用的是vue框架） appRequest.getAllTree(paramss,header).then(data => {//请求获取所有节点 _this.ztree=...
2019-11-05 14:32:49
3912
原创 for循环多层嵌套运行时间过长的解决方法
for循环数据量少的时候，多层嵌套对代码的运行影响不大，当数据量达到数万条时多层嵌套的运行时间就会特别长，例如从后台获取到两万条数据，要求将这些数据整理成一个多层5层以上的嵌套对象中。数据结构如下data=[ { "id":"86", "label":"21", "isLast":false, "level":0, "parentId":"0", "children"...
2019-11-05 14:05:59
3366
原创 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
原创 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
95
原创 es6-promise
promise:Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject（失败后的返回结果）、resolve（成功后的返回结果）这几个方法，原型上有then（promise执行完成后去执行的回调函数）和catch（用来捕获promise异常的方法）方法。promise实例化一般需要写在函数中来实现，因为promise在实例化的同时就会执行一次，写在方法内，可...
2019-10-23 10:02:59
114
原创 echarts折线统计图示例
双Y轴折线统计图html基础示例页面效果源码参考 https://pan.baidu.com/s/1wQHStOc5Kf9fIxwaXM2-Qg提取码 2aqd
2019-10-17 09:24:38
977
原创 rem布局时html标签的文字大小该如何设置
当设计稿宽度为750时 html {font-size:13.33333vw; height: 100% }当设计稿宽度为1920时html {font-size:5.209vw; height: 100% }如上设置时页面中1rem就等于100px
2019-10-15 14:20:29
825
原创 vue-cli封装get put delete post 请求（参数中带header）
需要注意请求参数header的传参方式略有不同import axios from 'axios'const service = { /** * @desc GET 请求 * @param {String} url 请求地址 * @param {Object} params 请求参数 */ get (url, params,headers)...
2019-10-15 13:59:00
2762
3
原创 vue加载flv格式的视频遇到的bug，及解决方法
vue加载flv格式的视频遇到的问题描述第一次打开时报错```javascript```javascript```javascriptimport flvjs from "flv.js"; if (flvjs.isSupported()) { let videoElement = document.getElementById('videoElement'); ...
2019-10-15 10:52:08
4871
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人