
javascript
文章平均质量分 56
1024_Byte
你的双手拥有改变世界的力量
展开
-
OpenLayer监听zoom缩放事件显示不同业务图层
前言本身是想使用moveend事件来监听地图的缩放级别,但是初始化实例之后一直不能正常监听到缩放结束的变化。后再文档中查到change:resolution可以同样实现相同效果。因此以此文记录使用和实现方案。监听事件 mounted() { this.$map = this.$refs.baseMap.getMap() this.$map.getView().on('change:resolution', () => { if (this.$map.getView(原创 2021-12-08 14:26:36 · 4003 阅读 · 0 评论 -
Echarts实践:实现一个未来七天天气预报,图表轮播效果及插入svg或img图标
七天效果图轮播效果图轮播效果实现 <el-button class="button" icon="el-icon-arrow-left" @click="backChart"></el-button> <v-chart :options="echartsOption" ref="rainChart" autoresize style="width:90%;" /> <el-button class="button" ic...原创 2021-10-08 15:35:13 · 3211 阅读 · 1 评论 -
前端框架中常见的公共方法汇总(二):时间格式处理/数字格式处理
时间格式处理// 把时间的分秒值去掉export const formatTM = item => { if (item) { let newItem = item.replace(':00.0', '') if (newItem.indexOf('.') > 0) { newItem = newItem.substr(0, 16) } return newItem } else { return '' }}//原创 2021-09-18 11:47:00 · 333 阅读 · 0 评论 -
JavaScript中Promise 使用详解
Part 01 - Promise 概述Promise 一种更优的异步编程统一方案传统的异步编程如ajax:是通过回调函数来进行请求后的一系列执行。但是如果直接使用传统的回调的方式去完成复杂的异步流程,就无法避免大量的回调函数的嵌套。这样就容易发生回调地狱,导致代码卡顿回调地狱get('url',function(){ get2('url2',function(){ get3('url3',function(){ .原创 2021-09-06 00:28:44 · 1044 阅读 · 0 评论 -
js判断是否是手机访问网页
原理:原理有两个,第一:通过游览器(browser)判断是否是手机;第二:通过访问终端判断是否是手机(userAgent);但是通常考虑到兼容性,需要这两种原理同时使用;具体的实现如下: function checkBrowser(){ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion.原创 2021-09-03 15:50:56 · 1927 阅读 · 0 评论 -
JavaScript中异步编程的工作模式 --- 同步模式/异步模式||异步的EventLoop消息队列
aa原创 2021-09-01 06:19:52 · 216 阅读 · 0 评论 -
5分钟教你读懂JavaScript预编译和函数执行
JavaScript运行三部曲JavaScript在展示页面之前会提前进行编译,因此也称之为预编译,而预编译基本分为三部分 语法分析 ----(有没有基本的语法错误,例如中文,关键字错误...) 词法分析(预编译) 全局对象(global obkject)GO对象 局部对象(active obkject)AO对象 逐行解释执行JS预编译什么时候发生预编译到底什么时候发生? 误以为预编译仅仅发生在script内代码块执行前 这倒并没有...原创 2021-08-25 14:47:44 · 258 阅读 · 0 评论 -
前端框架中常见的公共方法汇总(一):防抖节流
一、为什么要用防抖和节流 在浏览器中,频繁的DOM操作或发送请求会非常占用内存资源,而实际开发场景中,、又不可避免的会遇到持续触发或重复触发的事件和方法。处理不当或者放任不管就容易引起浏览器卡死,如:input的change事件,滚动条scroll事件等等。因此需要降低事件被触发的频次,防止过多的回调函数占用浏览器内存。二、Vue中公共封装的防抖防抖:当不断触发高频事件后设置一个标识,通过标识来判断高频事件是否结束,如果未结束责支触发一次事件,并且在标识内高频事件再次被触发,则重新...原创 2021-07-20 09:53:14 · 488 阅读 · 3 评论