前端
乌云和闪电在雨天里重逢
这个作者很懒,什么都没留下…
展开
-
npm install丢包 启动项目报错
npm install丢包启动项目报错原创 2023-02-23 14:33:32 · 366 阅读 · 0 评论 -
为什么forEach循环无法被return continue打断
【代码】为什么forEach循环无法被return continue打断。原创 2022-08-30 17:15:23 · 166 阅读 · 0 评论 -
js获取数组最后一位元素的四种方法
一、 利用lengthlet arr=[1,2,3];arr[arr.length-1] //3二、 数组pop方法let arr=[1,2,3];arr.pop() //3删除数组的最后一位 并返回 会修改原数组三、 数组slice方法let arr=[1,2,3];arr.slice(-1) //[3]返回值为包含最后一位元素的新数组四、 数组at方法(ES2022新特性)let arr=[1,2,3];arr.at(-1) //3...原创 2022-03-18 17:40:14 · 15430 阅读 · 0 评论 -
drag拖拽事件 解决drop dragend无效问题
被拖拽元素<el-tag nativeOnDragstart={(e: DragEvent) => this.dragStart(e)} nativeOnDragend={() => console.log('拖拽结束')}></el-tag>注: 这里使用nativeOnDragstart是因为我再tsx中使用了elementui标签 常规vue可以使用@dragstart.native 不是element标签正常使用dragstart事件就可以. d原创 2022-03-11 16:01:21 · 3354 阅读 · 0 评论 -
highcharts去掉右上角和右下角
这里写自定义目录标题去掉右上角去掉右下角记录一下记录一下记录一下去掉右上角exporting: {enabled:false}去掉右下角credits: {enabled:false}记录一下记录一下记录一下原创 2021-06-22 15:10:34 · 381 阅读 · 2 评论 -
js判断移动端页面滚动方向
var startY = 0;var that = this; document.addEventListener("touchstart",function(e){ startY = e.changedTouches[0].pageY; },false); document.addEventListener("touchmove",function(e){ var endY = e.changedTouches[0].pageY; var changeVal = en原创 2020-08-27 12:05:57 · 357 阅读 · 0 评论 -
elementui从旧版本升级成新版本
1、npm uninstall element-ui2、npm i element-ui3 、找到main.js将theme-default 替换为theme-chalkimport 'element-ui/lib/theme-default/index.css’替换为import ‘element-ui/lib/theme-chalk/index.css’原创 2020-08-12 14:52:58 · 1335 阅读 · 0 评论 -
echarts在坐标线一端或两端加箭头
以下演示在横坐标线上加箭头xAxis:{ axisLine:{ lineStyle:{ color:'#7078FF', }, symbol:['none','arrow'],//箭头一端没效果,一端箭头 symbolSize:[7,10], symbolOffset:[0,8] }, },symbol值为’none’两端无箭头symbol值为[‘none’,‘a原创 2020-05-13 18:27:43 · 2445 阅读 · 0 评论 -
swiper写中间大两边小的轮播图
注:我是在vue项目中使用vue-awesome-swiper插件实现的 和swiper一样没有任何区别html:<swiper :options="swiperOption" > <swiper-slide></swiper-slide> <swiper-slide></swiper-slide> <s...原创 2020-01-21 16:28:27 · 4147 阅读 · 4 评论 -
在项目中使用rem自适应单位
// .js(function(doc,win){ let docEL = doc.documentElement let resize = 'orientationChange' in window?'orientationChange':'resize' docEL.style.fontSize = 20*docEL.clientWidth/640+'px' ...原创 2019-12-30 14:32:30 · 160 阅读 · 0 评论 -
小程序中使用函数动态定义标签类名
使用wxs模块动态定义类名1、使用wxs标签// wxml<text class="{{cm.style(status)}}">{{status==0?'审核中':status==1?'认证成功':status==2?'认证失败'}}</text><wxs module="cm"> var checkClass = function(status){...原创 2019-12-28 17:32:40 · 517 阅读 · 0 评论 -
在微信小程序中查看微信公众号
使用 official-account 标签实现小程序中点击查看微信公众号注意事项:1、需要小程序基础库版本2.3.0以上2、需前往小程序后台,在“设置”->“关注公众号”中设置要展示的公众号。注:设置的公众号需与小程序主体一致。3、场景值:(1)扫描二维码、扫描小程序码 (2)从聊天顶部场景打开wxml<official-account></offic...原创 2019-12-28 16:57:41 · 1026 阅读 · 0 评论 -
Vue中英文切换
Vue双语言切换一、下载依赖npm install vue-i18n –save二、文件目录assets├── lang├── ├──zh-CN.js├── ├──en.js//zh-CN.jsmodule.exports = { lang:{ helloworld:'你好世界' }}//en.jsmodule.exports = { ...原创 2019-11-04 16:02:03 · 218 阅读 · 0 评论 -
Vue生命周期简单真切解析
Vue生命周期简单真切解析<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src='node_modules/vue/dist/vue.js'></script...原创 2019-11-04 15:28:12 · 99 阅读 · 2 评论