摘要: * 在form表单中选择视频和图片文件后,如果有在网页上预览的需求,可以通过H5提供的 FileReader 对象来实现 * FileReader - Web API | MDN、 * 案例 (本例只是展示如何获取到本地图片和视频的base64 url地址,实际项目中还会涉及到选中文件的删除等操作, 阅读全文
posted @ 2024-11-30 14:11 anch 阅读(21) 评论(0) 推荐(0)
摘要: 熟悉代码片段的添加和编辑,建立自己的代码片段库。 掌握常用的shell脚本编写能力,能够快速的编写文件处理相关的插件。便于构建各种模板文件并生成对应的快捷取用命令。 熟练使用vim 和 双拼,你越熟悉它们,你就会越自由。 掌握 vim 宏功能 和 脚本功能。便于批量处理重复性的修改和生成。 养成写博 阅读全文
posted @ 2024-10-07 10:13 anch 阅读(11) 评论(0) 推荐(0)
摘要: 准确的来说,应该是WSL2,这是一个windows操作系统官方提供的Linux子系统,可以在应用商店中进行安装, 个人安装 Ubuntu 安装好以后,将终端防止到开始界面上,注意这里的终端不是命令提示符,名字就叫终端,是windows系统的一个应用,如果没有可以在应用商店中安装。 打开终端,如果是全 阅读全文
posted @ 2024-10-07 09:59 anch 阅读(38) 评论(0) 推荐(0)
摘要: 在个人目录中,有一个隐藏文件 .bashrc。这个文件是对bash进行配置的。 简化提示内容,将下面的命令添加到 .bashrc 文件中 export PS1='\e[0;32m\$[\W]\e[0;37m' 阅读全文
posted @ 2024-10-07 09:58 anch 阅读(18) 评论(0) 推荐(0)
摘要: 安装常用代码编辑器,个人使用 vscode。安装常用插件如(chinese,vim,liveServer,博客园 等) 添加常用代码片段的配置文件中 对代码编辑器进行常用配置,插件配置等 如果是windows系统,安装wsl2子系统,并创建快捷命令 在个 Linux 人目录下创建 .templage 阅读全文
posted @ 2024-10-07 09:58 anch 阅读(31) 评论(0) 推荐(0)
摘要: 问题描述:当页面出现滚动条后,页面的实际可用宽度就不是100vw了,这对于一些需要横向占满屏幕的元素来说就是灾难。比如说banner。clientWidth也因为兼容性不能保证好用。 解决思路:在body内建立一个类名为window的容器div,宽高设置为100vw/vh,其内部创建一个类名为con 阅读全文
posted @ 2024-10-06 00:21 anch 阅读(128) 评论(0) 推荐(0)
摘要: 大名鼎鼎的 tailwind ,可以避免开发的时候,一边写类名,一边写css文件。但是写出来的html部分看到起来很臃肿,所以自定义css相关内容作为精简。 最好的方式,应该是定义一套规则,通过类名来自动生成css内容,但是限于自身技术不达标,先写成css文件群,通过tailwind进行调用。实现静 阅读全文
posted @ 2024-10-05 08:55 anch 阅读(13) 评论(0) 推荐(0)
摘要: [ PS ] 自写这篇文档的时候,这个模块还在开发当中,没有稳定的正式版本发布,但是开放了edge通道,经测试可以正常使用。 官方文档 [ 安装及配置准备 ] 安装模块 npx nuxi@latest module add i18n 配置nuxt模块,nuxt.config.ts modules: 阅读全文
posted @ 2024-08-18 07:31 anch 阅读(131) 评论(0) 推荐(0)
摘要: [ 环境准备 ] [ 安装 ] ubuntu sudo apt install git-all [ 查看配置项及其所在文件 ] git config --list --show-origin [ 配置文件 ] Git 自带一个 git config 的工具来帮助设置控制 Git 外观和行为的配置变量 阅读全文
posted @ 2024-08-17 10:32 anch 阅读(34) 评论(0) 推荐(0)
摘要: [ 移动端浏览器会缩放字体导致页面布局变化 ] ps: 这个问题弄得我整个人都不好了,移动端浏览器可以设置字体缩放,而且不同浏览器不同设备默认缩放程度不同。 仔细观察页面,就会发现也不是所有的字体都会被缩放。 经过反复对比发现,提供了宽高数值,并且设置了flex布局的文字就不会被缩放,无论怎么设置字 阅读全文
posted @ 2024-07-30 10:17 anch 阅读(50) 评论(0) 推荐(0)