书架
✨

书架

=一个知识书库=

JavaScript树结构操作
1782 字6 分钟

JavaScript树结构操作

## 一、遍历树结构 ### 1. 树结构介绍 JS中树结构一般是类似于这样的结构： ```javascript let tree = [ { id: '1', title: '节点1', children: [ { id: '1-1', title: '节点1-1' }, { id: '1-2', title: '节点1-2' } ] }, { id: '2', tit
技术设计,前端,js
more...
在vue项目中修改全局滚动条样式
189 字1 分钟

在vue项目中修改全局滚动条样式

# 在base.css中加入该样式 ## 一、样式一【推荐】 > box-shadow方式 ```scss ::-webkit-scrollbar { width: 8px; height: 6px; } ::-webkit-scrollbar-thumb { border: 1px solid rgb(0 0 0 / 0%); border-radius: 10px; box-shadow: 6px 0 0 #e3e3e3 inset; } ::-webkit-scrollbar-thumb:hover { box-sh
技术设计,前端,css
more...
CSS选择器及背景相关
1791 字6 分钟

CSS选择器及背景相关

## 属性选择器 属性选择器的标准语法如下： ```scss E[attribute] { 属性:属性值; 属性:属性值; } ``` * E 代表元素 * attribute 代表属性 <!--more--> ### 自定义属性选择器 自定义属性：只需要在标签后加上自定义的属性，例如`<div data-code></div>`中的data-code 语法如下： ```scss <style> [data-code]{ 属性:属性值; 属性:属性值; } </style>
技术设计,前端,css
more...
CSS自定义火狐浏览器滚动条样式
375 字2 分钟

CSS自定义火狐浏览器滚动条样式

很多人都知道，使用css的::-webkit-scrollbar可以定义浏览器滚动条的样式，但是这种方法在火狐浏览器下是无效的。 实际上火狐浏览器提供了两个独有的属性来定义滚动条样式，只有两个，总比没有强吧！ <!--more--> ### 直接上代码： ```scss * { scrollbar-color:#f33 green; scrollbar-width:thin; } ``` ### 相关解释： ```scss /* Keyword values */ scrollbar-width: auto; /* 系统默认的滚动条宽度
技术设计,前端,css
more...
11种JavaScript生成1到100的数组的方式
132 字1 分钟

11种JavaScript生成1到100的数组的方式

> 11种JavaScript生成1到100的数组的方式 ## 循环赋值 ```javascript var arr = new Array(100); for(var i=0;i<arr1.length;i++){ arr1[i] = i; } ``` <!--more--> ## push方法实现 ```javascript var arr = new Array(); for(var i=0;i<100;i++){ arr.push(i); } ``` ## while ```javascript var arr =
技术设计,前端,js
more...