- 博客(13)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 git命令
常用的git命令git命令作用git config --global user.name “输入英文名”设置本地库用户名git config --global user.email "邮箱地址”设置本地库邮箱地址git clone “自己在码云上创建的仓库地址”克隆git init初始化git仓库管理git status查看代码提交状态 可以显示修改的文件名git add将本地增删改查的文件全部添加到暂存区git commit -m “本
2021-01-12 16:14:09
2220
原创 初始化css样式代码、颜色、字体、浮动与清除浮动、显示、定位、盒子模型、按钮禁用、CSS画圆半圆扇形三角梯形
顔色sass顔色变量声明在vue中声明颜色变量时需要在 vue.config.js 里面增加如下配置。module.exports = { // ... css: { sourceMap: true, loaderOptions: { sass: { prependData: `@import "@/assets/styles/variable.scss";` } } }
2021-05-25 15:33:24
252
原创 数组对象转化为一个对象
let arr = [ { "id": "2", "name": "大哥", "eval": "类型1" }, { "id": "3", "name": "小弟", "eval": "类型2" }, ];let obj = {}arr.forEach(item=>{ let str = `${item.id}-${item.e
2021-04-22 15:13:42
694
原创 前端的性能优化
性能优化减少 HTTP请求数 减少 HTTP请求数的主要途径包括: (1). 从设计实现层面简化页面 (2). 合理设置 HTTP缓存 (3). 资源合并与压缩 (4). CSS Sprites合并 CSS图片,减少请求数的又一个好办法。 (5). Inline Images (6). Lazy Load Images将外部脚本置底浏览器是可以并发请求的,这一特点使得其能够更快的加载资源,然而外链脚本在加载时却会阻塞其他资源,例如在脚本加载完成之前,它后面的图片、样式以及
2021-01-19 20:11:48
132
2
原创 promise和async
promise使用 const server = axios.create({ // 设置主路由 baseURL: "http://120.53.31.103:84", timeout: 10000 // 请求超时的时间 }) // 请求拦截 server.interceptors.request.use(config => { // Vue.$loading.show(); let ID = Guid.NewGuid().ToString('D
2021-01-16 20:05:02
96
原创 rem配置
remrem的大小根据的根元素的字体大小来规定,当根元素的字体大小为100px,那么1rem就等于100px; <style> html{ font-size: 100px; } div{ width: 1rem; } </style>一般根据的设计图的尺寸来设置rem的配置,当设计图为宽为750px时,可以配置1rem等于100px或则50px,我这里配置了一个1rem等于50px的,大家可以参考下案例: (function(doc,
2021-01-14 20:12:22
812
原创 单线程、事件循环、微任务和宏任务
js单线程js单线程就是同步和异步任务分别进入不同的执行环境,同步的进入主线程,即主执行栈,异步的进入任务队列。主线程内的任务执行完毕为空,会去任务队列读取对应的任务,推入主线程执行。主线程也就是 js 引擎执行的线程,这个线程只有一个,页面渲染、函数处理都在这个主线程上执行。工作线程也称幕后线程,这个线程可能存在于浏览器或js引擎内,与主线程是分开的,处理文件读取、网络请求等异步事件。任务队列所有的任务可以分为同步任务和异步任务,同步任务,顾名思义,就是立即执行的任务,同步任务一般会直接
2021-01-14 20:00:01
112
原创 github的使用
github的使用git add . -------------添加所有的文件到缓存区git commit -m “备注” ------------将缓存区的所有改动都给提交到本地仓库管理中心去3.git push -u origin master ----------将本地所有改动提交都推送到远程仓库master是github远程仓库分支(master是默认的主干,自己就是一条分支)输入命令回车:接着我们去我们的github上看看有没有东西:github小型服务器github小型服
2021-01-13 21:48:14
107
原创 深拷贝+浅拷贝+数据类型判断
深拷贝浅拷贝的原理浅拷贝浅拷贝就是对数据的复制浅拷贝的使用方法 // 浅拷贝的方法 let arr = [1,2,3,4]; let newArr = arr;浅拷贝的缺点当你创建一个新的变量newArr直接复制已有变量的数据时,你改变原变量arr数据,新的变量newArr数据也会发生改变,最终两个的变量值是一样的 // 浅拷贝的方法 let arr = [1,2,3,4]; let newArr = arr; arr[0] = 999; co
2021-01-13 20:36:06
358
原创 vuex六种方法使用及场景
Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex的六种方法state的使用方法及场景方法作用state存放公共数据state的使用场景及方法第一种方法:在元素中使用 <p>{{$store.state.name}}</p>第二种:在声明周期或者事件方法中使用 this.$store.state.name简化版 <p>{{name}}</p> .
2021-01-12 19:09:14
1653
原创 递归小案例
递归小案例将一组深层次数据,每项数据单独提取出来,添加到一个新的数组当中去例: const json = [ { id: 1, title: "课程1", children: [ { id: 4, title: "课程1-1" }, { id: 5,
2021-01-12 10:55:12
93
原创 冒泡排序
- 冒泡理解冒泡排序就是将一个数组,以冒泡的形式进行大小的判断处理- 案例一假设一个棍子上挂着一排不同高度的水果,让一个人跳着摘水果,他每次的跳跃高度都会比上次低,不会比上一次高,那么摘完棍子上的所有水果需要几个人 // 声明一个数组 var arr = [50,5,88,19,10,20,5,6,54] // 循环这个数组 for(let i = 0; i<arr.length; i++){ // 声明一个
2021-01-11 17:04:46
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人