首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

文件修改时间戳 CSS、JS 等文件的版本号,减少主动清理更新缓存的次数

每次修改 WordPress 的 css 和 js 文件,都要主动清理文件的缓存才能生效,尤其是采用了 oss 和 cdn 回源。...使用函数 filemtime() 获取文件修改时间戳,并以此版本号,比如 my.js?ver=1639757946141 就不用再去手动刷新缓存了。 注意文件必须是 相对路径,使用绝对路径会报错。...<link rel="stylesheet" href="wp-content/themes/wp/static/<em>css</em>/libs.<em>css</em>?ver=<?...php echo filemtime(wp-content/themes/wp/static/<em>css</em>/libs.<em>css</em>); ?...<em>css</em>//wp_enqueue_script() 安全引入 js//代码中的 <em>css</em> 和 js 路径,请根据主题的实际路径修改 function theme_scripts() { wp_enqueue_style

81520

使用nodejs文件下载中转

之前做了一个功能就是点击按钮实现文件下载,文件保存在了阿里云的OSS上,阿里的OSS和七牛的OSS其实个人感觉差不多,一般情况下,前端下载文件很多都是通过一个a标签来进行下载。...,一个是文件路径,如果没有文件名我们就默认文件路径的最后一个斜杠后面就是文件名了。...当get请求有响应后,我们开始向客户端返回数据的准备。 如上面代码中所示,我们获取了content-length,来告诉客户端浏览器将要下载的文件总大小是多少。...然后设置文件的编码为binary,也就是二进制的格式,为什么要设置成二进制呢?是因为我们不知道即将下载的文件格式具体是什么。...如此,一个使用nodejs来作为文件下载中转的例子就写好了。

3.3K30

Django静态文件CSS,JS等)

Django静态文件 静态文件是指js,css,图片等文件。render可以返回模板文件(HTML),但是缺少了js,css。在Django中我们一般会指定一个目录存放静态文件,这样方便管理。...在现在前后端分离的大环境之下,静态文件我们几乎也用不到。另外在HTML中调用的时候也需要指定静态文件的路径。一般都会将静态文件放置在项目的根目录下。要使用静态文件,需要配置两个参数。.../static/css/dmaku.css"> <!...= [ BASE_DIR / "static", ] 在项目根目录下创建static文件夹 在创建好的文件夹中导入css文件和js文件即可。...(venv) ~/mypython/bookmanager/static$ tree . ├── css │ └── dmaku.css └── js └── dmaku.js 完成上述步骤之后

2.7K20

Bear CSS:基于 HTML 文件快速创建基本的 CSS 样式

当你创建一个网页的时候,一般会先创建 HTML 文件,然后在写 CSS 样式,当然也可以一边写 HTML 结构,一遍写样式。...如果你是采用第一种方法,那么你在写 CSS 样式的时候,会很烦,因为要复制粘贴 class 和 id 名,其实可以通过 Bear CSS 这个服务,基于现有的 HTML 创建基本的 CSS 样式: Bear...CSS 就是一个这样的网页服务,基于现有的 HTML 文件,生成一个含有所有元素,id,class 的 CSS 样式文件。...Bear CSS 使用也非常简单,上传你的 HTML 文件,Bear CSS 就会根据你的 HTML 文件,生成对应的 CSS 文件,然后你下载就好了。...在给非常长的 HTML 文件进行样式化的时候,这个应用是非常实用的,唯一的缺点就是在生成 CSS 文件的时候无法自己定义包含哪些 id 或者 class,生成的 CSS 文件有点冗余。

98020

你不知道 CSS 可以的 4 件事

1、逐帧动画 我们经常使用css3中的animation动画,比如这样: .fadeIn{ animation: fadeIn .5s ease 1s both; } @keyframes fadeIn...还可以使用 step-start 和 step-end 这样的简写属性,它们分别等同于 steps(1, start) 和 steps(1, end) ❝很多时候我们的gif动画都可以直接用css效果实现...❞ 2、连字符 CSS 属性 hyphens 告知浏览器在换行时如何使用连字符连接单词。可以完全阻止使用连字符,也可以控制浏览器什么时候使用,或者让浏览器决定什么时候使用。...3、Sticky Footer Sticky Footer是css的一种布局场景。页脚footer永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。...的下划线的问题 ❞ 参考文献 https://segmentfault.com/a/1190000018961782 https://www.zhangxinxu.com/wordpress/2018/06/css3

1.2K10

也许vue+css3交互特效更简单

1.前言 项目就难免会开发交互效果或者特效,而我最近开发的项目一直在使用vue,开发技术栈方面,理所当然就使用了vue+css3开发,过程中发现使用vue+css3开发特效,和javascript/jquery...+css3的思维方式不一样,但是比javascript/jquery+css3简单一点点。...至于看到字体缩成一团,就是letter-spacing这个css属性的控制效果。字体模糊就是filter: blur()这个css属性的控制效果!...看到有逐渐的变化,就是css3动画(animation)的效果 ? 下面简单分析下,这个动画的几个步骤,从下面看到,这个动画一共8个步骤。 ?...开发的特效,以及和javascript+css3的对比,就说到这里了,希望这三个小实例,能帮到大家了解下应该怎么使用vue+css3开发特效的。

60120
领券