- 博客(9)
- 收藏
- 关注
原创 js异步async/await与Promise的理解整理
Promise是什么?主要用于异步计算可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果可以在对象之间传递和操作promise,帮助我们处理队列有三种状态:初始(pending),成功(fulfilled),失败(rejected)new Promise( function (resolve, reject) { // 一段耗时的异步操作 resolve('成功') // 数据处理完成 // reject('失败') // 数据处理出错 }).the
2020-07-11 17:21:05
465
原创 整理js中var、let、const的区别
(1)var是ES5提出的,let和const是ES6提出的(2)var不存在块级作用域。let和const存在块级作用域。let和const只在当前作用域有效if(true){ var a = 1; let b = 2; const c = 3;}console.log(a); //1console.log(b); //报错:b is not definedconsole.log(c); //报错:c is not defined(3)var允许重复声明变量。let和const
2020-07-09 18:10:51
172
原创 uniapp npm引入第三方插件
如果只是创建了基础模板,根目录下没有package.json文件的话,可以自己创建一个package.json文件安装依赖,引入以下代码{ "dependencies": { "vue": "^2.5.10", "vue-i18n": "^7.8.0" }, "devDependencies": { "@vue/cli-service": "^3.0.1", "compression-webpack-plugin": "^3.1.0", "vue-template-compile
2020-05-22 16:40:56
4136
原创 数组对象去重方法
var array = [{ id: '1', value: '张一一'},{ id: '2', value: '张尔耳'},{ id: '1', value: '曾一一'},{ id: '3', value: '张三三'}]判断是否存在相同的idvar result = [];var obj = {};for(var i=0; i < array.length; i++){ if(!obj[array[i].id]){ result.push
2020-05-14 17:24:45
211
原创 数组去重方法集合
遍历数组法setArray(array){ var newArr = []; for(var i=0; i<array.length; i++){ for(var j=i+1; j<array.length; j++){ if(array[i] === array[j]) j= ++i; newArr.push(array[i]); } } return newArr;}es6 实现数组去重代码量最少 setArray(array){ retur
2020-05-14 15:51:20
146
原创 vue连接MQTT即时通讯
创建组件Mqttws在index.jsdata () { return { reconnectTimeout: 2000, mqtt: {}, msg:"",};mounted(){ this.MQTTconnect();}, methods: { addtopic(msg) { this.m...
2020-03-25 16:16:09
2138
原创 vue 移动端与PC端的响应式布局整理
根据网上整理较为方便的rem实现方法移动端在index.html里直接添加js,设置全局默认字体大小,8px=0.16rem<script>fnResize();window.onresize = function () { fnResize();}function fnResize() { var deviceWidth = document.documentEle...
2019-12-04 10:11:59
4014
原创 vue ---音符跳动
利用echarts可以方便实现,(使用canvans标签,图表会模糊,id应放在canvans 父级标签;使用div则清晰)HTML**script**import echarts from "echarts";data(){ return { dataDevice: [], //x deviceAudio: [], //y }},mounted(){ ...
2019-12-03 10:02:46
930
原创 vue--点击全屏
HTML<button @click=“allFull” class=“full”>{{this.fullscreen? ‘全屏’: ‘全屏’}}scriptdata(){return{fullscreen: false}}methods: {allFull(){var element = document.getElementsByClassName(‘full’...
2019-12-03 09:49:25
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人