- 博客(19)
- 收藏
- 关注
RSS订阅原创 算法（简单篇）
1. 求两个数组的交集/** * @param {number[]} nums1 * @param {number[]} nums2 * @return {number[]} */var intersection = function(num1,num2) { return [...new Set(num1)].filter(item => num2.includes(item))}2. 有效括号/** * @param {string} s * @return
2021-11-26 17:19:09
241
原创 CSS之小技巧（多行文字垂直居中）
单行文字垂直居中只需要 line-height 等于 height 即可<template> <div> <ul> <li class="cli"> <span class="cspan">小螃蟹小螃蟹</span> </li> <li class="cli"> <span class="cspan">小螃蟹小螃蟹&l
2021-10-13 23:49:40
695
原创 前端数据结构day1
数据结构：计算机存储、组织数据的方式，就像锅碗瓢盆。算法：一系列解决问题的清晰指令，就像食谱程序 = 数据结构 + 算法（数据结构为算法提供服务，算法围绕数据结构操作）数据结构：栈、队列、链表；集合、字典；树、堆、图；时间复杂度：时间复杂度：空间复杂度：算法在运行过程中临时占用存储空间大小的量度O(1): 只声明了单个变量，单个变量所占用的内存永远是1栈一个后进先出的数据结构（logN,矩阵）...
2021-05-19 02:45:01
112
原创 ES6结构赋值
<script> const person = { name:'crab', age: 21, city: '广州' } const {name,age,city} = person console.log(name); // crab console.log(age); // 21 console.log(city); // 广州 const cat = { catname:'xia..
2021-05-18 23:22:48
76
原创 树形结构的封装
需求： 当我们那获取到的数据事扁平的，需要我们封装成树形的。方法一： 父部门找子部门const crabDataList = [ {id:'1',name:'总裁办',pid:''}, {id:'2',name:'财务部',pid:''}, {id:'3',name:'技术部',pid:''}, {id:'4',name:'财务管理部',pid:'2'}, {id:'5',name:'财务管理a部',pid:'4'}, {id:'6',name:'财务管理b部',pid:'4
2021-04-22 20:24:08
322
原创 一种数组去重的简便方法
let arr = [1,2,3,3,4,5,6,7,7]arr = Array.from(new Set(arr))console.log(arr)let arr1 = [1,2,3,3,4,5,6,7,7]arr1 = [...new Set(arr1)]console.log(arr1)
2021-04-18 21:03:26
90
原创 组件的统一注册
局部组件的注册： components: {‘tools’, tools}1. 注册一个全局组件（全局组件在任何地方都能使用）在入口 main.js 文件中import tools from '...'Vue.component('tools',tools)优化版：（有很多个全局组件怎么办）创建一个专门放注册逻辑的文件import Vue from 'vue'import tools from '...'Vue.component('tools',tools)在入口 main
2021-04-18 20:09:01
75
原创 MAC 版配置 git & vscode
前期准备：vscode 中 下载插件 GitLensbrew install git配置工作（原生配置）：在 vscode 中打开项目文件夹（把项目文件夹拖入 vscode ）⚠️⚠️⚠️ （绿色代表还没做版本管理）在终端中打开项目文件夹 （cd 把项目文件夹拖入终端）git config --global user.name "自己的用户名"git config --global user.email "自己的正确的邮箱"git init初始化成功后在当前项
2021-01-25 11:09:06
3989
原创 前端优化之防抖
WHAT 什么是防抖？当持续触发相同事件时，如果设定的时间到来之前，又一次触发了事件，就重新开始延时；如果设定的时间到来之后都没有再次触发事件，则执行最后一次事件。（就像王者荣耀的回城操作一样）HOW 应用场景1. keyup事件（example：输入框 [验证用户名是否可用]）普通版的输入框事件：用户每按一下键盘都会发送一个ajax请求出去，用户还没输入完成，就发送了很多无用的请求，浪费性能。<body> <input id="user" type="text" pl
2021-01-21 20:58:48
206
2
原创 H5的新特性（三）新增 input 表单、表单属性
<!-- number tel 在移动端访问可以直接弹出数字键盘 --> <li><input type="number"></li> <li><input type="tel"></li> <!-- 点击x可以清空表单 --> <li><input type="search...
2020-11-29 20:49:52
197
1
原创 H5的新特性（二）新增多媒体标签
多媒体标签有以下两个：视频：音频：常见的视频格式： .avi .mp4 .flv .ogg .3gp 视频标签 视频标签常见属性⚠️⚠️⚠️***注意：***autoplay
2020-11-29 20:16:25
219
原创 H5的新特性（一）标签的语义化
H5 新增语义化标签 / 标签语义化在以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的。在 H5 中，新增语义化标签 头部标签 导航标签 内容标签 块级标签 侧边栏标签 尾部标签⚠️⚠️⚠️ 注意：这种语义化标签主要是针对搜索引擎的。这种新标签页面可以使用多次。在 IE9 中，需要把这些元素转换为块级元素。我们在移动端更喜欢用这些标签。????????????**
2020-11-29 20:00:41
284
原创 深入理解 CSS3 flex 布局
目标：能够说出 flex 盒子的布局原理能够使用 flex 布局的常用属性能够独立完成小案例flex 是 flexible box 的缩写，意为弹性布局，用来为盒状模型提供最的的灵活性，任何一个容器都可以指定为 flex 布局。当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局 = flex 布局...
2020-11-01 21:38:49
201
原创 深入理解 CSS定位
为什么要用定位定位的4种分类以及各自特点为什么常用 自绝父相 布局用定位实现轮播图布局1. 为什么要用定位因为标准流或浮动都无法快速实现，此时需要定位来实现例如：某个元素可以自由在一个盒子内移动位置，并且压住其他盒子当我们滚动窗口的时候，盒子是固定在屏幕某个位置的定位是什么意思？定位：讲盒子定在某一个位置，即摆放盒子，按照定位的方式移动盒子。**定位 = 定位模式 + 边偏移**定位模式用于指定一个元素在文档中的定位方式边偏移决定该元素的最终位置定位模式：通过 CSS.
2020-10-23 21:20:44
140
原创 cookies,sessionStorage和localStorage的区别
cookies：它是网站用于标记用户身份的一段数据 ，通常情况下是一段加密的字符串，并且默认情况之下只会在同源（同域名同端口同协议） HTTP 请求中携带。sessionStorage：它是浏览器本地存储的一种方式，以键值对的形式进行存储，并且存储的数据会在浏览器关闭之后自动删除。localStorage：它也是浏览器本地存储的一种方式，和sessionStorage一样，也是以键值对的形式存在的，不过它存储的是一个持久化的数据，一般不主动删除，数据就会一直存在。...
2020-10-23 17:54:33
67
原创 浅谈JavaScript（一）补充例子：面向对象 Tab 栏切换
具体代码：链接:https://pan.baidu.com/s/1uY25FCHY7MnOyt3VfIlpag 密码:q1ug功能需求：点击 tab 栏，可以切换效果点击 + 号，可以添加tab栏和内容项点击 x 号，可以删除当前tab项和内容项双击 tab 项文字或者内容项文字，可以修改里面的文字内容功能实现思路：1. 该对象具有切换功能2. 该对象具有添加功能创建...
2020-04-03 07:15:51
197
原创 浅谈JavaScript（一）
一：类和对象类：泛指的某一大类对象：特指的某一个二：创建类和生成实例通过 class 关键字创建类，类名我们习惯性定义首字母大写在我们类中，所有的函数都不需要加 function类里面有一个 construction 构造函数，可以接受传递过来的参数，同时返回实例对象只要我们 new 了一个实例对象，就会自动调用 constructor ，如果我们不写这个函数，类也会...
2020-04-03 06:45:02
143
原创 不使用学生邮箱，如何在JetBrains官网上申请学生免费使用产品的权限
学信网申请学生邮箱太麻烦？学校没有学生邮箱？下面介绍一种不需要使用学生邮箱的方法，也能激活使用Jetbrains全家桶：使用offical document前期准备：一张你的学生证照片（不需要拍封面，内容信息页即可）步骤：1.打开jetbrains官网注册/直接登陆你的账号https://account.jetbrains.com/loginhttps://account.jet...
2020-02-01 19:53:25
2620
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人