摘要: 有一些需求,如动态切换界面主题,就需要通过js去控制css。 对应的实现方案也有很多,如Less中的modifyVar,这里推荐一种兼容性比较好的做法,使用浏览器原生支持的——CSS变量。 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_ 阅读全文
posted @ 2020-04-24 14:54 flamestudio 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: import React, {useState} from 'react'; const createForm = Cmp => props => { const [formData, setFormData] = useState({}) const rules = {} return ( <di 阅读全文
posted @ 2020-04-03 10:44 flamestudio 阅读(406) 评论(0) 推荐(0) 编辑
摘要: 递归函数我们都再熟悉不过了,也就是函数自己调用自己。递归组件也是类似的,在组件的template内部使用组件自身。那递归组件有什么使用场景呢? 我们都知道树这个数据结构就是一种递归的结构,因此我们可以用递归组件去实现一个Tree效果,一般可以用于多层级的菜单。 首先是我们的Tree组件,它包含n个T 阅读全文
posted @ 2020-02-28 09:55 flamestudio 阅读(2788) 评论(0) 推荐(0) 编辑
摘要: 关键部分就一行代码: transform: skew(-25deg); 由于skew会带动其中的子元素一起倾斜,我们需要在内容区外面再放一个div,设置相反的度数,抵消掉倾斜效果。效果及代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文
posted @ 2020-02-17 16:49 flamestudio 阅读(1309) 评论(0) 推荐(0) 编辑
摘要: 1 function reverseLinkedList(head) { 2 3 if (head null || head.next null) { 4 return head; 5 } 6 let newHead = null 7 while (head) { 8 let next = head 阅读全文
posted @ 2020-02-14 09:32 flamestudio 阅读(632) 评论(0) 推荐(0) 编辑
摘要: let arr = [1, 2, [3, 4, 5, [6, 7, 8], 9], 10, [11, 12]]; flatten1 = arr => arr.flat(Infinity) flatten2 = arr => arr.toString().split(',').map(item => 阅读全文
posted @ 2020-02-07 10:44 flamestudio 阅读(2408) 评论(0) 推荐(2) 编辑
摘要: // 数组去重 let arr = ['a', 'b', 'b', 1, 1, 'true', true, true, NaN, NaN, 'NaN', undefined, undefined, null, null]; // 1. 集合 unique1 = arr => [...new Set( 阅读全文
posted @ 2020-02-07 10:43 flamestudio 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 我们都知道,在Vue的单文件组件中,style标签中编写的样式默认为全局样式,如果我们想编写局部样式, 使用一个scoped关键字就可以。 那么在React中怎么实现呢? (注: 这种方法必须使用类选择器) 首先,将css文件命名为xxx.module.css。 然后,我们之前导入css都是用imp 阅读全文
posted @ 2020-02-06 09:34 flamestudio 阅读(1978) 评论(0) 推荐(0) 编辑
摘要: maven { url "https://maven.aliyun.com/repository/public"}maven { url "https://maven.aliyun.com/repository/google"}maven { url "https://maven.aliyun.co 阅读全文
posted @ 2020-02-04 11:28 flamestudio 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 假如设计稿的宽度为750px 为了方便换算,如果我们让屏幕的总宽度总是等于750rem,那么1rem就相当于设计稿的1px了 则有: 100vw=750rem 即: 1rem=100vw/750=0.1333...vw 因此我们只需把根元素html的字体大小设为0.1333...vw, 然而Chro 阅读全文
posted @ 2020-01-31 10:30 flamestudio 阅读(260) 评论(0) 推荐(0) 编辑