摘要：
有一些需求，如动态切换界面主题，就需要通过js去控制css。 对应的实现方案也有很多，如Less中的modifyVar,这里推荐一种兼容性比较好的做法，使用浏览器原生支持的——CSS变量。 https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_ 阅读全文
posted @ 2020-04-24 14:54
flamestudio
阅读(1809)
评论(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
阅读(424)
评论(0)
推荐(0)
摘要：
递归函数我们都再熟悉不过了，也就是函数自己调用自己。递归组件也是类似的，在组件的template内部使用组件自身。那递归组件有什么使用场景呢？ 我们都知道树这个数据结构就是一种递归的结构，因此我们可以用递归组件去实现一个Tree效果，一般可以用于多层级的菜单。 首先是我们的Tree组件，它包含n个T 阅读全文
posted @ 2020-02-28 09:55
flamestudio
阅读(2873)
评论(0)
推荐(0)
摘要：
关键部分就一行代码: transform: skew(-25deg); 由于skew会带动其中的子元素一起倾斜，我们需要在内容区外面再放一个div，设置相反的度数，抵消掉倾斜效果。效果及代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文
posted @ 2020-02-17 16:49
flamestudio
阅读(1343)
评论(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
阅读(636)
评论(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
阅读(2491)
评论(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
阅读(176)
评论(0)
推荐(0)
摘要：
我们都知道，在Vue的单文件组件中，style标签中编写的样式默认为全局样式，如果我们想编写局部样式， 使用一个scoped关键字就可以。 那么在React中怎么实现呢? (注: 这种方法必须使用类选择器) 首先，将css文件命名为xxx.module.css。 然后，我们之前导入css都是用imp 阅读全文
posted @ 2020-02-06 09:34
flamestudio
阅读(2027)
评论(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
阅读(406)
评论(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
阅读(271)
评论(0)
推荐(0)
浙公网安备 33010602011771号