精华内容
下载资源
问答
  • Sigil插件可从epub中的xhtml文件中删除css或片段标识符中未引用的所有类和ID。 有一个图形界面,允许用户选择要删除的类和ID,要在其中查找文件的文件以及要查找片段标识符的属性(默认情况下,它们是href,src和...
  • 此扩展名通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上使用CSS规则。 这不仅可以整理和优化样式表,而且可以将样式表合并为一个文件,然后可以下载该文件。 扩展使用的方法是基于消除所有ID和类的选择...
  • 在本教程中,我将向您展示如何使用Grunt和PurifyCSS轻松创建超轻量级的样式表。 我们将安装它,然后学习如何在使用Grunt和不使用Grunt的情况下运行它,以提供更多高性能的样式。... CSS中所有使用的选择器都将被删...

    grunt环境搭建及使用

    在本教程中,我将向您展示如何使用Grunt和PurifyCSS轻松创建超轻量级的样式表。 我们将安装它,然后学习如何在使用Grunt或不使用Grunt的情况下运行它,以提供更多高性能的样式。

    观看截屏

    PurifyCSS是一个JavaScript工具,可以解析您的标记文件(HTML,PHP甚至JavaScript),然后将它们与您使用CSS交叉引用。 CSS中所有未使用的选择器都将被删除,仅留下您实际需要的样式。

    安装

    要安装PurifyCSS,您可以直接从GitHub上获取存储库,也可以通过npm进行安装(有关如何通过Kezz的本教程进行操作的更多详细信息)。

    我们的演示

    我们将用来演示PurifyCSS的文件是完整的Bootstrap样式表和index.html。 您可以从源存储库中获取它们。 index.html文件非常简单; 只有一个英雄区,其中包含一些按钮,表单元素和Bootstrap网格; 我们当然不需要整个Bootstrap样式库。

    运行PurifyCSS

    要在此样式表上运行PurifyCSS,请转至命令行提示符,导航至项目文件夹并使用以下命令运行命令:

    • purifycss命令开始
    • 将要纯化的源样式表
    • 目标标记文件,在本例中为index.html
    • 一个可选参数--min如果我们希望--min生成CSS
    • 可选参数--out之后我们可以指定要将结果文件保存到的位置
    • 如果我们希望将过程记录到终端,则为可选参数--info
    • 以及可选参数--rejected ,当包含时,将记录所有已从源样式表拒绝的选择器

    我们的最终命令如下所示:

    purifycss css/bootstrap-full.css index.html --min --out css/bootstrap-purify.css --info --rejected

    结果

    源样式表已被修剪超过100Kb,干得好!

    与Grunt一起使用PurifyCSS

    为了使我们的流程进一步自动化,我们可以使用像Grunt这样的任务运行器。 回到我们的起点,我们需要将package.json添加到我们的项目中。 从我们的文件夹中运行npm init将引导我们完成package.json的创建过程,本质上输出具有以下详细信息的文件:

    {
      "name": "purifycss",
      "version": "1.0.0",
      "description": "A file for testing Grunt PurifyCSS",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
      },
      "author": "Adi Purdila",
      "license": "ISC",
    }

    然后,如果还没有安装,则需要安装Grunt:

    npm install grunt --save

    完成此操作后,您将看到一个“ node_modules”文件夹已添加到您的项目中。

    安装Grunt插件

    接下来,我们需要为PurifyCSS安装Grunt插件

    npm install grunt-purifycss --save

    创建Gruntfile

    现在我们需要创建一个名为gruntfile.js的文件。 查看源文件以查看文件中包含的内容,但特别有趣的是Grunt任务本身:

    purifycss: {
                target: {
                    src: ['*.html', 'js/*.js'],
                    css: ['css/bootstrap-full.css'],
                    dest: 'css/bootstrap-grunt.css'
                }
            }

    在上一个练习中,您应该熟悉目标对象中的选项,并且设置了这些参数后,我们的文件就可以使用了。

    要运行Grunt,请在终端中输入:

    grunt purifycss

    结论

    我们完成了! 我们研究了使用PurifyCSS清理样式表的两种不同方法。 别忘了:让浏览器加载甚至不使用的千字节样式就没有意义, 性能很重要!

    翻译自: https://webdesign.tutsplus.com/tutorials/remove-unnecessary-css-with-purifycss-and-grunt--cms-27726

    grunt环境搭建及使用

    展开全文
  • 烈焰人+尾风 该模板演示了tailwindcss与blazor的... 删除所有对引导的引用 将模板转换为真实的dotnet模板 创建nuget包以添加对已创建项目的tailwindcss支持 提高性能并加快编译速度 要求 .NET 6预览版3 Node.js 14+
  • 原因:多个app中的static文件重复,django引用修改的css文件 解决办法:删除冗余的静态css文件

    原因:多个app中的static文件重复,django引用了未修改的css文件

    解决办法:删除冗余的静态css文件

    展开全文
  • 此扩展名通过创建仅包含正在使用的选择器的新CSS样式表来删除页面上使用CSS规则。 这不仅可以整理和优化样式表,而且可以将样式表合并为一个文件,然后可以下载该文件。 扩展使用的方法是基于消除所有ID和类的选择...
  • 前端css+html+布局笔记

    2017-09-14 20:03:59
    表示一个普通的链接(访问过的链接) :visited 表示访问过的链接 :hover 鼠标移入的链接,也可以为其他元素设置hover :active 正在被点击的链接,也可以为其他元素设置active :focus 表示元素获取...
  • FindUnusedFiles可帮助您解析网站解决方案或项目,以查找并消除源代码中不再引用使用图像或其他孤立文件类型。 文件可以是您要从正在处理的网站中删除的任何类型。 通过Windows资源管理器上下文菜单,命令行...
  • SharePoint-Tabs-源码

    2021-05-20 12:50:28
    ##技术说明对于此扩展程序的第一个版本,除原始的HillbillyTabs脚本中未包含的内容外,未引用其他CSS或JS文件。 编写了其他功能以提供配置面板功能,而无需更改原始脚本的核心结构。 ## Libraries此项目中使用了...
  • rsion 1.1.2 *修复:无法下载任何资源时阻止了进程暂停1.1.1版本*修复了:内联包含某些字符CSS中的url()引用未内嵌版本1.1 *修复了:CSS中的url()引用未内联*固定:保存没有外部资源的页面*已添加:带有源URL...
  • 超市管理系统

    2019-04-24 14:54:48
    供应商删除: 检查当有所属支付账单时,给出提示,不允许删除.如果没有,则删除该供应商的所有账单 用户删除: 不允许删除自身. (11)密码修改功能: 1.修改密码页面,必须有JS验证.服务端验证. 2.旧密码必须...
  • 资源引用没有改变,浏览器将直接使用本地缓存,这样属于正常情况,但没有本地缓存或者缓存过期的用户在访问网站的时候,就会出现旧版本页面加载新版本资源的情况,导致页面执行错误。...
  • (注意:新版本插件生效的话,试试npm update命令,或者workflow-ui版本并删除node_modules重新下载) 2、全局定义组件(否则会报循环引用): main.js中 import Node from 'workflow-ui/src/components/Generator/...
  • • sample07.htm 引用未赋值的变量 • sample08.htm 变量的优先级 • sample09.htm 随处定义的变量 • sample10.htm 随处定义的变量 • sample11.htm 嵌套函数中变量的有效...
  • jQuery详细教程

    2013-04-25 14:16:42
    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 ...不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件): 实例 <script type="text/javascript" src="jquery.js"></script> ...
  • 实例002 CSS改变XML中鼠标指针形状 实例003 CSS在XML中添加背景图 实例004 CSS制作XML表格 实例005 XML中的提取节点字符串值 实例006 在XML内部定义DTD 实例007 在XML外部引用DTD 实例008 验证XML是否符合DTD的定义 ...
  • 实例002 CSS改变XML中鼠标指针形状 实例003 CSS在XML中添加背景图 实例004 CSS制作XML表格 实例005 XML中的提取节点字符串值 实例006 在XML内部定义DTD 实例007 在XML外部引用DTD 实例008 验证XML是否符合DTD的定义 ...
  • 实例002 CSS改变XML中鼠标指针形状 实例003 CSS在XML中添加背景图 实例004 CSS制作XML表格 实例005 XML中的提取节点字符串值 实例006 在XML内部定义DTD 实例007 在XML外部引用DTD 实例008 验证XML是否符合DTD的定义 ...
  • 骑士PHP人才系统 6.0.20

    2021-05-01 03:33:41
    修复 企业通过微信通知里查看了简历,后台收到的简历还是会显示查看的问题;修复 公众号营销生成带二维码的,清除缓存后,无法扫描获取企业联系方式的问题;修复 后台-企业管理-统计-行为分析-不是同一个会员;...
  • Java开发实战1200例.第2卷.part3

    热门讨论 2013-05-08 22:46:34
    实例001 CSS格式化XML布局 3 实例002 CSS改变XML中鼠标指针形状 5 实例003 CSS在XML中添加背景图 7 实例004 CSS制作XML表格 8 实例005 XML中的提取节点字符串值 10 实例006 在XML内部定义DTD 12 实例007 在XML外部...
  • Java开发实战1200例.第2卷.part2

    热门讨论 2013-05-08 22:45:35
    实例001 CSS格式化XML布局 3 实例002 CSS改变XML中鼠标指针形状 5 实例003 CSS在XML中添加背景图 7 实例004 CSS制作XML表格 8 实例005 XML中的提取节点字符串值 10 实例006 在XML内部定义DTD 12 实例007 在XML外部...
  • Java开发实战1200例.第2卷.part1

    热门讨论 2013-05-08 22:44:13
    实例001 CSS格式化XML布局 3 实例002 CSS改变XML中鼠标指针形状 5 实例003 CSS在XML中添加背景图 7 实例004 CSS制作XML表格 8 实例005 XML中的提取节点字符串值 10 实例006 在XML内部定义DTD 12 实例007 在XML外部...
  • 同时还要支持对完成的api进行mock的功能。 <pre><code> js // app.js var router = require('koa-router')(); var routes = require('./routes'); routes(router, app); app.use(router....
  • Zoomla!逐浪CMS 3.9.6.rar

    2019-05-24 16:02:16
    3.增加:MarkDown解释CSS样式于V4模板SASS中,从而支持更加友好的显示代码区域;4.增加:专题数据源标签;5.升级:zico升级到1.5,增加医疗行业图标;6.修复:内容列表--如节点允许内容页生成,则不会显示生成按钮;7....
  • Zoomla!逐浪CMS2 x3.9.6.zip

    2019-07-16 20:19:43
    Zoomla!逐浪CMS2简介 春光万里,无限美好,正是复兴大时代!...67、修复:节点批量删除功能 68、其它细节优化与内核提升   Zoomla!逐浪CMS2前台截图 Zoomla!逐浪CMS2后台截图 相关阅读 同类推荐:CMS
  • ] 删除 Ex_DUIXXX(背景相关函数) 由 Ex_ObjXXX(背景相关函数) 代替 [!] 信息框常量 EMF_ 修改为 EMBF_ [!] Ex_TrackPopupMenu() 新增菜单标记参数和常量 EMNF_ [+] 增加全局常量 EXGF_MENU_ALL (渲染全部菜单) ...
  • 注:本电子版缺失了第19-21章的部分,仅包含前824页(含536个实例),目前找到完整版本。 注:本系列图书的第I、II卷再版时均相应改名为《xxx开发实例大全》(基础卷)及(提高卷),但内容基本无变化,需要的童鞋可...

空空如也

空空如也

1 2 3 4
收藏数 68
精华内容 27
关键字:

未引用css删除