- 博客(47)
- 收藏
- 关注
RSS订阅原创 .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
3126
原创 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
210
原创 sourcetree-修改密码-失败-解决方法
右键图标找到安装位置 向上找到密码储存位置：AppData\Local\Atlassian\SourceTree 在上面文件夹中找到passwd文件删除 重新打开sourcetree，执行远程操作（拉取、推送等） 之后会弹出密码输入框，填入密码就可以了...
2021-08-19 16:59:50
458
原创 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
894
原创 less scss typescript等代码自动编译插件
https://blog.csdn.net/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
148
原创 记录一次getters无法响应式更新问题
在项目中使用gettersletgetters={/**获取用户信息*/user:(state)=>{return JSON.parse(localStorage.getItem('xxx'))},}页面不刷新的情况下改变数据是无法监听到数据变化的解决方案：将数据绑定到vuex的state上，返回state.userletgetters={/**获取用户信息*/user:(state)=>{...
2021-05-14 19:03:31
1334
原创 网页截图或jspdf截不全问题
经过测试在网页body元素上增加height:100%属性会导致网页只能截取可视区域，去掉height:100后可以截取整个页面。
2020-12-08 13:42:32
572
原创 解决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
1360
原创 微信小程序在使用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
1055
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
73
原创 上传图片的预览
varwindowURL=window.url||window.webkitURL;this.uploadImg=windowURL.createObjectURL(file);
2020-06-24 16:26:58
92
原创 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
510
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
127
原创 vue v-model拼接
v-model="radioSelect['radio'+index]"radioSelect:{ radio0:'', radio1:'', radio2:''},
2019-11-17 14:45:33
11742
5
原创 push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。
push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。console.log(arr.push(x)) == arr.length
2019-09-29 10:17:29
998
原创 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
1390
原创 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
1888
原创 父级元素等高，子元素在父元素内上下居中
.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
103
转载 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
414
原创 文本选中时的颜色
关键词：::selection例子：p::selection{ color:#fff;background:#ffff00}兼容 p::-moz-selection
2019-02-14 09:29:40
1172
转载 git add提示LF will be replaced by CRLF
master warning: LF will be replaced by CRLF in 文件windows中的换行符为 CRLF，而在Linux下的换行符为LF，所以在执行add . 时出现提示解决方式： 我们可以在git命令行中输入如下指令：rm -rf .git // 删除.git git config –global core.autocrlf false //禁用自动...
2018-10-27 14:21:20
181
原创 overflow: -webkit-paged-y; 消除固定高度下的overflow:hidden影响
相关介绍：overflow:-webkit-paged-x;这个属性是文字剪辑，横向方向的内容，说白了就是超过规定width的文字就会被剪裁掉，其余的不现实，但是为了让文字能够正常显示，就用到了word-break:break-all;属性，就是自动换行，在可现实范围内，自动换行，这样就做到了如图所示的效果，没有文字环绕。 疑问：不懂为什么两个属性都是超出隐藏却可以相互抵消...
2018-09-17 20:53:46
2217
原创 vue ie9时 显示空白
import 'babel-polyfill';import Vue from 'vue';import iView from 'iview'; 在js入口最上面引入babel-polyfill
2018-09-12 16:03:14
315
1
转载 base64
data:,文本数据 data:text/plain,文本数据 data:text/html,HTML代码 data:text/html;base64,base64编码的HTML代码 data:text/css,CSS代码 data:text/css;base64,base64编码的CSS代码 data:text/javascript,Javascript代码 data:text/javascri...
2018-06-15 17:42:35
221
转载 html input file 支持多个文件选中
<input type="file" name="file" multiple="multiple" />multiple = "multiple" 打开文件选择框时可以选择多个文件
2018-05-28 15:41:18
25460
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人