- 博客(58)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vant pc端 swipe 组件 鼠标滑动失效或者异常
dragstart.prevent 阻止pc 端默认的拖动事件，利用@vant/touch-emulator将鼠标事件转换成touch事件。全局引入import "@vant/touch-emulator";之后，在pc端鼠标拖动达不到 移动端的效果需要增加。
2024-05-16 13:50:30
319
原创 解决 vue3 vant 4.9.0 按需引入，组件样式失效问题
webpack 配置好之后，组件中使用vant 组件已经不需要在引入任何vant 组件，且使用的时候写法一定要是。不能是，这种方式会导致样式失效。
2024-05-16 11:42:28
361
原创 vue3 引入@tsparticles/vue3和@tsparticles/slim 实现粒子特效
网址查看各个属性作用，可导出属性配置。2.main.ts 引入。红框框起来的是局部展示。
2024-04-23 17:30:23
388
1
原创 mock vue3 element-plus 回到顶部和底部ICON
【代码】mock vue3 element-plus 回到顶部和底部ICON。
2024-03-27 10:38:00
168
原创 vue 修饰器
一些标签自身带有默认事件，比如a[href="#"]，button[type="submit"]， 这种标签在冒泡结束会开始执行默认事件，默认事件在冒泡后开始执行，但是不会因为.stop 阻止事件传递而终止。在使用过程中，主要是移动终端可触屏操作的，使用.prevent 阻止浏览器弹出右键或长按弹出浏览器菜单，但是会影响css 样式 伪元素:active 生效，但是在pc 端 mouse事件下确实正常的（此时使用的鼠标左键），右键同touch 事件效果一致，导致:active 异常。
2024-02-05 10:58:08
521
原创 事件修饰符
一些标签自身带有默认事件，比如a[href="#"]，button[type="submit"]， 这种标签在冒泡结束会开始执行默认事件，默认事件在冒泡后开始执行，但是不会因为.stop 阻止事件传递而终止。在使用过程中，主要是移动终端可触屏操作的，使用.prevent 阻止浏览器弹出右键或长按弹出浏览器菜单，但是会影响css 样式 伪元素:active 生效，但是在pc 端 mouse事件下确实正常的（此时使用的鼠标左键），右键同touch 事件效果一致，导致:active 异常。
2024-02-05 10:56:02
396
原创 vue 项目使用 @import url(‘‘)和 @import引入scss文件问题小记
换成@import ''引入样式 则一切正常，找了一些文章都在说link 和 @import以及require 的区别。在样式文件是用变量、插值语法等使用@import url('')会导致变量和插值语法不生效，具体为啥目前还不清晰，以后找到了根源问题，会继续做补充。也期待大佬做详细的分析。
2023-07-05 09:53:28
917
原创 vue项目利用stylelint增加对样式文件的规范检查和自动修复
4.保存文件自动修复关键，我是在项目下创建.vscode/settings.json,由于是对单独项目增加，如果想统一增加也可在vscode 的settings.json进行相关配置。由于是新项目，没有配置在git 提交代码的时候再去操作，有兴趣的可以自行添加。5.在package.json文件增加，执行命令自动修复涉及文件。3.可以增加忽略检查文件配置 .stylelintignore。在步骤2标识的序号①即不配置 .vue报错信息。2.增加.stylelintrc.js文件。
2023-06-29 14:17:44
1630
原创 公司内网git clone 源码失败
原因： 公司外网是通过代理，ssl是代理发的，不是github发的，git不认。如果遇到关于ssl 认证的错误，可执行下面命令，不进行ssl检查。
2023-06-28 16:59:43
565
原创 vsCode 运行 报错信息 yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1
检索说是 PowerShell 执行策略，默认设置是Restricted不去加载配置文件或运行脚本。需要去做相应的变更， 修改配置为 RemoteSigned。管理员身份打开 PowerShell，执行命令，修改PowerShell 执行策略。重新回到 vsCode 执行 yarn -v 可以正常使用。设置完成之后，使用下面命令可以查看当前策略。
2023-06-28 09:38:07
1070
原创 引入isomorphic-fetch请求接口，页面销毁时，如何取消正在pending的接口；
影响点：对引用静态实例的store有影响，比如进入编辑页调用info接口，接口还在pending时切出去，点击新建（新建和编辑使用的同一个公共组件和同一个store）,新建页面展示info接口的值；可通过AbortController 控制一个或多个web请求；具体AbortController - Web API 接口参考 | MDN以下三条关键点： 1.@observable abortController: any= new AbortController(); const fetc
2021-12-20 18:25:17
984
原创 使用7-Zip打包.tar.gz文件
1.直接去官网下载7-Zip，直接安装；2.安装好了之后：点击文件夹，右击，选择添加到压缩包，如图，弹出下一步的框：选择压缩格式 tar，点击确定:生成一个xxx.tar的包，这个时候先双击此包：勾选从解压路径移除多余的文件夹，点击确定；依然是右击 xxx.tar包，重复开始操作，选择添加到压缩包，压缩格式选择gzip;到此，一个xxx.tar.gz 的压缩包就完成啦~...
2021-03-18 10:40:34
2833
原创 git 指令回退版本
通过闯祸，使用git指令拯救我的代码版本。。。。1.控制台输入 git log找到要回退的版本 或者 直接查看sourceTree，查看要回退的hash码2.输入 git reset --hard 要回退的hash,我要回退到 7bcb8即使：git reset --hard 7dcb83.最后一步比较重要，上面的指令只是让本地该分支删除不要的代码，云端上的还需要一步操作才会同步本地代码到云端控制台输入：git push origin -f至此，就完全回.
2020-12-25 16:36:43
308
原创 React 禁用浏览器自动填充-密码篇
看了司徒正美的https://www.cnblogs.com/rubylouvre/p/5109300.html文章，尝试没有生效，即便用autoComplete='off'也不能生效原因是因为React 不推荐直接对Dom进行操作，设置display:none的会被解析成DOM树，但是render Tree则不会包含此节点，而visibility：hidden 会影响布局，则不可能使用他来解决；关于页面呈现流程详细可以看https://juejin.cn/post/6844903859719143
2020-12-23 14:12:08
1897
原创 lessModuleRegex安装和配置
安装less依赖npm install less less-loader --save-dev配置步骤：webpack.config.js1.//lessModuleRegex配置第一处// style files regexesconst cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sassModuleRege...
2020-12-11 11:07:12
626
2
转载 display:inline-block元素之间空隙的产生原因和解决办法
转载：https://blog.csdn.net/qq_32614411/article/details/82223624感觉该博主写的还不错~~~学习与实践的路上，基础~~~还是需要回顾的~~~
2019-08-07 14:07:16
146
原创 iview组件 DatePicker---- 点击重置按钮，无法正常将DatePicker组件重重的时间范围清空
实习遇到重置iview组件 DatePicker中数据无法重置清空，请教了前辈该组件有一属性ref，可帮助清空。formDate就代表DatePicker组件//.vue <Form-item label="创建时间"> <Date-picker ref="formDate" type="dateti...
2019-08-05 15:44:42
6066
1
原创 for...in , for...of , forEach 详解
1.for in (可遍历对象和数组，不建议遍历数组)1.1使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问, Object.prototype.say = "hello"; //修改Object.prototype var person = {age:18}; for(var key in person){ console.log(key,pe...
2019-07-31 18:13:11
406
转载 微信小程序里面的标签和html标签做对比
https://blog.csdn.net/xinzi11243094/article/details/80667527
2019-07-30 18:01:52
650
1
原创 六种进程间通信方式
进程间通信方式一共六种：管道，信号量，信号，消息队列，共享内存，套接字。接下来，就一一学习理解下。进程间通信的目的： 数据传输：一个进程需要将它的数据发送给另一个进程 资源共享：多个进程之间共享同样的资源 通知事件：一个进程需要向另一个进程发送消息，通知其发生了某种事情（比如进程终止父进程告诉子进程） 进程控制：有些进程希望完全控制另一个进程的执行，此时控...
2019-07-30 16:11:21
2138
原创 js基本数据类型和引用类型对比，深拷贝、浅拷贝(assign,...用法)，数组和链表的优缺点
首先谈一下，栈（stack）和 堆 （heap）stack为自动分配内存空间，它由系统自动释放；heap 动态分配内存，不一定会自动释放。1.js数据类型：*基本类型：Number，String，Boolean,Undefined,Null , Symbol(es6); 存放在栈中；这些数据类型可以直接操作保存在变量中的实际值。引用类型：Object（在javascript除...
2019-07-30 15:58:22
342
原创 总结下js中字符串相关用法
使用Vue框架和iView组件库协助师父完成项目时，也会用到字符串转换、截取等相关的知识，今天就总结一下，请多多指教！！！1.最简单的莫过于字符串长度的获取var str = 'abcdefg';console.log(str.length)//72.字符串的类型转换(三种方式)var num = 23;console.log(num.toString())// "23"...
2019-07-25 17:54:56
168
原创 Vue url参数改变，DOM树未刷新问题---Vue.nextTick(）
vue 组件之间的传值，父组件数值改变，子组件未更新1、子组件中在mounted中对父组件传的值，进行了判断等相关处理，通过改变子组件自身定义的状态实现效果。此时，父组件值更新，子组件不重新渲染，是因为，父组件值改变子组件不会走mounted的生命周期。 处理方案： 使用watch监听父组件传的值，当值改变的时候，进行对应操作。2、推荐使用： 子组件中直接使用父组件传...
2019-07-24 15:40:08
650
原创 iview组件<page>每页条数切换的展开方向问题
使用条数变多时，导致每页条数展开方向跳到上面解决方案：在page属性里添加这句：:transfer="true"
2019-07-19 11:18:15
762
原创 vue--$index is not defined报错
今天学习Vue中遇到了一个报错信息：$index is not defined，是我写了个for循环在HTML中，然后是因为版本的问题下面是解决方法：原来的是 v-for="todo in todos" v-on:click="removeTodo($index）//这个仅仅适用于1.0版本-------------这个在Vue1.0版本中式适用的可以直接使用$ind...
2019-06-25 14:25:01
706
转载 CSS中的浮动、高度塌陷以及清除浮动（转载）
实践过得塌陷和清除塌陷转载：https://www.cnblogs.com/haidaojiege/p/6810566.html
2019-06-10 09:58:46
98
原创 css3 calc()方法详解
今天又请教了到了一个之前自己没有用到过得知识~~calc() 希望每一个在学前端的路上都能遇到一个带着跑起来的大神（不求飞，只求踏踏实实一点一滴积累）渴求学习新知识的人，就寻求一个能够指导交流，共同进步的同伴吧！我们在涉及移动端布局的时候上篇讲到box-sizing的用法。但它可能会影响到其他布局。此处的calc相比来讲，要简单的多。你可以使用calc()给元素的border、mar...
2019-06-06 14:44:50
7064
2
原创 标准盒模型和IE盒模型的区别及转换
标准盒模型是w3c 标准的盒模型，其包含：盒子占用宽度：margin2 + border2 + padding2 + width实际宽度： border2 + padding2 + widthIE盒模型，在IE中content的宽度包括padding和border这两个属性，所以盒子占用宽度：margin2 + width实际宽度：width = padding + border +...
2019-06-06 10:37:51
2704
原创 删除移动端显示滚动条，并保持滚动效果
在做小项目使用vue写视图界面的时候遇到需要删粗滚动条，自己尝试了很多方法，但是对于移动端效果不好，最后用到了webkit伪元素实现的，如下代码： .burst_view::-webkit-scrollbar { display: none; }在滚动区的div层添加伪元素::-webkit-scrollbar，实现对滚动条的操作，也可利用css属性设置width，hei...
2019-06-06 09:29:00
457
3
转载 inline-block(转载)
css之display:inline-block布局1.解释一下display的几个常用的属性值，inline ， block， inline-blockinline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用padding上下左右都有效，margi...
2019-06-05 13:43:40
106
原创 初识ajax---GET、POST请求
03get.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>初识Ajax开发</title> <script type="text/javascript"> window.o...
2019-05-19 10:31:10
122
原创 js-实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; ...
2019-05-08 09:50:27
146
原创 贪吃蛇小游戏实现
index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"/> <title>贪吃蛇</title> <link rel="stylesheet" href="css/styles...
2019-05-08 09:50:13
887
原创 图片放大镜的实现
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0;...
2019-05-04 20:03:40
1112
1
原创 点击 弹出登录框
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>弹出登录框</title> <style> .login-header { width: 100%; ...
2019-05-03 22:59:55
1509
1
原创 拖拽窗口实现
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>拖拽窗口实现</title> <style> * { margin: 0; paddin...
2019-05-03 21:42:09
326
原创 简单动画-setInterval()控制div右移
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简单动画-</title> <style> body { margin: 0; } #box { position:...
2019-05-03 21:40:56
575
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人