layui+sass/less+es6?升级改造？

最新推荐文章于 2023-04-16 10:40:46 发布
最新推荐文章于 2023-04-16 10:40:46 发布
阅读量623 收藏
点赞数
分类专栏： 前端 文章标签： javascript vue.js layui sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43341760/article/details/109337829
版权

layui可否用上less或者sass样式库的可能性呢
有没有什么办法？
目前是用gulp构建的layui框架。
sass

实现类似VUE的热编译。
目前我是这样的想法
可以用webpack运行后把sass/less编译成css文件，再替换html中的link标签为编译后的css文件地址，打包也是如此，但感觉很累赘，因为要生成额外的css文件，应该是只要打包的时候生成css文件，还有就是html中的sass语法目前就是提取字符串，编译，替换原来的。
写的代码还没说的多，就真 云程序员咯

白先生的十八般武艺
关注
专栏目录
layui动态绑定事件
AIGC大前端小王子
12-27 2万+
Tips:很多前端新手会遇到动态创建DOM（html片段）的场景，原来的点击事件无法生效。以及成熟的layui框架动态创建DOM（html片段）不知道如何解决，接下来为大家解释其实现的原理，是主要是通过es6的写法。
ES6
a36267862的博客
05-13 150
http://es6.ruanyifeng.com/  
es6中Module 的语法总结
风里有诗句哈的博客
03-30 358
export // 报错 export 1; // 报错 var m = 1; export m; 以上写法都会报错，第一种写法直接输出1，第二种写法通过变量m，还是直接输出1。1只是一个值，不是接口 export导出时规定的是对外的接口，就是你导出的东西必须有一个名字，导入时才能找到这个名字，第二个方法之所以报错，是因为不用大括号括起来，在编译的时候m就变成了1，所以需要用{m}把m...
vue+less+layui(图标)简单实现轮播
qq_42683219的博客
04-12 561
效果图 代码 VUE代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> &lt...
React+ES6+Less+Bootstrap----webpack初探
WRian_Ban的小晴天
03-22 7266
杂谈从gulp到webpack，我一路上跌跌撞撞，试图寻找一种属于我的懒惰模式。然而，现实往往并不乐观。去年学长玩gulp时，我还只是个只关心今天的阳光是否灿烂，吹起的暖风是否宜人的孩子····哦，我会一直以一个孩子的定义自己，不过现在，是一个关心今天学到多少知识的苍老的孩子。用学长配好的gulp,用学长配好的webpack,用学长配好的weinre,没有忧虑，没有压力。有bug的时候有人排查，管理
浅谈 es6 箭头函数
杰克拉乌的博客
08-12 447
    var fn = function(){  //用变量接受函数                      }         function fn(){ //声明函数                      }         var fn2 = (name) =&gt;{                      }         var fn3 = name =&gt;{ //只...
基于layui框架使用gulp工具搭建的后台模板
02-18
2. **CSS预处理器**：使用Sass或Less等预处理器，将高级的CSS语法转换为浏览器可识别的CSS，使样式编写更加灵活和易于维护。 3. **JS编译与压缩**：将ES6等高级JavaScript语法转换为ES5，以便兼容更多浏览器，并对...
WEB前端学习工具，资源技术汇总（IDE集，框架集，类库集...）
web前端入门基础进阶教程-htmlcssjs
05-06 1004
该篇主要收集了一些前端常用的编辑器、框架以及一些常用工具，帮助前端开发者更快成长。 IDE集 VSCode：https://code.visualstudio.com/ SublimeText：https://www.sublimetext.com/ WebStorm：https://www.jetbrains.com/webstorm/ Atom：https://atom.io/ Hbuilde...
学习计算机编程（IT、偏网站开发）的参考学习网址syk
chouzhan0246的博客
06-01 9867
这两年自己学到了许多东西，发现以前想学，可却不知道在哪里学，没有好的学习资源，这里我把这一年自己学习过程中了解到的好的计算机相关知识的学习网址分享给大家，虽然不是很全面，但希望能帮到那些想找学习资源的博友们。 IT学习资料（初晓） 1. 综合学习网址 （1）教学网站 http://...
程欣.pdf
11-10
* 熟练使用 Less/Sass 预编译工具 * 熟练使用 jQuery、BootStrap 等多种框架 * 熟悉 ElementUI、Vant、Layui 等 UI 库 * 掌握模块化开发的思想 MVC/MVVM * 熟练使用 Git 进行代码版本管理 知识点二、项目经历： * ...
web前端技术体系大全
m0_64460287的博客
03-13 390
5、Swagger（API 的设计、编写 API 文档、测试和部署）ant-design-mobile（react移动端）vue-element-admin（vue后台管理）5、ant-design系列（蚂蚁金服出品）ant-design（react web端）iview-weapp（vue微信小程序）iview-admin（vue后台管理）iview-admin（vue后台管理）ant-design（vue web端）6、inMap（iview的地图可视化）8、Flutter（vue移动端）
asp.net mvc 中使用less
刚哥的博客
05-31 670
在asp.net mvc 中是可以直接使用less文件的，这里通过引用的方式，实现less样式的操作 展示效果：
Layui 入门和安装
最新发布
qq_34820433的博客
04-16 792
1. Layui(类 UI)，是一款遵循原生 HTML/CSS/JS 书写的，门槛极低的 UI 框架；2. 它有别于现在的 MVVM 底层的 UI 框架，返璞归真，为服务端程序员量身打造；3. 无须各种前端工具配置，不需要 Node 环境，只针对浏览器本身，拿来就用；4. 它的应用场景主要 PC 端的后台系统 UI，以及前台 UI 的快速开发；5. 学习 Layui 基础为：HTML5/CSS/JavaScript/ES6+，再有一门后端语言最佳；
Layui之动态选项卡&iframe使用
qq_65345936的博客
07-18 1998
Layui之动态选项卡&iframe的使用
layui中子页面调用父页面
qq_41373328的博客
12-03 1481
父页面 layui.use(... function(){ var _tools = { func1: function(){ console.log('func1'); } } window.tools = _tools; }) // 外部调用，如子页面 parent.tools.func1();
layui源码详细分析系列之模板引擎
玉案轩窗的博客
08-08 6812
前言所谓的模板引擎，其实最早接触该形式的应该是jsp，在html代码中嵌套java代码，使用形式与模板很相似，实际上jsp就是一种模板语言，对于模板语言我的了解并不多，此处就不再详细的描述了。当我看见layui内置的模板引擎模块laytpl.js时，我首先想起的是Vue中{{}}模板的使用，但是Vue中还有双向绑定的概念（你可已使用get/set方法来实现），laytpl.js中提供的模板类型有两种
LayUi的一些使用总结
weixin_44616545的博客
06-20 601
LayUi的一些使用说明LayUi的一些使用帮助1 在使用弹窗时，弹出的窗口为Iframe，如何通过按钮关闭这个弹窗。在此弹窗中，想要点击取消关闭这个弹窗，使用方法是 首先获取到这个Iframe的索引，然后执行关闭。 LayUi的一些使用帮助 1 在使用弹窗时，弹出的窗口为Iframe，如何通过按钮关闭这个弹窗。 在此弹窗中，想要点击取消关闭这个弹窗，使用方法是 首先获取到这个Iframe的索引，然后执行关闭。 <button class="btn_alarm" id="quit" oncli
Layui入门
qq_66924116的博客
07-07 652
------ 什么是Layui？layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交互，从这里
webpack+ES6+Sass构建多页面应用实践解析
"本文将详细解析如何利用webpack、ES6和Sass来构建一个多页面应用程序。主要内容包括webpack作为模块化打包工具的优势，以及在项目中整合这些技术所涉及的插件、loader、解决的问题和最终代码结构。文章还特别提到了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值