- 博客(54)
- 收藏
- 关注
RSS订阅
原创 自定义指令监听组件内抛出的事件，并实现多字段双向绑定
/ 获取绑定的值，例如 v-my-model="message"// 添加事件监听器，监听通过 $emit 抛出的任意事件。// 存储事件处理函数，以便在 unbind 钩子中移除。// bind 钩子：当指令首次绑定到元素时调用。// unbind 钩子：当指令与元素解绑时调用。// update 钩子：当绑定值更新时调用。// 更新 Vue 实例的数据。// 确保元素的值与数据保持一致。// 设置元素的初始值。// 定义事件处理函数。// 移除事件监听器。
2025-03-19 15:26:07
267
原创 js 打开新标签页和关闭标签页
如果用户点击触发异步事件，等异步事件完成后再打开新的弹窗，可能会因为等待时间过长导致出现弹窗拦截，这种情况可以新打开一个空白页面或者自定义一个等待页面，等异步完成后更新。window.open('url', '_blank')，blank属性可以在新标签打开。由window.open 打开的新的标签页或弹窗可以由window.close关闭。安全要求，返回的引用就可用于访问新窗口的属性和方法，比如在当前页面关闭已打开的窗口。window.open 直接调用可能会有拦截提示，在。
2025-02-19 08:57:40
275
原创 node-sass报错解决方案
原文链接：https://blog.youkuaiyun.com/qq_42483955/article/details/131529822。卸载 node-sass ，安装 sass，项目全局搜索 /deep/ , 把 /deep/ 替换为 ::v-deep。1.卸载 node-sass：npm uninstall node-sass。2.安装 sass：npm install sass --save-dev。4.全局搜索替换：/deep/ 替换为 ::v-deep。
2024-12-30 17:11:37
311
原创 js用currentStyle和getComputedStyle获取css样式（非行间）
用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例：htmlxmlns="http://www.w3.org/1999/xhtml">head>metahttp-equiv="Conte
2024-11-19 13:58:58
179
1
原创 vueRouter-动态路由传参及坑点
3、使用方法，坑点：参数值不能为空字符串''，可以使用null或者undefined。1、参数必填，如果参数没有传全，可以进入页面但是url显示会异常。2、如果需要参数不必填，需要使用:?
2024-11-19 11:28:17
543
原创 .npmrc给单独包设置源
1、package.json中的dependencies或者devDependencies模块设置要下载包的版本信息例如："dependencies": { "@antv/g": "^3.4.10"}2、在.npmrc中设置对应源@antv/g:registry=https://registry.npmjs.org/然后就可以下载对应包了...
2022-04-13 14:54:46
4605
原创 css全局水印-不兼容ie11以下
body>.shuiyin{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;background:#f00;background:url(图片地址);z-index:999;}
2021-09-26 10:57:42
263
原创 sourcetree-修改密码-失败-解决方法
右键图标找到安装位置 向上找到密码储存位置：AppData\Local\Atlassian\SourceTree 在上面文件夹中找到passwd文件删除 重新打开sourcetree，执行远程操作（拉取、推送等） 之后会弹出密码输入框，填入密码就可以了...
2021-08-19 16:59:50
554
原创 svg动效背景
实现方式：1、在svg文件中添加css动画.triangle{ animation: rot 8s 0.5s infinit cubic-bezier(0.645,0.045,0.355,1)}@keyframe rot {...}2、将svg文件引入到背景中去.dom{ background-image: url('mysvg.svg')}之后背景就动起来了进阶玩法：dom的子元素添加混合模式和背景后，当前元素和子元素可实现文字渐变动画.dom-
2021-07-21 11:09:45
1062
原创 less scss typescript等代码自动编译插件
https://blog.youkuaiyun.com/qq_21567385/article/details/107527592插件名称：Compile Hero使用：vscode .vscode文件中添加：{"compile-hero.disable-compile-files-on-did-save-code":false}
2021-05-27 09:19:14
219
原创 记录一次getters无法响应式更新问题
在项目中使用gettersletgetters={/**获取用户信息*/user:(state)=>{return JSON.parse(localStorage.getItem('xxx'))},}页面不刷新的情况下改变数据是无法监听到数据变化的解决方案：将数据绑定到vuex的state上，返回state.userletgetters={/**获取用户信息*/user:(state)=>{...
2021-05-14 19:03:31
1626
原创 网页截图或jspdf截不全问题
经过测试在网页body元素上增加height:100%属性会导致网页只能截取可视区域，去掉height:100后可以截取整个页面。
2020-12-08 13:42:32
672
原创 解决input使用v-model绑定数据，直接修改name值并不会触发原生的change事件
1、let num = +e.target.value 2、let oldNum = +e.target._value 3、if(isNaN(num)){ 4、 this.$nextTick(res=>{ 5、 this.changeItem[key] = oldNum 5、 }) 7、}else{ 8、 this.$nextTick(res=>{ 9、 this.change...
2020-12-02 11:44:25
1532
原创 微信小程序在使用scroll-view后，input聚焦时，键盘弹出后无法看到内容
微信小程序在使用scroll-view后，键盘弹出后无法看到内容，测试后发现，真实的输入框随键盘上移了所以看不到键盘，并且聚焦时如果input不使用adjust-position="{{false}}"，会跑到页面顶部，解决方案：在js中使用onPageScroll来代替scroll-view监听页面滚动onPageScroll：官网文档并没有更新，但是在更新内容中可以看到https://developers.weixin.qq.com/miniprogram/dev/framewor.
2020-11-03 12:06:22
1236
1
原创 图片居中
<div class="fixed-bottom"> <div class="close"><span class="iconfont"></span></div> <div class="ad-box"> <a style="position: relative;left: 50%;" target="_blank" href="/user/#/member"> .
2020-09-23 13:50:36
126
原创 上传图片的预览
varwindowURL=window.url||window.webkitURL;this.uploadImg=windowURL.createObjectURL(file);
2020-06-24 16:26:58
152
原创 file 支持的数据类型
*.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video*.ac3 audio/ac3 AC3 Audio*.asf allpication/vnd.ms-asf Advanced Streaming Format*.au audio/basic AU Audio*.css text/css Cascading Style Sheets*.csv text/csv Comma Separated Values...
2020-05-13 14:33:31
615
1
原创 记录使用forEach遇到的诡异事件
之前使用forEach的时候基本都是给修改数组中小项的某个参数如：这种写法是没有问题的let arr = [ { a:'1', b:'2', c:'3' }, { a:'1', b:'2', c:'3' }]arr.forEach(item=>{ ...
2020-05-07 10:59:31
179
原创 vue v-model拼接
v-model="radioSelect['radio'+index]"radioSelect:{ radio0:'', radio1:'', radio2:''},
2019-11-17 14:45:33
12376
5
原创 push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。
push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。console.log(arr.push(x)) == arr.length
2019-09-29 10:17:29
1040
原创 splice 删除元素
var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"当splice方法只有一个参数时 为整数则代表要保留的数量arr.splice(1)console ->Georgearr....
2019-09-29 09:53:53
1455
原创 css 鼠标移入有过渡效果离开不显示过渡效果
方法：将transition写在hover里面例：.fixed-service .f-item{ color:#fff; text-align:center; padding:0; border-top:1px dashed #80ceaf; transition: all .2s; font:16px/1 '黑体'; cursor: pointer; height:38...
2019-08-29 16:53:23
2016
原创 父级元素等高，子元素在父元素内上下居中
.key{ background: #f00; width: 144px; display: flex; justify-items: center; align-items: center; justify-content: center; // top: 50%; // transform: translateY(-50%)}.list{...
2019-07-31 14:00:23
142
转载 vue watch原理--转
转载于：https://segmentfault.com/a/1190000014109601作者：fronter只记录了代码详情请查看链接onLoad() { computed(this, { test2: function() { return this.data.test.a + '2222222' }, te...
2019-04-15 20:21:59
480
原创 文本选中时的颜色
关键词：::selection例子：p::selection{ color:#fff;background:#ffff00}兼容 p::-moz-selection
2019-02-14 09:29:40
1212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人