原理就是获取到图片的src地址然后赋值给背景的URL地址 <!DOCTYPE html> <html> <head> <meta charset="{CHARSET}"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0 ...
分类：
其他好文 时间：
2019-12-12 22:20:26
阅读次数：
147
WinForm界面使用IrisSkin，可以说做到了一键美化，当然美化的效果仁者见仁智者见智，可以挑选自己喜欢的。 1、IrisSkin下载地址：http://www.pc6.com/softview/SoftView_70918.html#download 2、将下载的文件放到Debug下面。 3 ...
一直以来想完成这个模板，今天刚完成一个基础模板。在刚开始着手的时候想过很多，有些合理有些不合理。同时也借鉴了大牛的 上图是实现的功能。项目中使用了sass实现了白天夜间两套皮肤切换，实现换肤功能。侧边栏菜单数据取自路由表，路由表的数据除login和404页面，全部由后台接口提供，因此用户权限由后台控 ...
分类：
其他好文 时间：
2019-11-27 16:15:38
阅读次数：
241
在线效果浏览 需求：点击红、绿、黑 3 个按钮，会切换至不同的背景色... 3 个组件：父组件 App,此处利用useEffect设置了网页加载后的默认设置。 子组件 Skin（按钮，用于切换背景）,子组件Nav（导航按钮） 几点体会： 1.绑定事件处理时，忘记了编写()=>，导致组件渲染时直接触发 ...
分类：
Web程序 时间：
2019-11-07 23:46:44
阅读次数：
132
换肤思路： 1.什么时候换肤？ xml加载前换肤，如果xml加载后换肤，用户将会看见换肤之前的色彩，用户体验不好。 2.皮肤是什么？ 皮肤就是apk，是一个资源包，包含了颜色、图片等。 3.什么样的控件应该进行换肤？ 包含背景图片的控件，例如textView文字颜色。 4.皮肤与已安装的资源如何匹配 ...
分类：
移动开发 时间：
2019-10-14 13:05:25
阅读次数：
138
1、实现网站换肤功能，一般最先想到的是用全局class控制样式切换缺点：全局控制CSS，在项目不大，换肤样式不多的情况下，还能勉强够用。但是换肤样式很多的话，代码会非常臃肿，不利于维护。 2、切换引入CSS样式的href属性值，来达到切换样式的目的。 缺点：使用JS改变href属性会带来加载延迟，样 ...
分类：
Web程序 时间：
2019-08-13 12:03:46
阅读次数：
114
项目中虽然没有一键换肤的要求，但是产品要求后期能换主题。在开发组件中涉及到主题的地方，要提取一些公用的变量，不要直接写死样式值。但是如果只是定义一些变量的话，只是完成控制颜色等值的提取。后期切换的话需要把所有变量再写一遍并注释之前的。不是很优雅。 一、Scss部分 定义变量以及映射表 // 默认主题 ...
分类：
Web程序 时间：
2019-08-11 17:18:35
阅读次数：
215
一、前言 磁盘容量统计控件，说白了，就是用来统计本地盘符占用的容量，包括但不限于已用空间、剩余空间、总大小、已用百分比等，其中对应的百分比采用进度条显示，该进度条的前景色和背景色及文字颜色可以设置，在整体换肤的时候就需要用到。 本控件的基本上没有难点可言，就是兼容WIN和LINUX操作系统，在WIN ...
分类：
其他好文 时间：
2019-07-21 22:34:47
阅读次数：
134
前言 说起换肤功能，前端应该是非常熟悉了🙃 一般来说换肤的需求分为几种： 1. 纯前端，直接在页面前端通过点击自由切换限定的几种主题色，切换之后主题色变量存到本地浏览器 2. 在后台配置好色值，传到前端，前端从接口获取主题色在初始化的时候显示对应的主题色 3. 前面两者的结合，初始化的颜色设置，但 ...
分类：
Web程序 时间：
2019-07-20 21:20:49
阅读次数：
1070
在前端开发中，规范使用 DIV+CSS 命名，可以增强团队合作提高开发效率，有利于页面后期的维护和优化 ...
分类：
Web程序 时间：
2019-07-16 12:18:05
阅读次数：
148
