- 博客(43)
- 收藏
- 关注
RSS订阅
原创 es6知识点更新
es6知识点更新与拓展提示：此文章只是作者对一些自我感觉有趣的es6文章知识点的摘要；会一直持续更新。提示：本文章仅供参考，有不足之处不吝赐教。欢迎留言探讨文章目录es6知识点更新与拓展前言正文内容一、更新于2021.02.081.变量的解构赋值知识点1：知识点2：总结前言感谢《ECMAScript 6 入门》作者：阮一峰《ECMAScript 6 入门》链接为：https://es6.ruanyifeng.com/#docs/destructuring正文内容一、更新于202
2021-02-08 14:18:06
150
转载 【修复BUG】vue项目如何控制页面只能在浏览器打开一个窗口，多个窗口时关闭当前新开的窗口
7.这一步是上线以后发现的问题，当用户打开页面的时候，直接点击关机，这个时候，页面的销毁函数不会执行，缓存也不会被清除，所以isOpen就会在开机的之后，一直存在，陷入打不开页面的循环，所以我们可以先清除一遍，如果有存在的页面，那么会一直储存isopen，如果清除之后，没有isopen，那就说明当前没有多余的页面，就刷新一下当前页面，不做关闭操作。4.刷新储存的属性需要删除掉，不然新开第二个窗口的时候，里面也会同时有reload和isopen,这样你新开的窗口就会是刷新的判断，就不会被关闭。
2023-12-29 14:59:41
370
原创 灵感：VUE2实现权限按钮控制
/ S 自定义按钮权限let hasPermission = false // 默认初始权限为空})if (!}, 0)})// E 自定义按钮权限在上面的代码中，1、每次进入页面，会拿到该页面有哪些按钮标识码2、遍历按钮标识列表；3、如果按钮标识列表与页面按钮标识码存在一致；则显示该按钮。
2023-10-18 15:39:12
323
原创 Spine Web Player教程
官方文档教程：http://zh.esotericsoftware.com/spine-player#Exporting-for-the-player报错：1、Q:报Animation bounds are invalid XX错误？ A:请校对cdn或者npm install的版本号是否与json资源内版本号一致。...
2023-09-28 16:23:51
357
原创 swiper轮播嵌入视频
swiper轮播嵌入视频：效果：正常swiper自动播放；子元素swiper-slide有个别带有视频，并且默认初始化为不播放状态。效果1：在视频未播放状态，用户点击视频，视频会进行播放；此时，swiper会停止自动轮播；效果2：在视频播放状态，用户点击视频，视频会进行停止播放；此时，swiper会自动轮播并切换到下一屏；效果3：视频播放结束，轮播会重新开始自动轮播；...
2022-06-28 14:56:53
2317
原创 解决z-index，导致高层级div的鼠标事件无效
需求：这2块元素都有鼠标移入事件；当经过两块元素交集处，则层级高德移入事件会被层级低的移入事件覆盖；导致，层级高的移入事件无效；期望：层级高的鼠标移入事件等级高于层级低的鼠标移入事件；做法：为被遮挡元素上层使用z-index属性的元素添加以下样式：pointer-events: none;...
2021-04-10 17:34:59
811
转载 js中如何判断对象中是否存在此参数
var obj = { a: 1, b: 2, c: 3 } console.log(obj.hasOwnProperty('a')); // true 因为当前定义对象中含有此参数, 故返回值为 true————————————————版权声明：本文为CSDN博主「李大玄」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://
2021-03-16 14:30:51
1440
原创 uniapp的uni.setStorage存储数组对象
uniapp的uni.setStorage存储数组对象前言：由于业务需求和自身对代码的要求，所以，提出本地存储不为单一字符串，而是对象存储。提示：本文章仅供参考，有不足之处不吝赐教。欢迎留言探讨原理：在uniapp API说明下，进行对键值对代码存储的优化单一key值，存储一个JSON.stringify 序列化的对象（简称：json对象）常规写法：//存储字符串uni.setStorage({ 'storage_key_AA': 'aa' });uni.setStorage({ 'sto
2021-02-23 17:41:25
18381
转载 webstorm和git安装后，terminal输入git命令，提示‘git‘ 不是内部或外部命令
webstorm和git安装后，terminal输入git命令，提示’git’ 不是内部或外部命令最近换了工作，拿到电脑重新搭建编程环境，踩了好多git和sourcetree的坑，就是一直拉不下来代码，晕·~~经过几天的爬坑，终于可以拉取推送代码了！！！问题：webstorm和git都安装完成，git命令在git bach中执行正常，但是在webstorm终端控制台中，输入git命令，一直报错...
2021-02-10 15:27:52
500
原创 使用vue获取数据时，共有7条数据，但是我只需要前两条，怎么处理
https://bbs.csdn.net/topics/392289820?page=1<ul id="example"> <li v-for="(item, index) in items" v-if='index<2'> {{ index }} - {{ item.message }} </li></ul>
2021-02-10 15:27:13
4634
2
原创 判断某变量是否为undefined（简洁版）
简洁版的JS判断变量是否为undefinedjs判断变量是否为undefined有许多方法，此文章提到的是作者因为代码优化而考虑后，选择运用的方法提示：本文章仅供参考，有不足之处不吝赐教。欢迎留言探讨原理：运用三元运算方法，简化变量判断判断id是否为undefined；是的话，则this.nickname=‘’；否则，this.model.nickname = id。常规写法：if (id == 'undefined') { this.nickname=''}else { this.
2021-02-07 18:32:51
2608
转载 git中Please enter a commit message to explain why this merge is necessary.
git中Please enter a commit message to explain why this merge is necessary.Please enter a commit message to explain why this merge is necessary.请输入提交消息来解释为什么这种合并是必要的git 在pull或者合并分支的时候有时会遇到这个界面。可以不管(直接下面3,4步)，如果要输入解释的话就需要:1.按键盘字母 i 进入insert模式2.修改最
2021-02-02 16:27:50
107
原创 uni-app 物理返回键、右滑操作跳转到 指定页面
一、需求：uni-app物理返回键需跳转指定页面，而不是上一页。二、相关文档：uni-app页面生命周期uni-app支持如下页面生命周期函数：函数名 说明 平台差异说明 最低版本 onBackPress 监听页面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示来源是左上角返回按钮或 android 返回键；navigateBack表示来源是 uni.navigateBack ；...
2021-01-06 16:27:04
3565
原创 function(event)中的event详解
一、function(event)中的event是什么？event对象是个形式参数，代表事件的状态；比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。关于event对象在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到(IE暂且不谈),或者想阻止浏览器的默认行为可以通过方法preventDefault()来进行阻止.以下是event对象的一些属性和方法属性描
2021-01-06 15:26:57
4281
转载 vue图片懒加载
https://blog.csdn.net/u012500054/article/details/106521621?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.chann
2020-11-16 22:47:08
92
转载 webstorm中nodejs代码提示
参考链接：https://blog.csdn.net/thatway_wp/article/details/79321232
2020-09-08 09:38:05
363
转载 idea修改git的账号跟密码错误并且提示 Authentication failed for ‘https://gitee.com/xxxx21234/get_rich/‘【转发】
在第一次输入git的账号跟密码以后，idea并不会在自动跳出账号密码框要你重新输入，而是一直提示你Clone failed: Authentication failed for ‘https://gitee.com/xxxx21234/get_rich/’解决办法：电脑进入到控制面板\用户帐户\凭据管理器点击删除然后再次打开idea 的git设置即可再次提示你输入账号跟密码原文链接：https://blog.csdn.net/weixin_38289196/article/details/
2020-08-13 10:16:15
417
转载 transform使用导致元素内字体出现模糊的坑~~~
https://www.cnblogs.com/milo-wjh/p/6364138.html
2020-05-25 16:39:56
266
原创 SCRIPT1002: 语法错误 app.js (9038,3)
前言：vue项目在ie和360ie模式下报错尝试：/***网上没有详细步骤：因此百度了一大堆解决方法，以下是能够解决此问题的步骤*/ 1.兼容IE9/IE10可能会遇到语法或者 Promise错误，安装 babel-polyfill npm install babel-polyfill 2.在页面入口配置main.js中引入 babel-polyfill im...
2019-07-25 10:16:36
8416
原创 vue.js 前端分页原理
1，后台传给前端数据如下：current_page:表示当前页；data：表示数组数据；last_page:表示最后一页；per_page:表示当前页最多展示15条数据；total:表示目前总数居；2，前端请求下一页：原理：点击下一页按钮，在原有的基础上，加多传递一个【下一页】参数给后台，数据再次更新即可。第一次展示的页面created () { // 【改善提案】设置...
2019-07-10 15:12:36
588
转载 后台值传给vue element Cascader 级联选择器
html<el-cascader :options="valueBatch"//选择框的值 v-model="selectedOptions" filterable change-on-select></el-cascader>获取后台data并赋值batch().then(res =>{ //console.log(res.data)...
2019-07-10 14:48:03
1398
转载 使用vue-router的router-link传递参数（params,query）
使用router-link两种方式传递参数（params,query）<!-- father.vue --><template> <div> // 路由 <div> <router-link :to="{path:'/page1',query:{username}}">pag...
2019-07-02 11:55:26
4089
原创 vue中引入wangEditor富文本编辑器
vue中引入wangEditor富文本编辑器一. 结果图：二.步骤图（主页面【组件】内容）：1,先加载wangEditor编辑框加载进你的项目里使用的npm安装 npm install wangeditor --save2.html代码：<div class='clearfix'> <!-- 标题 --> <input type=...
2019-06-05 10:54:56
17367
7
转载 Vue刷新token，判断token是否过期、失效的最简便的方法
看了许多小伙伴分享的刷新token和判断token是否失效的方法，个人感觉有些难懂和不够简便。现结合个人开发实践分享一下使用vue axios请求拦截的方法来刷新token和判断token是否过期、失效的方法。刷新token和token是否过期的操作都是由后端实现，前端只负责根据code的不同状态来做不同的操作：一、判断token是否过期、失效举例：一般响应状态码 code :0，表示请求成...
2019-05-28 15:01:10
5468
原创 判断某个数据为空失效
前言：楼主做项目，判断token是否为空，为空则跳回登录页。但是失效了。无论token是否为空，都判断token不为空，代码如下： if (token === 'null' || token === ' ') { console.log('失败：' + token) next('/') } else { console.log('成功！' + tok...
2019-05-28 11:13:52
242
1
转载 vue点击放大图片功能实现【超简单！】
实现步骤：1.下载Viewer组件 npm install v-viewer --save2.在图片显示的页面引用 viewer组件（一个js文件，一个css样式文件） import Viewer from "@/assets/js/viewer.min.js"; import '@/assets/css/viewer.min.css';3.再需要点击图片的标签添加点击事件...
2019-05-27 16:46:24
17897
10
原创 echart在vue.js中自适应（超级无敌简单！）
this.chart.setOption(optionData) window.onresize = this.chart.resize // 加这行代码，没错！黄色框的内容必须加在setOption下面！！！！！
2019-05-27 10:50:21
3118
2
原创 移动端弹出弹出层之后，禁止页面及页面底部滑动
js写法// 弹出层展开$(‘点击按钮’).on(‘click’, function () {$(‘弹出层’).on(“touchmove”, function (e) {e.preventDefault();})})// 弹出层关闭$(‘点击按钮’).on(‘click’, function () {$(‘弹出层’).on(“touchmove”, function (e) {...
2019-03-13 14:06:48
879
原创 前端切图步骤图
一、使用Photoshop打开设计稿，一般是psd文件。（图1）图1二、当有参考线时，先按ctrl+H隐藏参考线。（图2）图2三、先思考哪些需要切成png格式图片，哪些需要切成jpg格式。（图3-1、图3-2）ps：图3-1、图3-2圈出的是需要切成png格式的区域，一般png都是一些小图标，或者带透明度的图片图3-1图3-2四、隐藏图层，便于切出png格式图片1，步骤1：（...
2019-01-18 16:30:09
9943
1
转载 【小程序】tabbar用法
tabBar 指底部的 导航配置属性color 未选择时 底部导航文字的颜色selectedColor 选择时 底部导航文字的颜色borderStyle 底部导航边框的样色（注意 这里如果没有写入样式 会导致 导航框上边框会出现默认的浅灰色线条）list 导航配置数组selectedIconPath 选中时 图标路径iconPath 未选择时 图标路径pagePath 页...
2019-01-18 10:54:35
3099
原创 ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/
原因路径出错，引入正确路径即可
2019-01-17 15:29:58
40345
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人