前言业务要求要做一个主题色切换，类似于暗黑模式，以前没有做过于是在网络上搜罗现成的解决方案，由于是vue2的项目，找了很久都没有找到一个好的方便的解决方案，最后在github找到一个使用css3的解决方案，觉得十分不错，也很简单明了，于是就拿来直接用了，参考的github项目地址：https://github.com/LiuyangAce/theme-switch/tree/master，可以参考
转载
2024-09-01 23:10:14
145阅读
文章目录前期准备切换的主题涉及到两种模式： 1、默认主题 2、黑夜主题一、切换主题需求分析二、代码详解1.目录介绍2.切换主题方法代码3.主题的使用4.原项目中的更改1.全局色值都改为变量形式( js的色值从store中取)2.设置scss的16进制变量（踩坑）1.方式1`（错误）`2.方式23.增加配置文件(粗略浏览即可)4.element ui配置文件放在public静态文件中5.chr
转载
2024-09-14 09:37:27
319阅读
前言说起换肤功能，前端应该是非常熟悉了?一般来说换肤的需求分为几种：1. 纯前端，直接在页面前端通过点击自由切换限定的几种主题色，切换之后主题色变量存到本地浏览器2. 在后台配置好色值，传到前端，前端从接口获取主题色在初始化的时候显示对应的主题色3. 前面两者的结合，初始化的颜色设置，但也可通过前端的切换来更改主题色 拿到换肤需求后，就在思考该如何实现呢?先搜一下，看下有哪些方法Ant
前一段时间完成了一个项目，该项目要求黑夜和白天两种主题色，可以动态的切换。经过多方的查找研究，终于完成。谨以此文在此记录一下。此方案涉及Sass的map遍历、函数定义、map存取、混合器等相关知识，具体API详参官网https://www.sass.hk/docs/。大概的思路就是给html根标签设置一个data-theme属性，通过js切换data-theme的属性值，sass根据此属性来判断使
转载
2024-10-10 09:08:06
205阅读
1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址：Release v3.0.0 One Piece · vuejs/vue-next · GitHub
2.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%
Vuetify 是 Vue 的语义化组件框架，旨在提供整洁、语义化和可重用的组件，使得构建应用程序更方便。Vuetify 核心是为了提供各种可重复使用的，即插即用并且适合各种项目规格的组件。Vue 的语义成分。利用 Vue 的功能组件，所有基于标记的用于援助主部件的类，比如一个 card 题目，可以使用 v-card-title 来处理成型容易。Vuetify 被设想为从底层创建。每一个组件，指令
介绍本文适合黑白切换或者主题样式偏少的（建议：2-10种）；主题越多，样式会越多。理论上无限套。本文适合已经写好了一套主题，然后需求增加第二套或者多套主题（最好小于10套，当然也可以更多，但是样式也会更多）本文以 vue + vue-cli2.x + element-ui +vuex举例经过项目实战后建议直接使用css变量系列~请看我最后一点：实现您需要实现全局样式文件 1）在/src/main.
转载
2024-04-22 12:46:11
1003阅读
前言本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点：如何安装项目插件添加浏览器支持如何配置scss/stylus共享全局变量如何整合elementUI等第三方框架并实现按需引入配置单/多页面如何配置自定义环境变量如何在vue.config.js定制自己的webpackvue项目部署说明本文末尾会给出一个以上提到的所有功能的一个
一、Vue的动态引入组件； 有的时候不知道引入什么组件，要根据数据的类型来引入不同的组件，这个时候就需要动态组件 动态组件 1、用法 :is = 'component-name' 2、用途父组件<component :is="nextTiceName" />":is 后边是组件名，是一个变量，本例子中变量为 nextTiceName，然后 nextTiceNam
为了使用文件服务器，调用者首先必须创建一个由RFs 类的实例来表示的文件服务器会话。通过调用Connect()来初始化文件服务器会话，Connect()会返回错误代码。客户端应负责关闭已经连接的文件服务器会话。如果文件服务器会话是一个局部变量，那么客户端应该使用清除栈以确保如果发生异常退出(Leave)会话被关闭。RFs fs;User::LeaveIfError(fs.Connect()); /
转载
2024-09-13 09:12:25
2阅读
思路先定义好主题库,然后通过js切换css跟节点来更换主题技术细节1. 初始化 首次进入或浏览器刷新时，将记录的主题状态赋值到body和js逻辑 1.通过body控制全局样式 2.js主要控制logo图片切换，矢量图切换，图表canvas主题切换及初始化处理2. 存储vuex： 优点：可以和vue高度融合进行双向绑定赋值 缺点：不能实现浏览器存储localstorage： 优点：可以实现浏览器存储
最近做了一个需求，后台管理系统添加一个可以动态修改ant-design主题色。查询了大多数的文章，发现基本都是抄来抄去，而且文章记录的也一点也不详细。刚刚把这个功能做完了，顺便记录一下如何去修改主题色。主要使用到的包是antd-theme-generator。使用起来非常方便，而且在热更新时，不会出现 js 内存爆栈现象。主题思想：主要使用 antd 的 less 变量，修改全局的 less 变量
大厂技术 高级前端 Node进阶点击上方 程序员成长指北，关注公众号回复1，加入高级Node交流群前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家可根据需求综合分析得出一套适用的方案。
通过前面章节的介绍，我们基本上完成了wordpress主题trans的动态模板的编写。我们创建了首页模板、列表页模板、文章页模板、搜索页模板，以及公共模板头部模板、底部模板和侧边栏模板。我们还为trans主题添加了一个后台的主题设置页面，使用trans主题的功能更加完善和友好。但是，我们又发现一个小问题——在前台网页的源代码中，所有页面都显示的是同样的关键词和描述(如下图)，都是我们在后台的主题设
变量值的替换：使用指定字符（串）替换变量值中的后缀字符（串）。语法格式：$(var:a=b)或${var:a=b}
替换表达式中不能有任何的空格.
make中支持使用${}对变量进行取值。
src :=a.cc b.cc c.cc
obj :=$(src:cc=o) //(a.o b.o c.o)
test :
@echo "obj =>$(obj)"
变量的模式替换：
使用%保留变
//引入依赖模块
var path = require( 'path' )
var config = require( '../config' ) // 获取配置
转载
2024-07-23 08:43:09
121阅读
Vue2.x less的全局配置
原创
2021-07-19 16:27:06
847阅读
我的编辑器是webstorm，虽然占内容占资源， 但是用起来很方便， 刚开始接触的时候就是用这个软件，很喜欢。vue的教程
刚开始配置就是这里学习的，还是比较详细，新入门的同学可以看看。
vue基本配置 我觉得很多配置对刚入门的同学来说是没必要的，如果刚开始了解的话可以直接引入vue在线链接包，就是普通的编辑器像notepad++就可以学习了， 如
转载
2024-09-02 17:31:01
44阅读
LESS是什么？ less是一门CSS预处理语言。由于CSS本身并不是程序式语言，不方便维护和扩展，没有变量、函数、作用域等概念。而LESS在CSS的基础语法之上，引入了变量、Mixin混入、运算以及函数等功能，大大简化了CSS的编写，降低了CSS的维护成本。 本质上，LESS包含一套自定义的语法及一个解析器，写好的LESS文件会通过解析器编译生成CSS文件。LESS并没有建材CSS原有的特性，更
转载
2024-08-17 23:23:02
86阅读
目录
创建项目
安装并引入 ant-design-vue
按需引入antd
定制主题
提取antd的less变量文件
切换主题
项目地址
1、使用vue-cli V3.0+创建项目
2、选择css预处理器(其他的根据项目所需选择)
3、由于ant-design-vue的样式使用的是less作为开发语言，所以这里我们选择Less
4、其他的根据自己的需要配置即可
5、注意：项目创建完成后，
转载
2024-05-11 09:07:53
907阅读
