·半傻半呆半疯癫-CSDN博客

原创关于vscode超级炫酷的 Power Mode 插件的使用方法（适合新手观看）

关于 Power Mode 的使用（针对于vscode）1.先在vscode中安装 Power Mode插件2.vscode左下角打开设置3.在设置中搜索 settings.json4.点击 “在 settings.json 中编辑” ，然后将以下代码复制粘贴进去，再选择你想要的效果样式解除注释（ctrl + /）即可，不懂的看注释，我都有写注意：效果样式只能存在一个，要哪个...

2019-09-04 21:04:16 26773 15

原创 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 2964

原创 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 584

彩票遗漏条效果思路在创建列表的时候，将中的那个号码"标记"，我用了自定义属性（status=true:代表中的，如上图），这里看起来是横着来，但其实循环每一行后，控制每行的第几个就实现了循环每一列的效果。具体代码如下：// 计算遗漏条export const missingArticle = function (eleDots: any, index: number) { for (let i = 0; i <= eleDots.length; i++) {

2021-09-07 16:01:21 415

原创前端 JS实现彩票开奖走势图连线

之前做过一个用canvas实现的走势图效果，这次直接用JS实现吧。(在vue3 + TS的项目中实现的)一、渲染页面的时候把需要连线的点加上“标记”类名二、找出所有的“标记”类名这里要注意，DOM节点没渲染完成是会拿到空的 let eleDots = document.querySelectorAll(".lableNum");三、创建连线（画线方法）这里要注意，创建出来的 i 标签的样式不要写在带有 scoped 的style里

2021-08-05 10:56:58 3811 7

原创 Excel 神操作，利用公式对比两个不同的表，替换内容（保姆级教程）

Excel表公式的使用场景：现在有两份Excel表，A表和B表（国际化翻译的表）。A表和B表是对应关系，A表中的第一列在B表中有相同的（如下图），需要将B表的翻译内容替换到A表中（B表有则替换，没有则继续用A表的翻译内容）A表B表（内容顺序无需一致）第一步打开A表(如下图)...

2021-03-24 18:48:38 7793

原创 vue中的动态类名及动态样式设置 :class / :style

以下是个人在项目中使用过的关于在Vue中的动态类名和动态样式的设置方法的整理记录，如果有更好的方法也欢迎留言添加

2021-03-12 19:11:03 11160 3

原创 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 820 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 398

原创移动端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 7248

转载转载CSDN博客步骤

在参考“如何快速转载CSDN中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载CSDN博客步骤和一些知识小笔记。参考博客原址：http://blog.csdn.net/bolu1234/article/details/51867099 转载CSDN博客步骤： 1.CSDN博客页面右键，点击【检查】点击检查后，页面右侧出现html代码，如下图 2.如果需要转载全文，则在html代码下侧点击选中articl...

2020-10-29 15:55:00 73

原创前端彩票开奖走势图的实现

彩票开奖走势图的实现页面结构js 部分效果图做的是移动端的VUE + Vant。走势图每一条线都是一个canvas实现的页面结构部分参数我用“***”打个码，这里tbody动态创建，<table id="zstable"> <thead> <tr> <th

2020-09-27 13:35:27 3760 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 5205 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 2647 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 671

weixin_45461674的博客