qitiandada-CSDN博客

原创 input框输入身份证时实现动态脱敏

输入时实现动态脱敏现有一需求在输入框内输入身份证的时候只保留前两位和后两位剩下的用 *代替也就是 12345678910 就会输入时动态呈现为 12********10思路在input框上面蒙上一个p标签里面用来记录“” * “” 的个数；动态计算出“”“ ** ”的数量addHidden(str,num){ return num==0?'': num >1 ? str += this.addHidden(str, --num) : '*';

2022-05-26 16:19:14 706

原创 vant 组件 ImagePreview 图片预览报错

前言vant的 ImagePreview 组件很好用直接传入图片数组，就可以实现预览。直到有一天忽然报错顺着报错的js去看了一下里面的this.parent 是 undefined解决把依赖包删掉 npm i 下载不要用 cnpm！，不要用cnpm！，不要用cnpm ！...

2021-08-04 14:02:25 1423 3

原创 vuex那点事

创建:一般在store中创建文件，并且在main.js中引入注册。main.js和router挂载的位置一样，都在vue的实例中import stroe from ‘stroe的文件位置’new Vue（{ store }）stroe中的index.js如果数据量比较少，就可以直接在这里写数据以及方法。`export default new vuex.stroe({ state:{在这里写需要共享额数据},getters{在这里写计算属性，接收state数据 retu

2021-05-31 10:55:47 188

原创 Echarts柱状图的tooltip显示不同条数据

Echarts柱状图的tooltip显示不同条数据因为需求需要hover每一个柱状图的时候显示不同条数据第一个柱状图需要获取这些数据而第二个就是这样每一个数据都不相同这样就比较难受，所以需要监听到每一次鼠标到达的柱状图，然后进行相应的操作。监听这块在思否上找到一位大佬的方式tooltip : { trigger: 'axis', axisPointer: { type: "cross", label: { format

2021-04-20 09:25:40 2467

原创利用CSS让图片围绕中心旋转

起因：需要一个刷新按钮，一点击就自己旋转一圈，刚开始是想到做一个GIF图，点击图片后就换图片路径。今天创建react脚手架的时候，看到了react的LOGO在自己动，就看了看他的css。代码：@keyframes App-logo-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@media (prefers-reduced-motion: no-prefere

2020-12-10 15:09:06 4665 2

原创用ThreeJS控制stl模型的透明度

利用ThreeJs加载stl文件我选择用这个js来渲染stl文件渲染方法如下：其中的 material是来控制模型的透明度，颜色的对象。那么如何通过点击按钮来控制模型的透明度如果你用的是Vue，完全可以给 opacity一个变量，利用Vue的双向数据绑定来随意变化透明度的值（取值范围为0~1）原生的话则需要通过改变对象内的属性值其中的 id就是对象名，可以绑定一个点击事件通过点击来改变他们的透明度。到此为止可以基本实现模型的透明度控制，但是会发现如果同时加载多个stl文件的话，如

2020-09-10 17:25:38 2763

原创 vant组件中 dialog的确认按钮的回调事件

不知道是不是我理解有问题，看了vant的组件库，他的文档是这样说的然后我就绑定了事件：confirm结果他的触发机制是：加载页面时会触发，点击按钮打开模态框时会触发，点击确定会触发，点击取消也会触发。经过查阅资料以后，可以绑定他一个事件：beforeClose这个事件的回调有两个参数，第一个参数是来判断点击的是确认按钮还是取消按钮。第二个参数我感觉就是可以关闭模态框。...

2020-06-29 11:55:46 11416 2

原创从输入url到渲染页面，浏览器到底发生了什么

从输入url到渲染页面，浏览器到底发生了什么首先这是一个全过程分析图然后再来分析一下第一步解析url地址输入url地址以后，他会先从缓存中找对应的ip地址，如果没有找到就会进行DNS解析，会进行本地域名服务器进行查找，当以上均未完成，则会由本地DNS开始进行迭代查询：向根域名服务器查询，得到顶级域名服务器的IP地址向顶级域名服务器查询，得到权威域名服务器的IP地址向权威...

2020-04-22 12:00:54 234

原创 vue 中的三种插槽用法

Vue中的三种插槽分别为匿名插槽，命名插槽，作用域插槽。匿名插槽子组件：<div> <li>我是老大</li> <slot></slot></div>父组件：子组件挂在在父组件上生成标签<div> <son> <li>天天&...

2020-03-21 12:34:11 2910 2

原创 Vue 的双向绑定原理 MVVM的实现

实现vue 的双向绑定实现从数据到视图，和从视图到数据<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...

2020-02-29 08:53:05 206

原创 Vue 中父子组件之间的 v-model 双向绑定

父子嵌套关系的双向绑定简而言之在父组件改变值会响应到子组件在子组件中改变也会响应到父组件中v-model ‘解体’v-model 的双向绑定功能可以用 value 和 @input 来模拟演示v-model 的解体功能父组件引入子组件在子组件上利用双向绑定这里的v-model 可以理解为：value =“an” @input="$emit.targe...

2020-02-16 12:52:43 1522

原创 Vue 组件之间的三种传值方式

Vue组件之间的传值方式，一般分为三种，父给子传值，兄弟之间传值，子给父传值。父给子传值顾名思义，父给子传值，就是组件之间有嵌套关系，是包含的传给被包含的在 ‘父亲’ 中的操作传给 ‘子’ big 和 se<子组件标签 se='red' big='20px'></子组件标签>在 ‘子’ 中的操作接收 ‘父’ 传过来的 big 和 se&l...

2020-01-17 16:00:39 190

qitiandada的博客