杰的记事本-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

杰的记事本

专栏成员

231

文章

505711

阅读量

32

订阅数

利用Purgecss移除未使用到的样式

css vue.js 打包 javascript

我们做项目时，通常会使用一些常用的css框架，比如我会经常用到 tailwindcss ，bootstrap 等等，但是使用这些框架后，打包出来的css文件过于庞大，而且很多样式是我们没有使用到的，完全没有必要打包进去。还有一种情况是我们的网站进行改版了，有些样式已经不再使用了，但是我们没有在css文件中移除，导致css越来越大。这时候我们就可以用 Purgecss来只打包我们项目中正在使用到的样式来减小css文件体积。本篇文章使用 tailwindcss 在 vue中的例子进行说明：

javascript.shop

2020-04-17

2.1K0

WebAssembly的初步了解

网站打包 ide javascript

2017年2月28日，四大浏览器，IE，FF，Chrome，Safari宣布达成共识，即 WebAssembly 的 MVP （最小化可行产品）已经完成。大约一周后，Firefox会默认打开 WebAssembly 支持，而Chrome则在第二周开始。它也可用于预览版本的Edge和Safari。如今过去两年多了，发展还是挺迅速的。

javascript.shop

2019-09-18

9510

VSCode使用ts-node 调试TypeScript代码

javascript typescript 单元测试打包 node.js

可以看出这些不足都来自于一个根本原因，运行之前需要编译。后来我就发现了一个很强大的工具ts-node，来看下ts-node的简介:

javascript.shop

2019-09-04

12.4K0

Entity Framework（EF）数据查询

缓存 c#打包 sql

EF，有一个容器管理着里面所有附着在其上的对象。它们通过一种叫Object Tracking的机制来跟踪对象的变化，以便于在用户需要的时候把这些变化持久化到数据库中去。有时候，我们可能并不需要改动数据（比如我们只是简单地取出一个Entity然后把它绑定到UI上面去），那么在这个时候，Tracking机制就比较多余了。在EF中，我们可以以MergeOption.NoTracking=false来取得同样的效果。

javascript.shop

2019-09-04

1K0

typescript decorators 装饰器入门

打包 typescript javascript

装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上，可以修改类的行为。装饰器使用 @expression这种形式，expression求值后必须为一个函数，它会在运行时被调用，被装饰的声明信息做为参数传入。

javascript.shop

2019-09-04

1.2K0

webpack的基础入门

webpack 打包 npm node.js css

现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法

javascript.shop

2019-09-04

1.5K0

Webpack编写自己的Loader和Plugin

webpack javascript 打包 api npm

Loader就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。以处理SCSS文件为例：

javascript.shop

2019-09-04

6970

SVG 图标在React项目中的优化

svg webpack 打包 javascript php

官方文档：https://webpack.docschina.org/loaders/url-loader/

javascript.shop

2019-09-04

3.6K0

Typescript使用字符串联合类型代替枚举类型

typescript javascript 打包

我觉得Typescript的宗旨是任何一个 TypeScript 程序，在手动删去类型部分，将后缀改成 .js 后，都应能够正常运行。Typescript是javascript的超集，是编译期行为，不引入额外开销，不改变运行时行为，始终与 ESMAScript 语言标准一致。

javascript.shop

2019-09-04

3.1K0

浏览器加载 CommonJS 模块的原理与实现

javascript npm 打包编程算法

npm 的模块都是 JavaScript 语言写的，但浏览器用不了，因为不支持 CommonJS 格式。要想让浏览器用上这些模块，必须转换格式。

javascript.shop

2019-09-04

7550

强类型 JavaScript方案 Typescript & flow

typescript javascript 打包编程算法

TypeScript 是微软2012年推出的一种编程语言，属于 JavaScript 的超集，可以编译为 JavaScript 执行。它的最大特点就是支持强类型和 ES6 Class。

javascript.shop

2019-09-04

9550

几个常见的前端模块管理器

打包 javascript css jquery node.js

浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。

javascript.shop

2019-09-04

7650

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态