- 博客(25)
- 收藏
- 关注
RSS订阅原创 倒计时useCountDown
// interval: 间隔时间 ms// time: 剩余时间 msimport { ref, computed } from 'vue-demi'interface IuseNow { interval?: number time: number}export type CurrentTime = { days: number; hours: number; total: number; minutes: number; seconds: number; m
2021-12-10 17:03:50
1541
原创 vue-页面添加水印
const warterMark = {};/** * * @param {要设置的水印的内容} str * @param {需要设置水印的容器} container */const setWatermark = (str, container) => { const id = '1.23452384164.123412415'; if (container === undefined) { return; } // 查看页面上有没有，
2021-11-03 18:05:39
377
原创 防抖debounce/debouceFn
debouce:封装防抖函数let timeout = nullexport function debounce(fn, wait) { clearTimeout(timeout) let self = this let args = arguments timeout = setTimeout(() => { console.log('1') fn.apply(self, args) }, wait)}使用输入<input @inpu
2021-10-21 18:52:15
240
原创 v-drag:实现拖拽功能
v-drag鼠标拖动directives: {drag: function(el) {let dragBox = el // 获取当前元素let num = nulldragBox.onmousedown = e => {// 算出鼠标相对元素的位置const disX = e.clientX - dragBox.offsetLeftdocument.onmousemove = e => {// 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置const left = e
2021-10-21 18:50:42
318
原创 Win10电脑优化
减少内存占有率1、虚拟内存 控制面板->系统->高级系统设置->高级->性能设置->高级->虚拟内存 虚拟内存设置：取消自动管理->确定->重启减少磁盘占有率1、禁用不相关服务任务管理器->服务->打开服务禁用SysMain、Time Borker、Windows Update随缘更新！...
2021-05-10 17:28:08
248
原创 Ant design Vue表格使用fixed错位
问题：固定右侧两个操作框，但是因为有的表格内容过长导致错位现象解决方法： columns:[{ title: '操作', dataIndex: 'action', scopedSlots: { customRender: 'action' }, ellipsis: true, // 设置为true 可以隐藏超出部分 fixed: 'right' }]在表格中插槽,鼠标移入通过tooltip文字提示显示所有内容<
2021-04-08 17:04:02
3704
2
原创 vue 从后台下载文件
// 调用后台接口this.axios.post(url, param,{responseType: "blob",headers:{ 'Content-Type': 'application/json; application/octet-stream'} }.(res=>{ this.downloadZip(res,'下载文件名')}),// 下载downloadZip(res,name) { if(res.size>0){ // 判断文件是否存在 let bl
2021-04-07 16:03:24
505
原创 vue项目部署到服务器浏览器缓存问题
部署后进入使用ctrl+F5清除浏览器缓存，可以解决如果不想使用ctrl+F5j解决的话可以考虑以下解决方案：1、在vue项目中解决在入口文件index.html添加：<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"><meta http-equiv="expires"
2021-04-07 15:52:42
2123
原创 input/picker无法用view层覆盖，tap事件穿透
input/picker无法用view层覆盖，tap事件穿透问题：表单中input输入框，和底部悬浮按钮底部悬浮按钮不能遮挡 input 中的内容，并且按钮与输入框重叠时，点击按钮触发输入事件解决：必须设置z-index，默认层级不会覆盖input/picker...
2020-09-11 17:54:42
378
原创 微信小程序-自定义弹出框
1、直接放到 wxml底部<view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}"> <!-- 如果想点击弹窗外不隐藏，取消bindtap点击事件即可 --> <view class="zan-dialog__mask" bindtap="toggleDialog" /> <view class="zan-dialog__container"> <view
2020-09-10 16:39:45
1513
1
原创 小程序-可拖动的悬浮按钮
小程序 悬浮可移动的客服按钮<movable-area class="movable-area">//根据x,y设置初次显示的位置 <movable-view x="600rpx" y="750rpx" animation="{{false}}" class="movable-view" direction='all' catchtap="bindtapdianhua"> <image class="xf_image" src="../../../images/ico
2020-09-04 17:29:47
752
原创 小程序-8/5
小程序按钮默认样式/* 去除button默认样式 */ button::after {border: none;} button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; border-radius:0; }去掉button: not([size=‘mini’]) 里面的样式 :解决方案：去掉app.json中的 "styl
2020-08-07 18:53:19
176
原创 小程序的优化问题
1、Now you can provide attr wx:key for a wx:for to improve performance.Now you can provide attr “wx:key” for a “wx:for” to improveperformance 是一个关于性能优化方面的提示. 不处理不影响程序运行。 在wx:for后面添加wx:key=“key” 可消除警告。wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的
2020-08-07 18:50:11
216
原创 使用小程序遇见的问题
1、微信小程序 报错Failed to load image原因：图片绑定的数据在页面“初次”渲染的时候并没有被正确赋值，有可能数据是异步加载的，在渲染的时候还没有取到相应的数据解决方法：设置一个本地的图片地址作为动态图片地址未获取时的默认地址，或者在image里添加 wx:if="{{avatarUrl}}"imageUrl为你绑定的图片的地址<image class="userinfo-avatar" wx:if="{{avatarUrl}}" src="{{avatarUr
2020-08-07 18:49:40
345
原创 hasOwnProperty方法
hasOwnProperty方法：表示是否有自己的属性。这个方法会查找一个对象是否有某个属性，但不会查找它的原型链var obj = { a:1, fn:function(){ }, c:{ d:5 }}console.log(obj.hasOwnProperty('a'))//trueconsole.log(obj.hasOwnProperty('fn'))//truec...
2020-08-07 18:48:48
268
原创 箭头函数
箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。箭头函数： 将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。(param1, param2, …, paramN) => { statements }...
2020-06-01 21:17:51
233
原创 Vue组件全局注册和局部注册
全局注册使用Vue.component创建组件Vue.component('my-component-name', { // ... 选项 ...})全局注册：在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中；在所有子组件中都可以使用，即这三个组件在各自内部也可以相互使用。如：Vue.component('component-a', { /* ... */ })Vue.component('component-b', { /* ... */ })Vue.co
2020-06-01 21:17:03
606
原创 rem响应式原理
1、什么是remrem（font size of the root element）是指相对于根元素的字体大小的单位em（font size of the element）是指相对于父元素的字体大小的单位。rem计算的规则是依赖根元素,em是依赖父元素计算2、rem响应式原理先按定高宽设计出来页面，然后转换为rem单位， 配合js查询屏幕大小来改变html的font-size，...
2020-04-09 21:03:27
919
原创 Vue组件间通信的有哪几种方式
父子，隔代，兄弟props/$emit 父子ref与 $parent/ $children 适合父子ref：在普通的DOM元素上使用，引用指向的就是DOM元素；如果在子组件使用就指向组件实例parent/parent/parent/children：访问父/子实例EventBus（emit/emit/emit/on）适用于父子、隔代、兄弟通过一个空的 Vue 实例作为中央...
2020-03-25 09:46:34
224
原创 Vue-cli搭建脚手架
1.安装node.js从node官网https://nodejs.org/en/，下载安装node，一路next安装完，win+R进入cmd，输入node-v,看是否有版本号npm包管理器，cmd中输入npm-v，显示npm版本号2.安装淘宝镜像-cnpm淘宝镜像网址http://npm.taobao.org/或者输入$ npm install -g cnpm --registry=...
2019-11-19 18:53:57
163
原创 如何用原生JS封装AJAX
1.AJAX是什么？ajax全称为Aysnchronous JavaScript And XML,即异步JavaScript+XML，是一种无需重新加载，就可以实现网页部分更新的技术2.创建一个AJAX的基本步骤创建一个XMLHttpRequest对象XMLHttpRequest简称(XMR)用于在后台与服务器交换数据，所有现代浏览器均支持XMR对象（IE5,IE6使用ActiveXO...
2019-11-19 17:10:33
205
原创 前端常见的知识总结（二）
CSS篇介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种， IE 盒子模型、W3C 盒子模型；（2）盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)；（3）区 别： IE的content部分把 border 和 padding计算了进去;CSS优先级算法如何计算？优先级就近原则，同权重情况下样式定义最近...
2019-11-19 15:23:33
109
原创 减少图片内存对小程序的限制
最近在开发一个微信小程序，本地图片资源比较大，而微信小程序上传又有2M的限制，本来准备将图片放到云服务器里面，但是又看到了一个很好的方法，这次来测试一下！本地图片用于切换背景的图片...
2019-11-16 09:52:20
910
1
原创 前端常见的知识总结（一）
1.vue中的MVVM模式MVVM即Model-View-ViewModel。Vue是以数据为驱动的，Vue自身将DOM和数据进行绑定，一旦创建绑定，DOM和数据将保持同步，每当数据发生变化，DOM会跟着变化。 ViewModel是Vue的核心，它是Vue的一个实例。Vue实例时作用域某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。 DOM Listener...
2019-11-14 16:05:09
168
原创 # GIT合作开发的完整步骤
GIT合作开发的完整步骤完成代码提交到githubgit init 首先初始化一个Git仓库，使用Git管理当前目录(工作目录)git status 查看文件的状态（是否被跟踪，是否被修改）git add 文件名称 追踪文件（放入到暂存区中）git commit -m 自定义说明把暂存区中的内容提交到本地仓库 git remote add ori...
2019-11-11 12:06:03
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人