- 博客(16)
- 收藏
- 关注
RSS订阅
原创 关于vscode超级炫酷的 Power Mode 插件的使用方法（适合新手观看）
关于 Power Mode 的使用（针对于vscode）1.先在vscode中安装 Power Mode插件2.vscode左下角打开设置3.在设置中搜索 settings.json4.点击 “在 settings.json 中编辑” ，然后将以下代码复制粘贴进去，再选择你想要的效果样式解除注释（ctrl + /）即可，不懂的看注释，我都有写注意：效果样式只能存在一个，要哪个...
2019-09-04 21:04:16
28735
16
原创 vant 修改 Field 输入框 placeholder 样式
/deep/ 关键点是这个/deep/ input { ::placeholder { color: var(--mcFontColor2) !important; } ::-webkit-input-placeholder { color: var(--mcFontColor2) !important; } ::-moz
2021-12-20 16:36:46
3163
原创 H5 判断横竖屏
Ctrl C 、 Ctrl V => OK我这边是直接在App.vue文件中做的。 <!-- 选择禁止横屏或竖屏显示--> <div id="orientLayer" class="mod-orient-layer" v-if="!data.portrait"> <div class="mod-orient-layer__content"> <i class="icon
2021-09-30 22:46:17
640
原创 前端JS实现彩票遗漏条效果
彩票遗漏条效果思路在创建列表的时候，将中的那个号码"标记"，我用了自定义属性（status=true:代表中的，如上图），这里看起来是横着来，但其实循环每一行后，控制每行的 第几个 就实现了循环每一列的效果。具体代码如下：// 计算遗漏条export const missingArticle = function (eleDots: any, index: number) { for (let i = 0; i <= eleDots.length; i++) {
2021-09-07 16:01:21
505
原创 前端 JS实现彩票开奖走势图 连线
之前做过一个用canvas实现的走势图效果，这次直接用JS实现吧。(在vue3 + TS的项目中实现的)一、渲染页面的时候把需要连线的点加上“标记”类名二、找出所有的“标记”类名这里要注意，DOM节点没渲染完成是会拿到空的 let eleDots = document.querySelectorAll(".lableNum");三、创建连线（画线方法）这里要注意，创建出来的 i 标签的样式不要写在带有 scoped 的style里
2021-08-05 10:56:58
4520
7
原创 Excel 神操作，利用公式对比两个不同的表，替换内容（保姆级教程）
Excel表 公式的使用场景：现在有两份Excel表，A表和B表（国际化翻译的表）。A表和B表是对应关系，A表中的第一列在B表中有相同的（如下图），需要将B表的翻译内容替换到A表中（B表有则替换，没有则继续用A表的翻译内容）A表B表（内容顺序无需一致）第一步打开A表(如下图)...
2021-03-24 18:48:38
11150
原创 vue中的动态类名及动态样式设置 :class / :style
以下是个人在项目中使用过的关于在Vue中的动态类名和动态样式的设置方法的整理记录，如果有更好的方法也欢迎留言添加
2021-03-12 19:11:03
11788
4
原创 vue项目中使用 lottie-web 实现tab栏点击动效
产品新需求 — tab栏点击的时候添加动态效果，UI设计师给了几个json文件，说，app 那边可以用json做动画，你们H5能不能，然后给我发了个网址，网上查了下，要用LottieLottie介绍Lottie是一个用于Android，iOS，Web和Windows的库，用于解析使用Bodymovin导出为json的Adobe After Effects动画，并在移动设备和网络上呈现它们！一、安装 Lottienpm install lottie-web二、引入import lottie
2021-01-16 14:34:14
926
5
原创 VUE中使用RSA加密
一、安装npm install jsencrypt --save二、在main.js中引用依赖// 导入RSA加密import JSEncrypt from 'jsencrypt';Vue.prototype.$getRsaCode = function(str) { // 注册方法 let pubKey = `M---引入公钥`; // ES6 模板字符串 引用 rsa 公钥 let encryptStr = new JSEncrypt(); encryptS
2020-12-16 16:07:23
483
原创 移动端HTML5＜video＞ 浏览器劫持视频播放 视频激活播放后强制全屏 视频无法被其他元素覆盖
浏览器劫持视频播放、视频无法被其他元素覆盖Html5 video 多媒体标签<video id="loginVideo" muted autoplay loop :src="require('./assets/login.mp4')"></video>登录页加入视频作为背景，加入了video标签，设置定位，层级，谷歌浏览器调试完美展示，由于做的是H5网页，移至手机上查看（红米A8）。手机端
2020-11-21 16:23:50
8516
转载 转载优快云博客步骤
在参考“如何快速转载优快云中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载优快云博客步骤和一些知识小笔记。 参考博客原址：http://blog.youkuaiyun.com/bolu1234/article/details/51867099 转载优快云博客步骤： 1.优快云博客页面右键，点击【检查】 点击检查后，页面右侧出现html代码，如下图 2.如果需要转载全文，则在html代码下侧点击选中articl...
2020-10-29 15:55:00
89
原创 前端 彩票开奖走势图的实现
彩票开奖走势图的实现页面结构js 部分效果图做的是移动端的VUE + Vant。走势图每一条线都是一个canvas实现的页面结构部分参数我用“***”打个码，这里tbody动态创建，<table id="zstable"> <thead> <tr> <th
2020-09-27 13:35:27
4264
9
原创 vue+element-ui项目中 使用富文本编辑器
vue+element-ui项目中 使用富文本编辑器在项目中下载安装npm install vue-quill-editor --save在项目中引入(我这里是在main.js中全局引用了)// 引入富文本组件import QuillEditor from 'vue-quill-editor'// 引入富文本组件样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/
2020-09-16 15:01:12
5571
10
原创 Vue中获取v-if、v-show div高度
Vue中获取v-if、v-show div高度在页面渲染完成后获取v-if出来的元素高度时发现一直打印出来的结果都时 0，后面查了好多资料，发现了this.$nextTick() 函数，但还是获取不到，后面我设置了一点点的延迟后发现获取到了 o(￣▽￣)ブ...
2020-07-14 15:00:03
2813
1
原创 obj2str 将数据转换为字符串
obj2str 将数据转换为字符串// 将数据转换为字符串function obj2str(obj){var result = “”;for(var key in obj){result += “$” + key + “=” + obj[key];}// 切除掉第一个不需要的 $ 符号result = result.slice(1);return result;}...
2019-09-04 20:43:33
737
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人