原生的必定美丽

本文探讨了在Web开发中如何摆脱依赖如SASS、LESS等方言工具,通过两种工具PowJS和PowCSS实现真正的原生JavaScript和CSS处理,确保代码纯净且高效。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这样写 CSS 才够原生

image

WEB 开发中常常需要使用一些工具来处理 HTML 和 CSS. 从语法层面来说很多都可以归类为模板方言, 比如: SASS, LESS, STYLUS, JSX, doT, ejs, handlebars, art-template 等等引擎.

这些工具的共性

以 JavaScript 为宿主语言, 并努力解决引入对象的问题

它们共同的缺点

你使用这些引入的对象会遇到各种限制, 因为它们是方言, 不再是纯粹的 JS

这些 CSS 处理器会给你一堆 API 和扩展 @mixin, @defined, @function.

这些模板引擎会给你一些引入对象的使用契约, 最无奈的是: 模板的工作域是封闭的, 脱离了主环境.

问题:

在这些方言中, 直接使用 alert('hello world') 或 console.log('hello world') 会工作么?

不能, 这些工具做不到, 因为它们是方言, 已经脱离了执行主环境.

什么是原生 JavaScript?

渲染或者构建目标时, 执行处理后的模板就像执行一个载入的 js 文件一样

要实现原生 JavaScript, 必须满足一个条件

处理后的结果包含原生的 JavaScript 函数代码 function(){}, 即函数化

笔者有幸开发了两款工具实现了原生 JavaScript 函数化

转载于:https://my.oschina.net/achun/blog/1554596

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值