_陌默

CSS中flex:1时overflow失效

qq_21397815 — Fri, 29 Nov 2024 17:40:01 +0800

当连续多层标签使用了flex:1或者height:100%之后，最后一层设置overflow: auto失效。

contenteditable=“true“的标签限制字数的时候修改光标位置

qq_21397815 — Sun, 18 Aug 2024 16:02:22 +0800

有时候input和textarea并不能完全满足ui需求，这个时候我们就用contenteditable="true"来将别的标签修改为可编辑状态，但当我们通过js修改了内容之后光标的位置就是一个问题，那么下面这个函数就可以轻松搞定。

echars点击图例之后只显示当前数据其他隐藏

qq_21397815 — Mon, 15 Apr 2024 18:41:08 +0800

经过在官网查看事件后发现最合适的是legendselectchanged事件，该事件在切换图例选中状态时触发。

closest的用法

qq_21397815 — Tue, 30 Jan 2024 14:35:54 +0800

Element.closest() 是一个DOM（文档对象模型）方法，用于从当前元素开始，沿着DOM树向上遍历，直到找到匹配指定选择器的第一个元素。如果没有找到匹配的元素，则返回 null。

git使用小技巧

qq_21397815 — Tue, 30 Jan 2024 10:55:50 +0800

git rebase。

git仓库镜像

qq_21397815 — Tue, 17 Oct 2023 15:59:42 +0800

在开发过程中经常会遇到项目需要换个仓库的情况，需要将代码从一个仓库迁移到另一个仓库，这个时候第一反应就是用clone + push，但是两个命令组合虽然达到了目的，但是只复制了当前分支，而且之前的commit日志全都无法保留，这是就需要用到一个新的概念，项目镜像。

vue项目中使用service-worker监测项目更新

qq_21397815 — Thu, 15 Dec 2022 18:57:41 +0800

注意点：打包的时候只有当打包环境为production的时候，打包时才会生成service-worker.js,且发布之后只有在https和localhost中可以使用。

VUE项目中国际化按模块添加json

qq_21397815 — Wed, 31 Aug 2022 17:21:30 +0800

这里通过使用require.context 获取文件夹 locals 下的所有.json文件，并将其拼成一个json文件，然后创建i18n。将所有的语言文件放在一个文件夹中，通过js脚本将其内容拼接成一个json文件，然后在生成 i18n多语言化；通过自动化程序生成的json文件多个json文件，需要将其合并并使用i18n。...

js获取浏览器的语言具体值

qq_21397815 — Thu, 30 Jun 2022 10:30:58 +0800

navigator.language

Vue3使用i18n进行国际化代码

qq_21397815 — Thu, 21 Apr 2022 18:42:56 +0800

1. 按照插件 yarn add vue-i18n@next 2. 定义语言文件我这里使用了三个语言,具体的文件目录如下：在src文件夹下创建了i18n文件夹，lang中存放具体的各个国家语言，index.js中存放配置文件 3. 写配置文件 index.js import { createI18n } from 'vue-i18n' const messages = { zh: require('./lang/zh.json'), ja: require('./lang/ja.json'

Linux 修改文件的权限

qq_21397815 — Tue, 22 Feb 2022 16:04:00 +0800

1. 查看文件权限查看文件的详细信息：ls -l; 2. 文件的权限显示就以上面的权限为例，显示说明：文件类型用户组用户其他用户 - rwx rwx rwx 说明：文件类型：d 表示文件目录， - 表示文件; 用户，组用户，其他用户：都为rwx 形式； r：读权限，用数字 4 表示； w：写权限，用数字 2 表示； r：可执行权限，用数字 1 表示； -：表示没有权限。 3. 修改文件权限的写法 chmod [用户权限数字之和][组用户权限数字之和][其他用户权

git 推送到远程库的相关命令

qq_21397815 — Tue, 08 Feb 2022 10:17:02 +0800

创建本地新分支：git checkout -b branch(branch为新分支名称) 将新建的分支推送到远程：git push origin branch:branch（前面branch为远程分支名，后面branch为本地分支名）设置当前本地分支与远程分支的关联：git branch --set-upstream-to=origin/branch branch（前面branch为远程分支名，后面branch为本地分支名）追加到上一次提交：git commit --amend 强制推送： git p.

Linux常见命令

qq_21397815 — Mon, 20 Dec 2021 10:03:08 +0800

Linux常见命令目录操作命令ls生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入目录操作命令 ls 英文原意：list 命令所在目录：/bin/ls 执行权限：所有用户相关命令修饰符： ls（显示当前目录下的文件） ls 目录名（显示指定目录下的文件） ls -l（长格式显示目录文件） ls -l 文件名（显示指定目录

Markdown使用方法总结

qq_21397815 — Thu, 26 Aug 2021 11:58:52 +0800

1 语法 1.1 段落和换行段落的前后必须是空行：空行是指行内什么都没有，或者只有空白符； Markdown中多数区块都需要在两个空行之间；可以在引用中使用任何 Markdown 的语法。第一段的第一行第一段的第二行第二段的第一行第二段的第二行显示效果：第一段的第一行第一段的第二行第二段的第一行第二段的第二行 1.2 标题 Setext 形式(上面必须空白一行) atx 形式：可以用对称的 # 包括文本(也可以只在左边使用 #) = 和 - 的数量是没有限制的。通常的做法

在mac电脑本地搭建nginx

qq_21397815 — Thu, 29 Jul 2021 18:13:35 +0800

1. 首先检查当前电脑是否安装了 brew -v // 如果没有安装则执行以下命令，安装brew： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" 2. 检查是否安装了 nginx： brew search nginx // 如果没有安装 nginx，则使用以下命令来安装 brew install nginx 3. 查看nginx 本地配置文件(配置文件为该目录下的n..

使用mac电脑生成 icns图标

qq_21397815 — Tue, 27 Jul 2021 11:19:44 +0800

1. 首先将你需要转换格式图片放在目标文件夹下，我这里需要转换格式的图片名称为 logo.png； 2. 新建一个文件件，命名为以.iconset 结尾，我这里将新建文件夹重命名为temp.iconset； 3. 创建不同尺寸的 png 图标，具体命令如下： sips -z 16 16 pic.png --out icons.iconset/icon_16x16.png sips -z 32 32 pic.png --out icons.iconset/icon_16x16@2.

封装cookies的set与get方法

qq_21397815 — Thu, 03 Jun 2021 18:54:19 +0800

const cookies = { defaultConfig: { expires: '1d', path: '; path=/', domain: '', secure: '', sameSite: '; SameSite=Lax' }, get: function(key) { var value = decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s.

js函数调用自身

qq_21397815 — Wed, 21 Apr 2021 11:57:29 +0800

JS函数调用自身在函数内部调用自身函数的方式为arguments.callee [{id:"a",value:1,children:[{id:"b",value:2,children:[{id:"c",value:3,},{id:"d",value:4,},{id:"e",value:5,}]}]},{id:"f",value:3,},{id:"g",value:4,children:[{id:"h",v...

通过js实现页面布局

qq_21397815 — Wed, 21 Apr 2021 11:42:38 +0800

（1）请实现上图所示的布局（2）有以下已知条件： center 区域高度必然大于 left、right 区域 left、right 区域溢出后与 center 区域共用同一滚动条当 left、right 区域内容溢出后，请实现以下功能： left、right 区域跟随滚动条滚动到底部就固定住，center 区域继续滚动滚动条向上滚动，当 center 区域滚动到和 left、right 相同高度时，left、right 跟随滚动，滚动到顶部时，left、right ...

js工具函数

qq_21397815 — Mon, 29 Mar 2021 13:49:14 +0800

1. 实现一个数组随机打乱算法 function disOrder(ary) { for (let i = 0; i < ary.length; i++) { let randomIndex = Math.floor(Math.random() * ary.length); swap(ary, i, randomIndex); } } function swap(ary, a, b) { let temp = ary[a]; ary[a] = ary[b];