
开发
文章平均质量分 74
参宿7
路虽远行则将至,事虽难做则必成
展开
-
浏览器解析url-->建立TCP连接-->发起https请求-->关键渲染路径CRP
脚本开启和关闭:将直接添加到样式表中意味着目标元素通常会在不久的将来发生变化,而浏览器会保留优化更长的时间。过度使用将导致内存使用过多,并导致更复杂的渲染发生,因为浏览器试图为可能的更改做准备。这将导致更差的性能。/* 关键字值 *//* <custom-ident> 示例 *//* <custom-ident> 示例 *//* 两个 <animatable-feature> 例子 *//* 全局值 */原创 2024-08-23 14:25:38 · 1115 阅读 · 2 评论 -
Error in callback for watcher “function () { return this._data.$$state }“: “Error: [vuex] do not ...
Vuex 中,所有的状态变更应该通过 mutation 来进行,以确保状态变更的可追踪性和可预测性。直接修改一个数组或对象,Vue 无法跟踪这种改变的来源,导致可能的数据流问题和组件渲染错误。当直接修改 Vuex 的状态,比如通过。原创 2024-08-23 11:15:53 · 591 阅读 · 0 评论 -
css预处理器之sass(scss)
mixin中插值不能作为赋值语句的值部分,只能用做属性名定义或者选择器构建时@include中不能使用插值。通过 @extend 调用的占位符,编译出来的代码会将相同的代码合并在一起.1、类似 CSS 的注释方式,使用 ”/* ”开头,结属使用 ”*/ ”%声明的代码,如果不被 @extend 调用的话,不会产生任何代码。在除法运算时,如果两个值带有相同的单位值时,除法运算之后会得到一个。比如在不同的地方调用一个相同的混合宏时,不能将两个。2、类似 JS的注释方式,使用“//” 两者区别,原创 2023-11-29 22:24:00 · 2223 阅读 · 0 评论 -
js生成唯一标识符uuid
【代码】js生成唯一标识符uuid。原创 2023-06-30 00:52:37 · 252 阅读 · 0 评论 -
js中将时间转换为指定格式(‘yyyy-MM-DD)的字符串
【代码】js中将时间转换为指定格式(‘yyyy-MM-DD)的字符串。原创 2023-06-30 00:44:46 · 1331 阅读 · 0 评论 -
无法复制时怎样获取内容
在body中contenteditable="true",然后直接在html文档中复制。原创 2023-06-30 18:39:18 · 348 阅读 · 0 评论 -
yarn/npm certificate has expired
目录报错原因:HTTPS 证书验证失败方法a.检查网络安全软件:可能会拦截或修改 HTTPS 流量b.strict-ssl:false关闭验证【临时方法】yarn 安装包时报“certificate has expired”_yarn certificate has expired-优快云博客原创 2024-02-04 18:06:53 · 2488 阅读 · 0 评论 -
通信流程:https【SSL/TLS】,git仓库【https/SSH】,蓝牙【面对面快传/AirDrop】
用散列/哈希函数得到摘要/哈希值MD5: 128位散列值 (要被淘汰了)SHA-1: 160位散列值SHA-256: 产出256位的散列值。原创 2024-07-15 16:11:41 · 970 阅读 · 0 评论 -
vue:标签属性绑定Vue实例【ref,reactive,内置指令v-bind,v-on】,预定义变量、方法【$methods,$computed】
trim:自动过滤输入的首尾空白字符。.number:自动将用户的输入转为数值类型。.lazy:将实时更新的input事件改为移出输入焦点或回车的change事件,适用于大量输入,或者需要精确验证(邮件、号码)-- 过滤首尾空白字符 -->-- 将输入转为数值 -->-- 使用 change 事件替代 input 事件 -->原创 2024-07-14 11:04:20 · 1286 阅读 · 0 评论 -
ES6-ES13符号:单双引号、变量的解构赋值、占位符 、字符串模版`${} `、扩展运算符...、?,??,_,||=,&&=,in
是 truthy 值(不是 false、null、undefined、空字符串、0、NaN),则将。是 falsy 值(false、null、undefined、空字符串、0、NaN),则将。且等于(&&=) : a &&= b 等同于 a && (a = b);或等于(||=) :a ||= b 等同于 a || (a = b);) 的情况下不会引起错误,该表达式短路返回值是。含局部变量时用模板字符串(反引号 ``` `)链式运算符,不同之处在于,在引用为空 (原创 2024-07-14 10:18:17 · 1161 阅读 · 0 评论 -
开发常识:命令行终端、库源码、版本、开发环境阶段、API和SDK、PV/UV
在开发和测试阶段,使用 HTTP 可能更方便,避免了配置证书和加密协议的复杂性,节省了开发时间。开放的CDN(内容分发网络)平台,用于托管开源的JavaScript、CSS和NPM包。的测试,包括功能测试、性能测试、兼容性测试等,以确保软件的质量和稳定性。的网络环境或特定的攻击场景,此时使用 HTTP 可能更合适。软件版本提交给测试团队后的。测试,旨在快速验证软件的。原创 2024-07-04 21:17:53 · 410 阅读 · 0 评论 -
JSON数据处理以及常用方法
如果是一个字符串,表示使用该字符串作为缩进。如果是一个数字,表示缩进的空格数;原创 2023-12-14 10:58:25 · 1453 阅读 · 0 评论 -
h5兼容移动端【调试vconsole +单位postcss-pxtorem】
此Hook利用了的resize事件,处理移动设备上因等导致视口变化API 提供了有关视觉视口(visual viewport)的信息,即用户实际看到的部分,这部分可能会因为UI元素(如地址栏和键盘)的显隐而改变。原创 2024-04-19 21:43:08 · 914 阅读 · 0 评论 -
windows10清理C盘
根据自己的需要设置完成后,点击下方的【立即清理】开始清理,系统会按照页面设置清理文件。是聊天自动下载的图片和视频内容,该文件也是占很大空间,尤其是使用好几年的微信,删掉里面的内容可以优化出好几十G空间呢!一般电脑的文档、软件以及相关下载默认都是C盘,我们把这些设置到其他盘,就能节省很多空间!存储感知:我们可以在【更改详细设置】(自己设置)来清理临时文件。是聊天下载的文件,点进去可以按需删除(按文件日期整个文件夹删掉)勾选需要清理的文件,然后点击【确定】即可清理!选择系统下面的【存储】并打开【存储感知】。原创 2023-06-21 14:45:20 · 301 阅读 · 0 评论 -
封装进度条onUploadProgress+axios取消请求的上传组件
点击或拖拽上传文件-- 使用正则表达式替换所有点号 -->请上传{{ format.replace(/\./g, "") }}格式文件,上传多份文件时以最后一次为准原创 2023-11-27 14:56:18 · 1192 阅读 · 0 评论 -
Linux:-bash: bash Anaconda: command not found
问题:Linux安装Anaconda 报错-bash: bash Anaconda3-2022.05-Linux-x86_64.sh: command not found。原因:复制的过程中可能会复制网站的中文字符进去,也可以因为编译原因,空格的个数不一样。解决:bash A然后用table自动补全。原创 2022-09-16 21:08:59 · 937 阅读 · 0 评论 -
应用场景中的localstorage
【代码】应用场景中的localstorage。原创 2024-04-18 16:23:36 · 327 阅读 · 0 评论 -
Import Error: cannot open shared object file: No such file or directory错误通用(root、非root)
Linux服务器ImportError: libGL.so.1: cannot open shared object file: No such file or directory为例。原创 2022-09-17 09:06:32 · 621 阅读 · 0 评论 -
react-chart数据可视化库中annotationPlugin注释无效
钩子函数来手动绘制标记(marker)需要导入相关的插件或者使用。原创 2023-06-06 20:47:33 · 167 阅读 · 0 评论 -
TS4 入门笔记【慕课网imooc】【Vue3+React18 + TS4考勤系统】
【慕课网imooc】【Vue3+React18 + TS4考勤系统】(2.25更新完毕)原创 2023-02-20 14:47:18 · 3963 阅读 · 0 评论 -
(非)首次出现bash:command not found情况详解
1.检查该命令工具是否安装(适用于 第一次出现not found的情况)2.检查各个bin文件夹的内容是否非空(适用于 输入类似ls、tty这种常见指令以前可用但最近出现not found的情况)3.检查是否是$PATH设置是否正确(通用情况)原创 2022-12-02 09:02:39 · 5065 阅读 · 0 评论 -
自定义请求Hook和数据请求库SWR
method?: string;})});原创 2024-04-19 15:10:27 · 797 阅读 · 0 评论 -
【考勤项目】Vue3+React18 + TS4 入门到实战
根据本人需要,目前只记录React18+TS4,Vue3+TS4可参考。原创 2023-02-20 14:47:49 · 4239 阅读 · 0 评论 -
Python虚拟环境的创建、使用
对于不同的应用建立专属的python环境。1.避免环境之间产生冲突,保证环境得统一性。(如:服务器上非管理员,无独立环境,需要安装虚拟环境)2.避免一个环境造成得安装包过的多,导致环境加载缓慢。3.pytorch应当在anaconda虚拟环境里安装,不然会安装到liunx自带的python里(有些linux服务器没有带)原创 2022-09-16 23:25:29 · 432 阅读 · 0 评论 -
解决方法集合CondaHTTPError:HTTP 000 CONNECTION FAILED for url<https://mirrors.tuna.tsinghua.edu.cn/anaco
CondaHTTPError:HTTP 000 CONNECTION FAILED for url<https://mirrors.tuna.tsinghua.edu.cn/anaconda主要原因:配置没配对方法A:在cmd输入,方法B:修改.condarc(运行期配置文件)其他原因。tips:pip镜像源下载包,暂时设置镜像源,永久设置镜像源下载原创 2022-12-02 18:43:41 · 24718 阅读 · 13 评论 -
json diff patch
文件和图片的比对靠字符串。原创 2024-04-17 22:27:59 · 996 阅读 · 0 评论 -
内网服务器无法访问外网下载时,制作本地清华镜像源,搭建中转服务器(rinted)
目录情况A.内存足够且多用户需要下载,且有root权限,无需频繁更新:同步清华镜像源,制作本地pip镜像源B.有可访问外网的内网服务器,且有root权限:搭建中转服务器C.以上条件均不满足,仅限于安装,不涉及更改系统设置内网搭建pip镜像源_51CTO博客_pip设置镜像源搭建内网pip3镜像源_丰友强的博客-优快云博客_pip3 源这台中转服务器可以使用nginx、rinetd、firewalld等实现。只需要对该中转服务器放开访问互联网策略即可。此处使用rinetd做的端口转发,并且做了源地址访问限制原创 2022-12-05 02:23:24 · 2884 阅读 · 0 评论 -
怎样避免Uncaught TypeError: Cannot read properties of undefined or null
切换到严格类型检查模式:添加属性:"strictNullChecks": true原创 2023-02-25 17:14:44 · 858 阅读 · 0 评论 -
端口转发工具Rinetd详细入门教程
目录条件下载 安装方法A.shell安装方法B.shell脚本安装配置rinetd.conf文件编辑器A:nano(新手友好)编辑器B:vim编辑器rinetd开关A.配置启动B.脚本启动创建脚本启动测试参考链接例如:iptables -A INPUT -p tcp -m tcp --dport 8080 -j ACCEPT 转发规则这个转发只看目标端口协议,如果目标端口协议是TCP的,工具软件中就使用TCP连接,如果目标端口协议是SSL的,工具软件中就使用SSL连接即可。的转发,是无条件转发,不查看协议等原创 2022-12-05 02:20:39 · 11391 阅读 · 0 评论 -
navigator.clipboard/ textarea 选择剪切
如果不支持或者用户没有授权访问剪贴板,代码会回退到使用一个不可见的。API 来复制文本。元素来实现复制功能。原创 2024-04-19 11:38:56 · 522 阅读 · 0 评论 -
【千峰】React全球新闻发布管理系统
千锋2022版React全家桶教程_react零基础入门到项目实战完整版_哔哩哔哩_bilibili七模块1.登录模块 –登录验证拦截粒子特效。2.权限管理模块权限列表,以及权限的增删改查角色列表,以及角色的增删改查3.用户管理模块用户列表,以及用户信息的增删改查4.新闻管理模块富文本撰写新闻草稿箱新闻分类5.审核管理模块审核新闻审核列表6.发布管理模块待发布已发布已下线7.新闻大数据分析npm是国外...原创 2023-02-04 21:12:12 · 1530 阅读 · 0 评论 -
echarts警告:Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight. ........
不能找到dom节点的宽高,宽高获取不了导致绘制不出图。原创 2023-06-07 15:35:07 · 4579 阅读 · 0 评论 -
CSS框架:Tailwind CSS
扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类(class)名,然后生成相应的样式代码并写入到一个静态 CSS 文件。原创 2024-02-04 19:21:30 · 3293 阅读 · 1 评论 -
国际化(i18n):react、vue、element兼容
i18n应用中,下述 JSON 对象通常会根据不同的语言或功能模块被拆分成多个独立的 JSON 文件,如zh->home.json,en->login.json。从本地化资源文件中获取特定键的字符串,并且可以动态地插入变量。"CN" 则表示该语言的特定区域,即中华人民共和国(China)。(namespace,如下述zh.json中的login),避免了不同组件间状态管理的复杂性和冗余性。包含国际化设置的对象,判断和切换语言。等在整个应用程序中需要访问的数据。,.xml,.ts存储对象。原创 2024-02-04 17:29:51 · 2703 阅读 · 0 评论 -
匿名/箭头函数,立即执行函数IIFE;函数声明式和函数表达式
工具函数Util。原创 2024-01-19 19:07:03 · 667 阅读 · 0 评论 -
前端环境安装【mac/window,nvm/node,npm/yarn,react/vue/ts,git,IDE(vs,沙箱/测试/运行,package与package-lock/yarn.lock】
nvm 主要是用来管理和 npm 版本的工具,可以用来切换不同版本的 nodejs。安装nvm之前先卸载node。原创 2024-01-15 19:28:29 · 1318 阅读 · 0 评论 -
PC和移动端的可视化引擎对比+实例
性,但需要更多的编码工作。原创 2023-08-23 14:53:30 · 1807 阅读 · 0 评论 -
【前端面试】中大文件:采样切片标识文件,动态切片大小,动态并发请求,断点续传,选择重传
通过分块计算哈希,你可以轻松检测到哪些块没有正确传输,从而有机会恢复或重新传输这些块。所以spark-md5 文档中要求传入所有切片并算出 hash 值,不能直接将整个文件放入计算,否则即使不同文件也会有相同的 hash。如果需要处理更大容量的数据,或者需要在不同域之间共享数据,可以考虑 IndexedDB 或服务器端存储。另外考虑到如果上传一个超大文件,读取文件内容计算 hash 是非常耗费时间的,并且会。通过将文件切成小块,在处理过程中只需要操作单个块,减小了内存的压力。在该块中,添加或修改。原创 2023-08-19 18:35:33 · 973 阅读 · 0 评论 -
渲染页面方式、SEO搜索引擎优化
利用搜索提高网站在有关搜索引擎内的自然排名。加载慢的话,SEO也会降低。原创 2023-08-09 16:50:13 · 1704 阅读 · 0 评论 -
前端先行模拟接口(mock+express+json)
适用于前端先行,api中有设置mock。原创 2023-08-09 14:27:46 · 3578 阅读 · 0 评论