
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 · 1861 阅读 · 0 评论 -
[ scss | webpack ] 实现页面主题思路(2)
本文介绍了另一种实现主题功能的思路,是前一篇([ scss | webpack ] 实现页面主题思路)的扩展。 Demo源代码 此方法通过切换style的外部样式表链接实现。 效果图 Demo项目结构 |____src | |____styles # 页面样式 | | |____core.scss | |____themes # 主题变量 | | |____default.scss | | |____dark.scss | | |..原创 2020-07-10 18:12:44 · 642 阅读 · 0 评论 -
[ scss | webpack ] 实现页面主题思路
1. Demo文件结构 |____src | |____styles # 页面样式 | | |____core.scss | |____themes # 主题变量 | | |____default.scss | | |____dark.scss | | |____blue.scss | |____entry.js # 打包入口 |____webpack.config.js |____package.json 2. 页面样式与主题变量原创 2020-07-10 11:44:09 · 614 阅读 · 0 评论 -
[ javascript ] 使用Object.create()创建对象
Object.create() 创建一个新对象,使用现有的对象来提供新创建的对象的__proto__。 具体文档 语法 Object.create(proto[, propertiesObject]) 参数 proto: 新创建对象的原型对象。 propertiesObject: 可选。如果没有指定为 undefined,则是要添加到新创建对象的不可枚举(默认)属性(即其自身定义的属性,而不是其原型链上的枚举属性)对象的属性描述符以及相应的属性名称。这些属性对应Object.defineProper原创 2020-06-01 16:13:23 · 461 阅读 · 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 · 165 阅读 · 1 评论