分类 前端 下的文章

JS文件资源提示符normal先加载dom元素，在获取js文件，执行，解析。async边加载dom元素边加载js文件，js文件加载后，不管dom元素是否加载完毕都执行，最后解析。defer边加载dom元素边加载js文件，js等dom加载完成后后执行，最后解析。不使用资源提示符，默认就是normalcss资源提示符用法rel="提示符"，其实不止css可以使用，图片字体什么...

tailwindcss 4.0已经正式发布。安装方式也有一些改变，步骤简单了不少。虽然官方也有安装说明，但是感觉不太适合我，所以自己微调了下，用本文做个记录。安装 Tailwind CSStailwindcss 通过 npm 安装。npm install tailwindcss @tailwindcss/cli将 Tailwind 指令添加到您的 CSS创建一个css文件，位置随意，比如sr...

起因我写了个html网页，body部分设置不允许滚动，且高度占满，然后body下面是个div，使用弹性布局flex-1占满页面，允许滚动，然后弄了个表单用于登录，然后发现在手机版safari上，唤醒输入法后，取消输入，页面被顶上去的某部分无法恢复原位置，且手动下滑也不行。视频bug演示解决方法其实百度一搜，发现不止我一个人踩坑，不过好多都是用js修复的，我也懒得实验，加上我这个页面搜索部分的...

之前在Q群里里面看到群机器人有个生成撅人表情包的功能，如下图所示，当时就在想能不能自己用JS也实现个，但感觉自己这方面一片空白，一直就没弄，直到有次电脑打开了这个表情gif，发现一共就三帧动画，好像也不是很复杂的样子，于是乎就又有动力了。记得在张鑫旭大佬博客看到过生成gif图的文章，搜了下是gif.js库，然后就是引用库，加上ai一顿乱套代码，屎山代码把功能实现了，就是用canvas画三个画...

最近在网上看视频，发现了个暖心的设计，如下图：最开始没细看，还以为进度条上的图标都是一样的，今天翻出来截图发现，图标姿势并不同，这是这么多年以来看过的最有意思的设计了哈哈?！

首先在网上找到原神logo的svg，确保任何屏幕原神都是高清的。其次就是给xlog自定义css，具体如下：body:after { content: " "; position: fixed; inset: 0; background-color: white; z-index: 999; background-image:...

前几天无意间访问到了个韩国的动漫视频站，然后看到个页面每个div背景色都不同疑似根据图片进行的取色，然后就想看看他是用什么js设置的，f12一看发现好像不是js，然后我就以为是写死的，想看看怎么写的，结果一看不要紧，学到个骚操作。代码Html部分的核心代码<div class="board"> <div class="images"&...

tailwindcss 3.0已经正式发布。安装方式也有一些改变。此贴将对3.0的安装方式做一些说明。安装 Tailwind CSStailwindcss 通过 npm 安装，并创建您的 tailwind.config.js 文件。npm install -D tailwindcss npx tailwindcss init配置您的模板路径在 tailwind.config.js 文件中添加...