JS文件资源提示符normal先加载dom元素，在获取js文件，执行，解析。async边加载dom元素边加载js文件，js文件加载后，不管dom元素是否加载完毕都执行，最后解析。defer边加载dom元素边加载js文件，js等dom加载完成后后执行，最后解析。不使用资源提示符，默认就是normalcss资源提示符用法rel="提示符"，其实不止css可以使用，图片字体什么的也都可以，但一般只用于css。preload在dom加载过程中发现了这个提示符时，就直接获取加载css文件prefetch在dom加载过程中发现这个提示符时，会在浏览器空闲的时候获取加载css文件这两个都是在dom加载的过程中来缓存css，preload优先级较高适合着急用的css。用法<!-- 预载 --> <link rel="preload" href="/css/main.css" as="style"> <!-- 调用 --> <link rel="stylesheet&...
tailwindcss 4.0已经正式发布。安装方式也有一些改变，步骤简单了不少。虽然官方也有安装说明，但是感觉不太适合我，所以自己微调了下，用本文做个记录。安装 Tailwind CSStailwindcss 通过 npm 安装。npm install tailwindcss @tailwindcss/cli将 Tailwind 指令添加到您的 CSS创建一个css文件，位置随意，比如src/main.css,并且将内容修改为如下：@import "tailwindcss";开始在您的 HTML 中使用 Tailwind将已编译的 CSS 文件添加到 <head> 并开始使用 Tailwind 来设置您的内容样式。<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
起因我写了个html网页，body部分设置不允许滚动，且高度占满，然后body下面是个div，使用弹性布局flex-1占满页面，允许滚动，然后弄了个表单用于登录，然后发现在手机版safari上，唤醒输入法后，取消输入，页面被顶上去的某部分无法恢复原位置，且手动下滑也不行。视频bug演示解决方法其实百度一搜，发现不止我一个人踩坑，不过好多都是用js修复的，我也懒得实验，加上我这个页面搜索部分的输入框不会有这个问题，猜测和position:fixed属性有关，然后把弹性布局改成了position:fixed定位实现果然没问题了！当然这种方式可能只适合我这种简单项目哈！不怪帮别人说safari是新时代的ie哈，确实坑，而且更新策略还是随系统更新的，否则有bug也不更新
TeAdmin插件灵感来自：https://www.ruletree.club/archives/1066/ 就是借助css隐藏默认后台菜单，然后在用js获取默认后台菜单dom，然后对dom进行调整，在插回页面。主要用到后台的header和begin接口。【生命周期：2020年~2024年，支持typecho1.2.0~1.2.1】NewAdmin插件购买地址：https://typecho.fans/archives/newadmin-typecho-plugin.htmlTeAdmin屎山叠的太厚了，所以在2023年从零重写了个新插件，更加简洁美观，起初实现方式原理也是用js构建页面。重构1：后在2024年12月重构使用ob_get_clean加simple_html_dom.php来获取初始菜单，不在依赖js构建，完全消除因等待js执行而导致的页面闪烁问题。然后利用navBar接口把重构样式的菜单塞到菜单位置上去。2025年重构2：不再使用ob_get_clean加simple_html_dom.php的粗暴方式，改为直接手写函数获取菜单组件并重构样式，提高执行效率缩进代码...
前几天无意间访问到了个韩国的动漫视频站，然后看到个页面每个div背景色都不同疑似根据图片进行的取色，然后就想看看他是用什么js设置的，f12一看发现好像不是js，然后我就以为是写死的，想看看怎么写的，结果一看不要紧，学到个骚操作。代码Html部分的核心代码<div class="board"> <div class="images"> <div class="image" style="background-image:url(图1)"></div> <div class="image" style="background-image:url(图2)"></div> <div class="image" style="background-image:url(图3)"></div> </div> <div cl...
今天网友彼萌在群里问学习css需要哪本书，我和群友都推荐了张鑫旭的《CSS新世界》，《CSS选择器世界》，《CSS世界》这三本书，不过实际上我根本没读过，只是因为之前总逛张鑫旭博客看他文章寻宝，同时确实他的书销量也不错所以就推荐了。然后我就张口就来了。和彼萌也认识好多年了，最初应该是他买我Yodu模板时认识的，而且博客每年赞助榜上都有他，确认过眼神是真爱❤！其实我css也是野路子，没有规范性学过，之前都是用框架胡乱拼凑，从去年开始使用TailwindCss后，因为是原子css框架，所以很多css属性就逐渐懂了一些。但肯定还是不够的，所以就厚脸皮白嫖了下。以后上班没事时就可以看看了，合法摸鱼哈！彼萌的网站：https://bimoes.com/张鑫旭博客：https://www.zhangxinxu.com/后续刚收到时看了10页左右，热度消退，收起来吃灰去了...
在百度地图开放平台（http://lbsyun.baidu.com/）登录账号新建应用，应用类型选择浏览器端，建立完成后我们会得到应用AK。css样式代码#allmap 地图显示代码<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=你的ak"></script> <div id="allmap"></div> <script type="text/javascript"> // 百度地图API功能 var map = new BMapGL.Map("allmap"); var point = new BMapGL.Point(坐标,坐标); map.centerAndZoom(point, 15);//显示层级，具体可以参考下方坐标拾取那里，层级越高地址越详细 ...