- 博客(111)
- 收藏
- 关注
RSS订阅原创 vue 复制到剪切板 公共方法组件 clipboard 第一次没反应第二次成功
原理：clipboard是创建一个dom监听，然后点击dom时候复制并触发回调函数。所以第一次点击时候是创建监听，第二次点击才能被监听到。3、每次点击执行一遍创建监听->触发监听-> 销毁监听的整个生命周期，保证每次点击完毕后都卸载掉监听。1、不提出组件，在mounted中初始化创建监听（不使用，因为不方便提出公共方法组件）2、在每次点击时候多加一次点击（不推荐，不确定有无性能问题，毕竟创建了多个）背景：使用clipboard时候想提出组件，后续发现第一次没反应第二次成功。
2024-03-26 14:51:47
225
原创 vscode typescript 红波浪线错行 卡顿 需要重启 volar
这个原因是volar 插件 和 vscode自带的 typescript 冲突。将“JavaScript 和 TypeScript 的语言功能“禁用掉。2.禁用内置 TypeScript 扩展 设置为禁用（工作区）插件部分搜索框内输入@builtin Typescript。导致一进ts文件如果有错误，加代码以后，错误错行。1.将 Volar 更新到最新版本。
2023-06-19 17:19:37
1245
原创 node nodejs js脚本 axios 每天一次
中的链接在浏览器打开后另存为下来的js文件。想写一个js脚本（test.js）运行在服务器上，这个脚本的作用是每天凌晨做一次http请求，拿来数据，存起来。紧接着就报错Adapter ‘http’ is not available in the build。不知道单文件不加package.json的时候怎么搞，可能单跑一个js文件不行吧。简单抽象一下:10秒发一个HTTP。其中的./axios.min是直接把。
2023-05-04 17:18:20
659
原创 el-table 大表格 卡顿优化
禁用的方法可以从https://blog.csdn.net/linan996/article/details/126745239这个里选（另外一提，这个文章中最后一个方法更好的写法是background: unset）一般表格都10+列，这个表格特殊就特殊再列很多，卡顿的主要原因是hover状态这个css的变化，在滑动的时候引起约800+（至少）个单元格dom变化，所以非常卡，于是禁用掉hover即可。遇到一个大表格，这个表格行数不多，最多100条，但是列很多，有400+列（麻了）。
2023-04-27 15:07:13
788
原创 实现固定表头的三种方法
实现原理：原生方法-具有 sticky 属性的元素，会固定在离它最近的一个拥有 滚动机制 的祖先元素上，达到固定表头的效果。监听页面滚动事件，计算table的位移，使用translate3d反向设置表头的y轴位移值，达到固定表头的效果。实现原理：表头一个表格，表体一个表格，移动时候，移动的是表体，达到固定表头的效果。第一种：html中的table标签原生方法。第二种：element-ui采用的多表格。第三种：Ange-ui采用的。
2023-04-18 10:19:51
2557
原创 微信浏览器 苹果 ios 网页跳转没反应
全用window.location.href=“http://xxxxxxxxxxx”;window.open(http://www.baidu.com) 不可以。就可以避免ios 微信浏览器 Safari 等 的安全策略限制。比如www.baidu.com?input=‘123’好像是否是同域也有规则，没试过。比如www.baidu.com。1、如果是不携带参数的。
2023-04-10 09:59:47
868
原创 vue3 中 vue.prototype 的变化
1 如果是选项式API，官方文档中有app.config.globalProperties这个代替方案（https://cn.vuejs.org/api/application.html#app-config-globalproperties）。2 如果是组合式API，直接用provide/inject。
2022-11-07 14:32:25
4083
原创 安卓应用 .9.png类型启动图/背景图
做安卓启动图的时候，需要用.9类型的图片，记录三种做法。如果你你是美工UI使用方法一；如果是开发者，使用方法二；方法三则都可以使用最方便。不建议使用网页版小工具，功能有限。做之前确保你了解了：1、.9图的原理https://www.jianshu.com/p/3fd048644e3f?2、.9图的正确形式（背景图或者启动图不一样，展示启动图的）https://ask.dcloud.net.cn/article/37365。
2022-09-20 10:21:14
1031
原创 函数 和 函数执行的区分
区别在于一个then的是执行完了的值，一个then的是函数。fn是函数，fn()是执行函数。fn是函数，fn()是执行函数。
2022-08-23 15:25:56
262
原创 vue3 按钮hover根据鼠标进入按钮的方位 从不同位置进入按钮按钮hover状态不同 hover根据鼠标位置
vue3 按钮hover根据鼠标进入按钮的方位 从不同位置进入按钮按钮hover状态不同 hover根据鼠标位置
2022-08-09 10:27:12
1514
原创 vue发布到云服务器后，访问使用者的电脑上的本地服务
首先，接口中直接写localhost。发布以后，谁打开localhost就是谁的电脑的ip。因为js文件是下载到个人电脑的浏览器中运行的。，回车，到谷歌浏览器的设置页面。把其中的Block insecure private network requests改为disable。其次，谷歌浏览器有一项服务名为：Block insecure private network requests.发布以后，小A打开这个网页，小A的个人电脑中启动了个服务，如何让网页调取小A的服务？百度这个，是这个引起的。...
2022-08-03 16:49:11
710
3
原创 云服务器部署json-server，接口访问云端服务
安装完成后需要修改ip和端口才能使得在个人电脑通过接口访问到云服务器上的服务。3、服务器安全组设定开端口号，因为启动指令没设定端口，所以是3000。2、web中接口中的ip（或者域名）使用服务器的ip。...
2022-08-03 16:39:57
785
原创 uniapp 页面跳转传值 两种方法 url拼接 eventChannel事件回调
uniapp 页面跳转传值 两种方法 url拼接 eventChannel事件回调
2022-06-01 13:55:05
2259
2
原创 el-tab mounted只有第一次能取到prop中的值 mounted和props先后顺序
一个Tab，分页的代码用组件实现，一个组件是一页。在这个组件中进行http请求。入参取prop传进的。第一次点入这个currentPage能正常传，第二次就不行。解决方法：方法1：不应该在mounted中取prop值。应该吧要写在mounted中的东西写在prop值变化监控的watch中方法2：在mounted中加settimeout0延迟...
2022-05-23 11:31:04
440
原创 HTML换行 元素之间产生空格
<span>hello</span><span>world</span><!-- 以上写法会中间产生空格，以下则不会 --!><span>hello</span><span>world</span>今天写代码发现项目中出现这种情况，但是自己新起一个空项目中写则不会这是因为项目中这段代码的父节点被设置了fontsize，也就是从父亲/祖父级继承过来的fontsize，回车也会产生空格，就..
2022-05-08 09:50:50
1088
原创 js 求一个月以前的时间
function getLastMonth(date) { const now = new Date(date) const year = now.getFullYear(); const month = now.getMonth() + 1; // 0-11表示1-12月 const day = now.getDate(); const nowMonthDay = new Date(year, month, 0).getDate(); // 当前月的总天数 let res = null i
2022-04-25 15:10:56
1951
2
原创 /deep/ ＞＞＞ ::v-deep
1./deep/在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错/deep/ .el-input {width: 60px;}2. ::v-deep在vue3.0及后使用，替代/deep/::v-deep .el-input {width: 60px;}3. >>>只作用于css，对于less和scss不起作用，如果是less和scss的话需要用到/deep/或::v-deep...
2022-04-18 14:35:51
182
原创 elementui datepicker 类型切换 弹出框 的坑
datepicker类型切换的时候，从type=‘date’ 切换到 type = ‘month’ 是没问题的。但是从这两种切换到type = ‘datetimerange’ 会引起弹出框错位到左上角。<el-date-picker v-model="dataForm.date" :type="dateType.type" :format="dateType.format"
2022-04-18 09:57:27
1616
原创 网页图片显示的是缓存的处理方法
情形：element upload组件，头像框模式。当后端传来的图片地址不变的时候，浏览器会先访问缓存中的这个地址，就造成了图片修改成功但是显示的还是原来的情况。解决方法：//uplaod的头像框模式的显示要求：对象中有name，url[{name: `0.jpeg`, url: data.imgUrl+`?t=${new Date()}`}]//网址后面拼上+`?t=${new Date()}`...
2022-03-18 11:18:31
416
原创 vue3从零开始（四）
1.props功能的增加原来props只能传递值和组件，但是一般不用来传递组件，因为在2中会对整个组件做数据劫持，导致额外的性能开销。现在增加了一个markRaw，可以消除组件的响应性，从而能将其传递到想要传递的子组件中。这里我没发现这样做比只在子组件中引用好在哪里，因此先略过。2.emit与v-model语法糖在2中，我浅薄的理解v-model:xxxx是:xxxx的缩写，大概也不对，但是先不管先看3。在3中<ChildComponent v-model="pageTitle" />
2022-03-04 16:25:53
282
1
原创 vue3从零开始（三）
接上文，需求：从后端获取数据+在输入框中输入作者名字筛选出作者的书展示上文：// 子组件：<template> <div>{{list}}</div></template><script>import { ref, onMounted } from 'vue' // 发起接口请求function fetchList() { let res = [ {id:'1',name:'JAVA',author:'s0ne
2022-03-04 10:57:30
462
原创 vue3从零开始（二）
今天学vue3中的setup它是vue项目文件的一个函数，写的地方和data，oncreate，methods等同级。好处：业务逻辑代码集中也就是这样：一、在哪使用<script>export default { components: { }, data() { return{ } }, setup(){ return { } }}</script>同时还有单文件组件语法糖<script
2022-03-03 17:09:24
1017
原创 uniapp 动态导航栏 原生导航栏 原生导航栏样式动态变化
先效果图：一开始导航栏是透明的，页面拉下去后变成非透明。1.首先怎么把导航栏变透明https://uniapp.dcloud.io/collocation/pages?id=style其中有关导航栏的只有这几条：看到第一条，改颜色，就是这个啦。但是要注意一点，page.json中还有全局的修改（https://uniapp.dcloud.io/collocation/pages?id=globalStyle）。因为一般应用有需要导航栏的页面，也有不需要导航栏的页面。一般不需要导航栏的页面多，
2022-02-19 17:05:34
6104
11
原创 uniapp中echart (renderjs)的tooltip.formatter失效
uniapp echart renderjs tooltip formatter 失效
2022-02-18 11:09:28
2515
1
原创 v-for循环绑定
//绑到dataform.use1、dataform.use2、dataform.use3……<div v-for="(item,index) in ['一','二','三','四','五','六']" v-bind:key="index"> <el-checkbox v-model="dataform[`use${index+1}`]">使用{{item}}号分区</el-checkbox></div>...
2022-02-11 16:54:36
561
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人