首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

检测CSS和JS改动自动刷新脚本

当我们在修改主题样式后,经常要做的一个重复动作就是按F5刷新网页,今天介绍一款神奇的小工具,可以检测CSS和JavaScript文件的变化,并自动刷新网页的JS脚本Live.js。...'/js/live.js', array(), version, false ); 之后,可以将浏览器窗口和编辑器窗口各占半个屏幕,在修改主题CSS文件保存后,不需要手动刷新,Live.js脚本会检测改动并自动刷新网页...如果认为添加上面的代码之后还要删除比较麻烦,也可以安装利用Live.js脚本制作的WordPress插件。...插件名称:PBD Live.js for WordPress GitHub下载 百度网盘下载 该Live.js脚本不仅适用于WordPress主题,同样适合任何网页开发制作 。...另外,Live.js脚本纯粹是为网页开发而设计,没有必要让它一直保留在主题中,因为启用后网页每两秒钟 flashes”一次 ,会影响页面的正常加载。

2.9K20

Linux环境下,使用Shell脚本自动批量压缩图片

在文章《CentOS系统下多种图片压缩方案》中xiaoz介绍过OptiPNG和jpegoptim工具来对图片进行压缩,并且这两个工具都支持无损压缩,于是xiaoz编写了一个shell脚本来调用OptiPNG...、jpegoptim工具自动完成批量压缩图片。...定时任务工具自动批量压缩 安装OptiPNG和jpegoptim Shell脚本需要调用OptiPNG和jpegoptim这两个工具,安装OptiPNG、jpegoptim是必须的,这里仅以CentOS...#下载批量压缩脚本 wget https://raw.githubusercontent.com/helloxz/shell/master/img_compress.sh #执行shell脚本 bash...,压缩速度取决于压缩等级和你服务配置 最后 脚本默认查找60分钟以内曾被修改过的图片文件(再加上定时任务1小时执行一次,这样就不会去压缩重复的图片),并且大于100kb的图片才会进行压缩,您也可以下载脚本后对这些设定自行做出修改

1.7K10
您找到你想要的搜索结果了吗?
是的
没有找到

JS 图片压缩

前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS 的图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...base64 格式 base64 编码的图片通过 Canvas 转换压缩,这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api,一个调节图片的分辨率的,一个是调节图片压缩质量并且输出的...总结 本文仅针对图片压缩介绍了一些思路,简单的使用场景可能如下介绍,当然也会引申出来更多的使用场景,这些还有待大家一起挖掘。

25.7K21

生成压缩包并上传指定分支自动脚本

生成压缩包并上传指定分支自动脚本 业务需求 项目测试或部署上线时,需要从主分支拉取打包后的压缩包 当前存在开发分支dev , 主分支 marster , 当处于开发分支时,执行脚本命令 zip 自动完成...,压缩包生成, 分支切换, 文件更新及提交 执行流程 graph TD 生成压缩包 --> 保存压缩包到缓存目录 保存压缩包到缓存目录 --> 切换到主分支 切换到主分支 --> 将缓存拷贝到主分支目录...- index.js // 入口 - createZip.js // 生成压缩包 - cmmds.js // 执行git命令 - utils.js...// 工具包 - version.js // 版本更新 - color.js // 信息输出 - config.json // 配置文件 源码 /createZip.js...所以改用将压缩包生成到项目目录外的方式。后期应该会改用临时文件的方式。当前脚本只是对 vue 打包后的文件做压缩上传, 通过 webpack hook 可以将打包压缩继承到一起。

46020

使用uglifyjs压缩js

在做的web项目上线时,我们需要对js文件进行压缩,以减小文件的体积,加快加载速度,提高响应时间。下面我来介绍一个js压缩工具:uglifyjs。...最简单的使用方式: uglifyjs main.js -o main-min.js -c 下面是一些压缩时常用的参数 一些常用的参数列表 -o,--output 指定输出文件,默认情况下为命令行...懒人有懒法,花了点功夫,折腾了一个批处理文件,以后,想要压缩JS,只要双击运行这个.bat文件就可以了!...完整代码如下: @echo off :: 设置压缩JS文件的根目录,脚本自动按树层次查找和压缩所有的JS SET JSFOLDER=C:\Users\Administrator\Desktop\formini...然后双击就可以批量使用uglifyjs压缩JS文件啦! 注意:uglifyjs不支持ES6

5.5K20

JS 编写自动脚本,而不是 bash!

原文:https://thoughtspile.github.io/2022/02/14/js-automation 导读 Vladimir 发现自己一直讨厌 bash 编写的自动化流程脚本,并且在机缘巧合下发现同事们都有类似的想法...,因此他分享了他认为 JavaScript 编写自动脚本的优势,看看能不能说服大家去共建更好的生态。...使用与浏览器中相同的 API 发出 HTTP 请求 fs-extra:运行文件系统 Globby:匹配给定用户友好模式的文件名 接下来是他所分享的一些看法: 我在日常的工作中也体会到,大家仿佛有共识一般默认写自动化构建脚本时要去用...在 JS 优先的团队中使用 JS 进行自动脚本的编写,是最合乎逻辑的选择。...当然也有理由避免使用 node(比如缺少关于自动化用例的教程,对于不熟悉 node 的人来说,异步的复杂性),但我仍然相信它是 JS 项目中构建自动化流程最可靠的选择。

1.8K50

详解 JS 压缩图片

插播一下,本文案例已整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。...JavaScript 操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。 ?...如果你有足够的耐心多传几种类型图片就会发现还存在如下问题: 压缩输出图片寸尺固定为原始图片尺寸大小,而实际可能需要控制输出图片尺寸,同时达到尺寸也被压缩目的; png 格式图片同格式压缩压缩率不高,还有可能出现...,压缩率不高,还有可能出现“不减反增”现象 一般的,不建议将 png 格式图片压缩成自身格式,这样压缩率不理想,有时反而会造成自身质量变得更大。...将改进版图片压缩整理成插件,已上传 npm ,可通过 npm install js-image-compressor -D 安装使用,可以从 github 下载。 整理匆忙,如有问题欢迎大家指正,完~

12.6K31

bat 批处理 脚本 for循环 批量压缩gltf模型 gltf批量压缩 gltf压缩转成glb

bat 批处理 脚本 for循环 批量压缩gltf模型 gltf批量压缩 gltf压缩转成glb 这里参考两篇文章: 1....,比如: gltf-pipeline -i model.gltf -o modelDraco.gltf -d 就可以把model.gltf模型压缩。...三、批量处理 gltf-pipeline官方并没有介绍批量处理的方法,下面我们通过批处理来实现: 打开cmd,进入gltf模型存放的路径,如下图,输入命令,回车,就会自动循环执行,批量压缩。...(-d表示使用draco算法进行压缩) for %i in ('dir *.gltf /s /b') do gltf-pipeline -i %i -o %i -d ? 看一下压缩后的模型大小: ?...是如何达到压缩效果的,gltf和glb这两种格式的区别,转换和压缩的原理是什么。 (学海无涯,只有不断深究,才会真正的进步,与君共勉) 微信搜索:acoolgiser,一起学习成长,交个朋友!

1.9K10
领券