摘要：
Windows 有多磁盘管理，那又如何，许多程序为了节省上行带宽流量，会将大量数据/预训练模型默认下载到我们 C 盘的某个位置，动辄就是几 GB 甚至几十 GB，有的干脆没有提供修改入口。 安装系统时我特意为 C 盘留出 200 GB 的空间，后来从职业装机那边了解到，对于个人和工作使用已经算非常大 阅读全文
摘要：
在最后编辑博客内容时，我的 Sublime 版本为 4180。 我基本用 Sublime Text 4 替代了系统自带的 Notepad，我用它编辑任何东西（除了代码，手动狗头）。 开始我怀疑是 Package Control 安装了过多依赖导致的兼容性问题，因为我使用 2,3xxx 版本时没遇到过 阅读全文
摘要：
翻遍了 Google、Reddit 的2024年相关文章，还有 Sublime 与 Package Control 的官方公告与 Github Issue 区的 is:open 讨论， 从三十几个大篇幅内容的文章/公告/讨论页面整理了一套有效、覆盖广并且没有副作用的操作流程， 如果您对 Sublim 阅读全文
摘要：
应用场景 我们开发迭代包时，偶尔会出现某需求因特殊原因无法正常与迭代一起发布的情况，期望保留并延续到下个迭代中发布。如果有良好的分支管理，本地分支大概率会非常多，我经常会定期清理，此时也许会造成误删。 由于并行开发多个分支，误将某一个未合并的分支删除了。 本篇仅说明在此类情况下如何恢复已删除、且未上 阅读全文
摘要：
应用场景 当一个功能模块比较庞大时，本地工作区在开发中可能进行了多次 commit / merge 操作，这时本地版本库的工作树是混乱不堪的。 如果将混乱的工作树维持原状提交至远程分支，当我们只需要提前发布该部分的代码时，就要在 master 远程分支中不断地 pick + rebase 操作，产生 阅读全文
摘要：
偶尔会有某一部分的代码或缺陷修复需要临时被提前发布，假设当前分支已修改了这个BUG，但当前分支已存在其他未开发完的代码，无法临时提交全部代码的情况。 解决方法 1. 严格切分支： 为每个 BUG / 需求 从当前模块的主分支中切一个分支出来对应开发。 2. 串行开发&频繁push：在该分支中不进行并 阅读全文
摘要：
效果预览 Shadow DOM Web components 的一个重要属性是封装——可以将标记结构、样式和行为隐藏起来，并与页面上的其他代码相隔离，保证不同的部分不会混在一起，可使代码更加干净、整洁。其中， Shadow DOM 接口是关键所在，它可以将一个隐藏的、独立的 DOM 附加到一个元素上 阅读全文
摘要：
先上报错 关键行： Failed to compile. - 字面意思，编译失败，原因一般都在下面的白字报错 Module build failed (from ./node-modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js): - 模块构建失败， 阅读全文
摘要：
阅读时间约 7 分钟，复现时间约 15 分钟 （更新）不用读了，开源万岁，你一定在找这个：https://github.com/localsend/localsend 由于之前一直在用的扩展 QPush 停止服务了，苦于一人凑齐了 Window, Android, Mac, ios 四种系统的设备， 阅读全文
摘要：
Web API - event.preventDefault( ) Event 接口的 preventDefault( ) 方法，告诉 user agent ：如果此事件没有被显式处理，它默认的动作也不应该照常执行。此事件还是继续传播，除非碰到事件侦听器调用 stopPropagation( ) 或 阅读全文
摘要：
概述 同源策略 是一个重要的安全策略，它用于限制一个 origin 的文档或者它加载得脚本如何能与另一个源的资源进行交互。它能帮助阻挡恶意文档，减少可能被攻击的媒介 [ MDN ] . 同源策略 是为了保护用户信息，用户信息分为两种： 存在用户本地的信息，如cookie； 存在服务器数据库的用户信息 阅读全文
摘要：
阅读时间约 15 分钟 Nginx 众所周知，互联网已经离不开 WEB服务器 ，技术领域中 WEB服务器 不止 Nginx 一个，其他还有很多如 Apache 、 Tomcat 、 Lighthttpd 等，相信能看到这篇文章的友友们对这几个单词都不陌生。而 Nginx 因其高性能、轻量性、健壮性让 阅读全文
摘要：
Array.prototype.map() map( ) 方法创建一个 新数组 *，其结果是该数组中的每个元素是调用一次提供的 函数后的返回值 *。[ MDN / RUNOOB ] * map 添加在第5版的 ECMA-262 标准中，我们可以通过 polyfill 在 ES2015 之前的标准中实 阅读全文
摘要：
概述 使用 vue-cli 工具生成一个 vue 项目： vue init webpack my-project-vue 在生成的项目结构里,会有一个 index.js 文件。在这个文件里,会有一个 proxyTable 的空节点. 理解这个节点的作用需要有两个前置知识： 前端跨域 利用代理服务器进 阅读全文
摘要：
导出效果 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <table id="table" border="1"> <tr styl 阅读全文
摘要：
ELEMENT UI_CASCADER 使用过饿了么级联动态加载的小伙伴应该都知道，lazyLoad本身是一个无差别返回渲染结点的函数。 当我们存在一个需求：已知级联选择器的第一级结点，现在需要通过第一个结点的value入参调取第二级菜单。 将第一级结点的data写入options，将含有lazyL 阅读全文
摘要：
使用三方UI库时经常会遇到在data中写入方法的场景，如Element-UI的级联选择器（动态加载part）需要在data中写入lazyLoad. 但后端总会给出意想不到的需求： 通过接口调取一串数据格式如 [ { id: 1, name: '97z', code: 191, children: [ 阅读全文
摘要：
在控制台调试toFixed()丢失精度的问题时，踩了一个意料之外情理之中的小坑。 点常量 & 点运算符 浏览器傻傻分不清 // => "1.10" 1.1.toFixed(2); // Uncaught SyntaxError: Invalid or unexpected token 1.toFix 阅读全文
摘要：
浏览器已更改toFixed的标准，下文仅代表toFixed函数在2021.06的具体表现。 语法 - Number.prototype.toFixed( ) // toFixed()方法 使用定点表示法来格式化一个数值。 numObj.toFixed(digits) 参数 描述 digits 小数点 阅读全文
摘要：
当业务场景需要用变量存储html标签，包含类名和其他一些属性，再动态地将其渲染到页面上。 看下普通的存储方式： initHtml: function () { var me = this; // var _html = ['<div class="mykb-box" id="mykeyboard' 阅读全文
摘要：
Nginx日志 - ./nginx-1.6.0-ems/logs/nginx.pid Nginx启动时应该使用cmd等命令行工具启动，双击启动同样会产生进程但会造成异常，判断条件是 ./nginx-1.6.0-ems/logs 目录下无nginx.pid文件。 Nginx如果启动失效可以在 ./ng 阅读全文
摘要：
简述Nginx应用场景（前后端） 我们在开发 vue 项目时大多会通过 proxyTable 进行跨域，但如果没使用任何框架和 CLI 、或者想验证 webpack 打包后工程文件的准确性、再或者其他没有跨域插件的项目中，想要跨域就要引入配置许多的外部包，整个流程操作起来耗时耗力耗资源，这时应用场景 阅读全文
摘要：
身份证格式 六位数字地址码 + 八位数字出生日期码 + 三位数字顺序码 + 一位数字校验码 checkIdCard.js checkIdCard: function (idCard){ //15位和18位身份证号码的正则表达式 var regIdCard=/^(^[1-9]\d{7}((0\d)|( 阅读全文
摘要：
MDN - 三元运算符 语法 Condition ? exprIfTrue : exprIfFalse 用例： function getFee(isMember) { return(isMember ? '$2.00' : '$10.00') } getFee(true) // expected o 阅读全文
摘要：
Template // 起始日期 <el-date-picker v-model="queryParams.startTime" :picker-options="lPickerOptions" @change="lPickerChange" /> // 截止日期 <el-date-picker v 阅读全文
摘要：
文件大小限制 - Promise checkFileSize(file, rules) { return new Promise((resolve, reject) => { file.size / 1024 / 1024 > rules ? reject() : resolve() }).then 阅读全文
摘要：
provide和inject可以通过祖先组件隔三层四层甚至隔着九层妖塔传值给子孙组件。 需要注意的是这样的传值方式是非响应式的，需要结合自身的应用场景，比如将上传的限制条件通过父组件传值给子组件的子组件，这样就不用写两个props了， 只需要在父组件中写下provide传入： export defa 阅读全文
摘要：
两层for循环 这种函数的优点是兼容性好比较通用，缺点是时空复杂度都很直观的为O(n2)，不利于维护和性能。 var array = [1,1,'1','1'] function unique(array) { var res = [] for (var i=0,arrlen=array.lengt 阅读全文
摘要：
业务场景 从列表跳转详情页，通过操作返回列表页时，滚动条仍然处于跳转前的高度，并加上 ease-out 的过渡动画。 由于sessionStorage是随页面即关即消的，所以比起VUEX、localStorage、cookie更适合此应用场景 跳转页面标签执行事件 JSON.stringify(Se 阅读全文
摘要：
问题 一个很简单的this指向问题引起的报错： 记录下来主要是想看看这玩意到底指向哪里： 真不戳😅 解决方法 ES6的箭头函数，有人理解它就是没有this指向，我个人理解是它的this指向函数体的上一级。 也就是因为它没有this指向，它内部的this就会指向包裹它的函数，这样就能很轻松的指向vu 阅读全文
摘要：
Git 报错 在输入git commit编辑注释日志时强制退出git程式，文件会变成只读文件，于是出现下述报错： 解决方法(ERROR45) 我们提交代码的正常操作流程一般是： 输入git commit => 键入i => 写入提交注释 => 键入ESC => 输入:wq => 键入Enter => 阅读全文
摘要：
案例 在国际化开发中，有一部分需要国际化的文字是由数据驱动的储存在data中，然而VUE的data存在很多无法实时更新视图的问题，比如v-for循环的标签，当数据层次过深，通过源数据数组的索引改变它的值是无法实时更新到视图上的。 这个问题可以用 vue.js 提供的 this.$set( ) 或者 阅读全文
摘要：
今天的主角： Operator Description 一元正值符 " + "(MDN) 一元运算符, 如果操作数在之前不是number，试图将其转换为number。 圆括号运算符 " () "(MDN) 圆括号运算符由一对圆括号组成，包裹表达式和子表达式用来覆盖常规的运算符优先级(MDN)，达到低 阅读全文
摘要：
AntD上传组件 AntDesign VUE文档 第一种方式 beforeUpload(file) { let isLt = true if (filesSize) { isLt = file.size / 1024 / 1024 <= filesSize if (!isLt) { this.$me 阅读全文
摘要：
一个很常见的语法问题，但专注实现需求时经常会忘记去避免，导致最终问题的出现，再花时间排查。为此专门整理一篇解决方法的博客，也加强一下自己的记忆。 TAG： JSON.parse() JSON.stringify() Array.prototype.concat() 扩展运算符 Object.assi 阅读全文
摘要：
在开发过程中我们经常会用到空间去替代时间复杂度的写法，所以当临时变量数量较多时，整体代码会变得冗余。 let a = [] let b = [] let c = [] a.push(1) // dosomeThing 于是可以使用一些方法解决这一问题： let a, b, c a = b = c = 阅读全文
摘要：
在开发过程中一般会用到Git进行版本管理，操作本地分支并与远程仓库交互是非常常见的操作。 branch分支 是指在开发主线中分离出来的，做进一步开发而不影响到原来的主线。 Git存储的不是一系列的更改集，而是一系列快照，当你执行一次commit时，git存储一个commit对象，它包含一个指针指向你 阅读全文
摘要：
TAG: Array.length Array.prototype.reverse() Array.prototype.slice() Array.prototype.pop() Array对象 - pop( ) pop() 方法用于删除数组的最后一个元素并返回删除的元素，要点 - 获取并删除。 l 阅读全文
摘要：
案例摘要 需求是通过v-for循环渲染数组中数据，其中包括本地包的图片文件。话不多说直接上代码： <a-radio-group class="template-radio"> <a-radio-button v-for="(item, index) in templateList" :key="in 阅读全文
摘要：
全局 1 window.addEventListener('scroll', () => { 2 console.log(' ') 3 console.log(document.documentElement.scrollTop, document.body.scrollTop, window.pa 阅读全文