- 博客(27)
- 收藏
- 关注
RSS订阅原创 运行vue项目完整流程
这里建议安装16版本（支持vue2/vue3），若是低版本vue可下载更低版本node。以下为运行成功效果：Ctrl + 单击 可打开到浏览器运行，或复制。安装步骤一直下一步即可（默认C 盘防止后续环境出现其他问题）到浏览器地址（注意8080为运行端口，不同项目端口会不同）完整的public、src文件夹等才是真正vue根目录。用vscode打开可直接新建终端运行指令。注意辨别vue文件夹，文件夹下。有版本号则表示有node环境。即可用命令行打开运行相关指令。win键+R打开，输入。到所在文件夹单击路径。
2024-03-09 20:21:57
866
原创 创建空白vue项目
是否将你的配置选择作为将来的一个选项。选择Y的话，以后创建项目会将该次选择的配置作为一个选项供你选择（选Y/N均可）Save preset as:（在上一步选Y后会出现该选项：将预设另存为：vue2）（建议使用npm安装，个人测试yarn安装不成功，npm慢点没关系）是否使用history模式路由（看个人选择，这边选 n ）新建vue项目（目前只做vue2演示）选择v2版本（vue3用vite创建）选择样式，（scss/less均可）安装完后再次检查vue是否安装成功。所需功能（tab键选择/取消）
2024-02-26 13:47:43
396
原创 两个数组比较找出数组中的对象里的某个相同值并在对象里面做处理返回
【代码】两个数组比较找出数组中的对象里的某个相同值并在对象里面做处理返回。
2023-07-12 09:47:41
2006
1
原创 input输入框限制数字类型输入
这通常很有用，因为即使在 type="number" 时，HTML 输入元素的值也总会返回字符串。如果这个值无法被 parseFloat() 解析，则会返回原始的值。但是存在bug：使用。
2022-10-11 09:55:11
1772
1
转载 JavaScript 中 call()、apply()、bind() 的用法
JavaScript 中 call()、apply()、bind() 的用法
2022-09-29 08:37:00
114
原创 验证码倒计时防止刷新
获取验证码跟倒计时用一个字段控制切换，当倒计时结束则显示获取验证码。点击获取验证码时保存一个120s后的Cookies。倒计时用到了vant2倒计时组件（这里也可以自己写），因为cookie是有时效的，所以不会因为刷新或者关闭页面就会变化，这也就是为什么不用localStore,因为关闭页面后localStore则不能动态改变。当点击获取验证码后开始120s的倒计时，且刷新及关闭网页再重新打开也不会重新刷新。若是不用vant倒计时组件，同样可设以定一个时间，原理一致。...
2022-08-01 13:12:53
1123
原创 vue2将html元素转换成图片
需要用到html2canvas插件安装插件在需要的页面引入插件在需要转换的元素上绑定ref的值，（这里这个元素内包括元素本身的所有样式，都会被转换）
2022-06-29 09:57:29
1889
原创 vue的data、计算属性一些小细节
vue初始化的顺序：所以一般不会在data里面直接使用computed的值，计算属性是响应式的Original message: "Hello"Computed reversed message: "olleH"这里我们声明了一个计算属性 。我们提供的函数将用作 property 的 getter 函数：...
2022-06-29 09:42:48
820
原创 map()遍历数组给数组每个对象添加新的键值
第一种写法：解构item,且给item添加新的值 noCheckCount第二种写法：每次遍历都给item添加新的值再返回item
2022-06-08 09:49:40
2149
原创 文字颜色循环动态变换
让字体颜色循环动画<div class="colorWink">27816</div><style>.colorWink { animation: dynamic 2s infinite; //infinite 一直循环}@keyframes dynamic{ 0% { color: #ffe2f7; } 20% { color: #ff7da5; } 100% { color: #ffe2f7; ..
2022-05-25 14:47:57
301
原创 给video视频自定义添加中间播放按钮
gei实现效果：视频中间添加播放按钮，且鼠标移上去有波浪动画效果，点击可以控制视频播放播放按钮可以使用盒子绝对定位在视频中间，当点击时触发video的播放事件，同时让盒子隐藏。<div class="video-right"> <video controls @pause="videoPause" @play="videoPlay" ref="myVideo..
2022-05-10 12:04:33
11449
8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人