JavaScript
关注
分享
扫一扫
ljw1412
这个作者很懒，什么都没留下…
展开
-
[ web前端 ] 使用 CSS Variables 实现主题切换
本文介绍了另一种实现主题功能的思路，简洁，使用原生Css实现。但是请注意兼容性！CSS Variables变量声明使用两根连词线"--"表示变量，"$color"是属于Sass的语法，"@color"是属于Less的语法，为避免冲突css原生变量使用"--"// 声明变量--color:#000;// 读取变量var(--color)兼容性效果展示源代码<!DOCTYPE html><html> <head>..原创 2020-07-10 18:35:32 · 1830 阅读 · 0 评论 -
[ scss | webpack ] 实现页面主题思路(2)
本文介绍了另一种实现主题功能的思路，是前一篇([ scss | webpack ] 实现页面主题思路)的扩展。Demo源代码此方法通过切换style的外部样式表链接实现。效果图Demo项目结构|____src| |____styles # 页面样式| | |____core.scss | |____themes # 主题变量| | |____default.scss| | |____dark.scss| | |..原创 2020-07-10 18:12:44 · 617 阅读 · 0 评论 -
[ scss | webpack ] 实现页面主题思路
1. Demo文件结构|____src| |____styles # 页面样式| | |____core.scss | |____themes # 主题变量| | |____default.scss| | |____dark.scss| | |____blue.scss| |____entry.js # 打包入口|____webpack.config.js|____package.json2. 页面样式与主题变量原创 2020-07-10 11:44:09 · 572 阅读 · 0 评论 -
[ javascript ] 使用Object.create()创建对象
Object.create()创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。具体文档语法Object.create(proto[, propertiesObject])参数proto: 新创建对象的原型对象。propertiesObject: 可选。如果没有指定为 undefined，则是要添加到新创建对象的不可枚举（默认）属性（即其自身定义的属性，而不是其原型链上的枚举属性）对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProper原创 2020-06-01 16:13:23 · 446 阅读 · 0 评论 -
[ javascript ] 简易表单验证
function checkRule(obj, key, rule) { return rule.valid ? rule.valid(obj[key]) : true}function validator(obj, rules) { for (let key in rules) { const rule = rules[key] // 如果为空 if (o...原创 2020-04-22 16:02:17 · 154 阅读 · 1 评论