随记备忘
关注
分享
扫一扫
开心每一天！
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
面试常问：rem布局，flex布局等
面试常问问题原创 2022-06-06 18:05:47 · 984 阅读 · 0 评论 -
es6新增的几个运算符：三目运算符，链判断运算符，Null判断运算符
?:和?.和??转载 2022-05-19 18:42:06 · 2876 阅读 · 0 评论 -
element plus el-switch 的before-change 如何带参数
看文档Switch 开关 | Element Plus设置beforeChange属性，若返回 false 或者返回 Promise 且被 reject，则停止切换。const beforeChange2 = () => { loading2.value = true return new Promise((_, reject) => { setTimeout(() => { loading2.value = false ElMessag原创 2022-05-17 16:59:49 · 8304 阅读 · 5 评论 -
canvas画图-钟表
调用了window.requestAnimationFrame(绘制函数)，然后在绘制函数中继续调用window.requestAnimationFrame(绘制函数)，这种情况下，每一次绘制都不能影响下一次，故需要在变换开始和结束的时候添加 ctx.save()/ctx.restore()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...转载 2022-04-15 10:12:23 · 317 阅读 · 0 评论 -
HTML文件中js加载顺序
根据渡一的讲解自己整理的原创 2022-04-13 09:35:56 · 419 阅读 · 0 评论 -
vant tabs sticky模式下的bug
vant tabs sticky模式下，本来应该在滑动一段距离后才吸顶，结果页面加载完成就吸顶了。解决方式:给sticky属性增加一个控制变量，当页面滑动时，变量置为true。实施：1、给tabs外层增加一个父级用于滚动监听，css设置：height: calc(100vh - 54px);overflow: hidden scroll;2、添加监听：methods中增加滚动处理函数 handleScroll() { let top = document.q...原创 2022-04-11 18:38:06 · 3559 阅读 · 0 评论 -
原生js，鼠标移动拖拽元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title.原创 2022-03-10 18:07:12 · 293 阅读 · 0 评论 -
一份可用的vue3 package.json
{ "name": "ribao_manage", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "@element-plus/icons-vue": "^1..原创 2022-03-04 17:38:30 · 880 阅读 · 0 评论 -
可在手机浏览器下载文件的方法
后端获取的数据为blob格式的，结合a标签。axios({ method: "get", url: "/api/xxxx", params: { xxxx }, responseType: "blob" }).then(res => { if (window.navigator.msSaveOrOpenBlob) { navigator.msSaveBlob(res.dat...原创 2022-02-23 14:04:04 · 1841 阅读 · 1 评论 -
原生js实现手机端底部上拉加载数据
<div class="touch-wrap" @touchstart="handleTouchStart" @touchend="handleTouchEnd"> <div class="content-wrap"> xxxxxxxxxxxxx </div></div>使用的事件：touch涉及的是touchstart，touchend，其实还可以使用touchmove添加上拉时元素位置移动的效果，.原创 2022-02-23 10:00:21 · 642 阅读 · 0 评论 -
文章标题作为id使用时的字符正则处理
需求：将文章标题(中英文掺杂)作为HTML中的idid的要求有：1、必须以字母A-Z或a-z开头2、之后的字符可以是：字母（A-Z a-z）、数字（0-9）、连字符（“-”）、下划线（“_”）、冒号（“:”）和圆点（“.”）考虑到标题中主要是中文字符，最有可能的便是开头是数字的情况，故而将数字进行处理。reg = /^(\d+)|[\s+*/%=(),:!"'<>|?\\@#$&！，。？、—~￥……（）：“”《》]+/g...原创 2022-02-21 14:25:18 · 261 阅读 · 0 评论 -
video标签显示预览图非poster方式，仅部分浏览器适用
上传的视频要求播放前显示预览图，适用poster方式需要一个封面的链接，放弃。偶然间发现适用<video controls="controls" preload="auto"></video>preload属性表示是否预加载auto - 当页面加载后载入整个视频 meta - 当页面加载后只载入元数据 none - 当页面加载后不载入视频百度编辑器中添加的视频也可以更改成这种方式，默认的是none。查看编辑器使用时更改是否生效，原来的如下：.原创 2022-02-07 16:11:25 · 1882 阅读 · 0 评论 -
git远程仓库对应本地分支代码修改
1、git仓库原来对应本地代码分支目录下执行git remote remove origin解除关联2、要对应的本地分支目录下，执行git remote add origin git远程仓库地址git push -u origin master原创 2022-01-21 17:15:41 · 319 阅读 · 0 评论 -
vue2 中使用keep-alive
vue2项目中使用keep-alive,可在路由跳回该组件时展示跳走前的数据形式，滚动条等。步骤1：在route.js中使用keepAlive属性，并且定义一个scrollTop存储滚动条位置{ path: "/check/list", name: "CheckList", component: CheckList, meta: { title: "审核列表", keepAlive: true, scrollTop: 0原创 2022-01-12 19:32:12 · 3757 阅读 · 0 评论 -
vue2项目生产/测试环境下，接口地址不同
生产和测试执行的都是npm run build命令，需要配置文件区分一下使用的接口地址1、项目根目录下建两个文件自定义的变量名字一定要以VUE_APP开头，不然使用的时候拿不到！2、package.json中--mode后面跟着的就是.env.xxx文件的名字执行命令的话就是 npm run build:prod 或者npm run build:stage3、普通文件中使用 let apiHost = process.env.VUE_APP_URL;....原创 2021-12-28 17:56:53 · 1272 阅读 · 0 评论 -
vue3 引用vue-ueditor-wrap中百度编辑器ueditor实例，字数统计
<vue-ueditor-wrap v-model="content" :config="myConfig" editor-id="editor-demo-01" @ready="ready" ></vue-ueditor-wrap> ready (editorInstance) { this.editorInstance = editorI...原创 2021-12-08 17:13:23 · 1422 阅读 · 0 评论 -
react devtools 插件安装
react devtools 插件下载好后，打开谷歌浏览器的扩展程序，把解压的crx文件拖进来，确认添加即可原创 2021-10-28 17:12:06 · 6706 阅读 · 0 评论 -
echarts x轴显示time
需求统计当天的登录次数，及每次持续时间。实现：echarts 折线图+x轴（time）+y轴（value）返回的数据长这样：重新组织数据，把每一次的start_time和end_time包装成一个折线图的起止let data = [ { name: item.start_time, value: [item.start_time, index + 1] }, { name: item.end_time, value: [item.end_time,...原创 2021-10-27 17:31:10 · 6620 阅读 · 0 评论 -
echarts y轴显示为时间time
需求是展示不同分类的浏览时长，精确到秒，确定是柱状图+x轴（category）+y轴（time）官方文档上只说y轴type可以是time，但没看到示例。多方查找， yAxis: { type: "time", min: `${BASE_TIME} 0:00:00`, max: `${BASE_TIME} 23:59:59` },option中的yAxis如斯设置，BASE_TIME是自己随便定义的...原创 2021-10-27 16:14:23 · 9446 阅读 · 8 评论 -
video标签点击播放时直接全屏显示，播放完成后变成之前的样子
video的两个事件play 和 ended全屏显示，参考了版权声明：本文为优快云博主「CurryChou777」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.youkuaiyun.com/m0_37727560/article/details/106024057最后实现就是：template模板中： <video src="http://haier-dev转载 2021-10-27 15:52:38 · 6096 阅读 · 4 评论 -
vue router 打开新窗口 router.resolve
constrouter=createRouter({routes})//重写constrouterPush=router.pushrouter.push=(param)=>{if(param.blank){const{href}=router.resolve(param)window.open(href,'_blank')}else{routerPush.call(router,...原创 2021-09-22 15:00:18 · 4992 阅读 · 0 评论 -
gitlab连接本地项目出错
运维给了gitlab的地址，一顿操作，终于把本地的项目成功推到了远端，高兴不过3秒，完蛋，搞错项目了。找了会百度也没看到靠谱的解决办法，我手动将gitlab项目里的文件一个个删除了。当然，删之前还是先把本地项目和远端的连接中断：git remote rm origin。接下来是关联正确的本地项目：1、git remote add origin git@gitrepos.lanlianmeng.cn:xxxx.git2、git push -u origin --all报错了，让Git p.原创 2021-08-12 17:38:20 · 422 阅读 · 0 评论 -
vue不是内部或外部命令...
安装@vue-cli后，查看是否安装完成，哦哦vue不是内部或外部命令...又要配置环境变量找到vue.cmd的路径，把它加到环境变量->用户变量的path中，重启命令行就好了。原创 2021-08-03 17:36:59 · 107 阅读 · 0 评论 -
tsc不是内部或外部命令...
安装typescript后，发现无法使用，解决方式：配置环境变量。找到文件tsc.cmd文件所在目录将这个路径添置用户变量的path里保存后，重新打开 命令窗口原创 2021-07-22 16:19:08 · 431 阅读 · 0 评论 -
安装yarn的坑 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。
1、安装yarn npm install -g yarn报错解决.使用Windows powershell（管理员）A命令行： npm install -g yarn2.yarn -v查看版本报错无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。解决： 配置环境变量。找到yarn的bin安装目录确定后，重新打开命令行（可以不是管理员方式）yarn ...原创 2021-07-16 17:36:25 · 24849 阅读 · 3 评论 -
export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
最近用vue3.0起了个新项目，引用element ui2.x的时候，还是按照之前的写法importVuefrom"vue"结果就报错了，原创 2021-06-21 09:53:17 · 1481 阅读 · 1 评论 -
Flow function类
flow用来对js进行静态类型检查// @flowfunction concat(a: string, b: string): string { return a + b;}concat("foo", "bar"); // Works!// $ExpectErrorconcat(true, false); // Error!原创 2021-06-10 15:55:32 · 345 阅读 · 0 评论 -
vant dialog组件使用
vant Dialog组件引入import { Dialog } from 'vant'export default{ components: { Dialog: Dialog.Component//！！！！坑 }}template中使用<Dialog v-model="showSuccess" title="注册完成" > <div>链群编码：932302339093030</div> <div>核准日期：<原创 2021-05-19 14:36:46 · 4906 阅读 · 0 评论 -
字符串换行
let s = ‘sjjdjfjfdsjfdjs\njjjdfjsafj’字符串模板所在的元素添加white-space: pre;原创 2021-05-17 16:33:33 · 496 阅读 · 0 评论 -
图片加载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>加载图片</t.原创 2020-12-08 15:13:47 · 141 阅读 · 0 评论 -
2020-11-24 window.scrollTo(x, y)不好使
window.scrollTo(x, y)不好使document.body.scrollTo(x, y)好使Vue项目中。原创 2020-11-24 19:29:00 · 1039 阅读 · 0 评论 -
2020-11-04记一次组件递归调用
最近做了个权限管理的功能，主要就是为不同的角色或者用户设置不同的权限。布局使用的elementUI的抽屉组件和container容器布局。实现方式是组件递归调用。主要用到了父子组件之间的通信。点击列表中的权限设置，弹出抽屉组件。抽屉组件在主页面中使用<el-drawer :title="drawerTitle" size="90%" :visible.sync="drawer" custom-class="permission-dr原创 2020-11-05 12:52:24 · 285 阅读 · 0 评论 -
vue 穿透 less
.wrap{& /deep/ (第三方插件元素) {some style}}关于&的使用，参看下面https://segmentfault.com/a/1190000014071283?utm_source=tag-newest原创 2020-10-30 15:06:03 · 511 阅读 · 0 评论 -
vue-orgchart 导出图片功能备注
需借助 html2canvas.js插件。在public文件夹中添加，在index.html中使用script中引入。原创 2020-10-23 15:56:02 · 575 阅读 · 0 评论 -
js 下载文件模板，可以是Excel，视频等
export(url,title){axios.get(url,{responseType:"blob",}).then((res)=>{if(!(res.datainstanceofBlob)){alert("未知错误");return;}constbl...原创 2020-09-11 17:43:03 · 503 阅读 · 0 评论 -
Hi, fals(e)y & truthy
falsey也称作falsy，假值，相对于truthy假值就是强制转换成Boolean时为false的值，都有些谁？if(false)if(空字符串)：包括 "",'',``双引号，单引号和模板字面量if(null) null-没有值if(undefined) undefined-原始值if(NAN)if(0) 正0if(-0) 负0if(0n)当BigInt作为布尔值使用时, 遵从其作为数值的规则.0n是falsy值.if(document.all)...转载 2020-09-10 10:20:02 · 233 阅读 · 0 评论 -
background
background: bg-color bg-image bg-position/bg-size bg-repeatbg-origin bg-clip bg-attachment initial/inherit1、background-color: color/transparent(默认)/inheritcolor:颜色名称： red, green 16进制： 形如#RRGGBB，当RR/GG/BB分别相同时，可简写成#RGB，#FF55CC===#F5C RGB,这个是函数格式，rg.原创 2020-08-11 13:57:03 · 284 阅读 · 0 评论 -
使用svg画圆环
项目中需要一个圆形进度条，本着能省则省的原则，先去elementui上看了下，傻眼了，不一样，ui直接否定了这个办法。这个是设计，这个是elementui上面的，差很多吗？yes!去百度了发现自己画一个也不是很费事，经过一番思想建设，对，就是在想ui为啥要求这么严格，哈哈哈，开干！先画了个差不多的，两个圆圈简单点，代码如下：<?xml version="1.0" stan...原创 2019-10-21 17:47:48 · 6501 阅读 · 1 评论 -
angularjs $http POST统一配置方法
<!DOCTYPE html><html lang="en" ng-app='test'><head> <meta charset="UTF-8"> <title>angular 统一配置</title> <script src="angular.js"&a原创 2018-07-20 10:29:24 · 1605 阅读 · 1 评论 -
angular $http 的JSONP实例
本文内容来自开课吧相关视频。JSONP主要就是为了解决跨域问题。angular中关于jsonp使用因为版本的不同而有差异，主要是1.6.4以前和以后。1.6.4以前<!DOCTYPE html><html lang="en" ng-app='test'><head> <meta charset="UTF-8"> <ti原创 2018-07-30 10:20:27 · 2387 阅读 · 2 评论