- 博客(36)
- 收藏
- 关注
RSS订阅原创 nvm常用命令
安装指定node版本。例如 nvm install 18.16.1。查看所有已经安装的Node.js版本，会标记当前使用的版本。3.nvm current 等价于 node -v。2. nvm ls 或 nvm list。列出所有可以在线安装的node版本。显示当前正在使用的node版本。
2024-06-15 12:33:18
142
原创 vue状态管理工具：vuex
State 提供唯一的公共数据，所有共享的数据都要统一放在 Store 中的 State 中存储。区别：data 是组件自己的数据，state 是所有组件共享的数据。// 不符合规范，在任意组件任意地方能修改代码，项目大了之后会难以维护，仓库数据变。1. 定义mutations 对象在vuex中，存放修改 state 的方法。// 通过 state 提供数据，是所有组件共享的数据。将 store 中的数据自动映射到组件的计算属性中。// 将 state 中的数据，定义在组件内的计算属性中。
2023-12-24 20:22:22
55
原创 vuex入门
是一个vue状态管 理工具，状态就是数据是一个帮我们管理vue通用数据的插件（很多组件公用的数据）（1）某个状态在很多组件中使用（2）多个组件共同维护一份数据（1）共同维护，数据集中管理（2）响应式变化（3）操作简捷（vuex提供了辅助函数，快速操作仓库的数据）多组件数据共享环境使用场景：三个组件共享一份数据，任何一个组件都可以修改数据，并且三个组件的数据是同步的可以在创建项目时选择。
2023-12-07 21:15:12
40
原创 ESLint插件自动检查规范
vscode插件市场搜索 ESLint，如下图安装并重启即可使用。vscode设置中添加如下配置，帮助我们自动修复错误。// 保存的时候，eslint自动修复错误。// 保存代码不自动格式化。
2023-12-04 22:37:44
89
原创 echarts
data: wccList, // 百分比展示值。data: nameList, // x轴坐标值。data: wcList, // 数量展示值。subtext: '哈哈',text: '标题',// 分别设置 左上角。name: '单位(1万元)',name: '百分比',
2023-10-29 22:38:42
33
原创 冒泡排序 && 选择排序
取出一个元素，然后将其他元素和该元素进行比较，如果其他元素比该元素小就交换两个元素的位置。对数组 [9,0,4,7,8,1,2,5,3,6]- 比较相邻的两个元素，在根据大小决定是否交换位置。排序后 [0,1,2,3,4,5,6,7,8,9]
2023-04-02 22:27:53
44
原创 reduce，方法应用
let aa = [ { a: 75, b: '' }, { a: 25, b: '' }] let bb = 1000 aa = aa.reduce((pre, cur) => { cur.b = bb*(cur.a / 100) pre.push(cur) return pre }, [])console.log(aa) .
2022-02-25 23:26:23
131
原创 JS数组常用的方法
【会改变原数组】1. Array.push(),向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变let arr = [1,2,3,4]arr.push(5,6,7)console.log(arr) // [1, 2, 3, 4, 5, 6, 7]2. Array.pop(),删除并返回数组最后一个元素,若该数组为空.泽返回undefind。原数组改变let arr = [1,2,3,4]let del = arr.pop()console.log(del, arr
2022-01-23 00:46:09
97
原创 金额千分符
let value = '78.9'let bb = parseFloat(value).toFixed(2).replace(/\B(?=(\d{3})+(?!\d))/g,',')console.log(bb,typeof(bb)) // 78.90 string
2022-01-18 21:39:27
242
原创 Array方法：map
let order = [ { code: 1, name: '草稿' }, { code: 2, name: '发起申请' }, { code: 3, name: '流程审批中' }, { code: 4, name: '审批通过' }, { code: 5, name: '流程关闭' } ] let change = order.map((ite...
2022-01-04 23:04:13
217
原创 时间格式化，字符串的使用
let time = '2022-01-01T16:23:50.000+0800' // 2022-01-01T16:23:50.000+0800 console.log(time) // ['2022-01-01T16:23:50', '000+0800'] console.log(time.split('.')) // 2022-01-01T16:23:50 console.log(time.split('.')[0]) // 2022-01-0.
2022-01-04 22:43:31
1169
原创 数组常用的方法，包括ES6
1.push() 后增push()方法可以向数组后添加一个新的元素，并返回新数组的长度末尾添加，返回长度，改变原数组var a = [1,2,3]var b = a.push(4)console.log(a) //[1, 2, 3, 4]console.log(b) //42.unshift() 前增unshift() 可以向数组前添加一个或者多个元素，并且返回新的长度首部添加，返回长度，改变原数组var a = [2,3,4]var b = a.unshift
2021-09-21 22:28:12
92
原创 设置淘宝镜像
1.通过cnpm使用淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org2.将npm设置为淘宝镜像：npm config set registry https://registry.npm.taobao.org3. 查看cnpm镜像设置：npm config get registry4.查看cnpm镜像设置：cnpm config get registry...
2021-09-17 22:33:23
3980
原创 Git
Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库1、git clone “项目的地址” 把项目克隆下来输入帐号、密码。进入文件夹git bash启动服务2、git add .3、git commit -m“初始化项目”提交到本地了 （clear清屏）4、git push提交服务器。默认提交到服务器主分支5、git log查看日志6、分支切割git branch dev //切出分支取名dev
2021-09-08 00:24:02
48
原创 输入域名到页面显示的一个过程
1、输入网址（域名）2、DNS解析3、建立tcp连接4、客户端发送HTTP请求5、服务器处理请求6、服务器相应请求7、浏览器展示HTML8、浏览器发送请求获取其他在HTML中的资源1、输入地址 当我们开始在浏览器中输入网址的时候，浏览器其实就已经在智能的匹配可能得 url 了，他会从历史记录，书签等地方，找到已经输入的字符串可能对应的 url，然后给出智能提示，让你可以补全url地址。对于google的chrome 的浏览器，他甚至会直接从缓存中把网页展...
2021-08-22 20:43:07
921
原创 JS中的window对象
JS中的window对象JS中的window对象1.window概念所有浏览器都支持window对象。他表示浏览器窗口。 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。 全局变量是window对象的属性 全局函数是window对象的方法2.window中的方法window.open()打开新窗口 window.close()关闭当前窗口 window.moveTo()移动当前窗口 window.resizeTo()调整当前窗口的尺寸 http
2021-08-19 19:01:33
231
原创 【原型和原型链】
【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/article/details/80745117
2021-08-19 09:22:37
47
原创 Promise
Promise是异步编程的一种解决方案。最早由社区提出并且实现，ES6将其写进语言标准，原生提供Promise对象。特点1.对象的状态不受外界影响 （3种状态） Pending状态（进行中） Fulfilled状态（已成功） Rejected状态（已失败） 2.一旦状态改变就不会再变 （两种状态改变：成功或失败） Pending -> Fulfilled Pending -> Rejected then Promise实例生成后，可用then方.
2021-08-18 10:50:17
65
原创 深拷贝，浅拷贝
浅拷贝和深拷贝的区别：浅拷贝 ：只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据深拷贝：将数据中所有的数据拷贝下来，对拷贝之后的数据进行修改不会影响到原数据利用递归实现深拷贝（常见面试题之一）https://blog.csdn.net/weixin_43410419/article/details/83718496将要拷贝的数据 obj 以参数的形式传参声明一个变量 来储存我们拷贝出来的内容判断 obj 是否是引..
2021-08-18 10:17:29
157
原创 call() 与 apply() 对比
https://baijiahao.baidu.com/s?id=1623502672848488220&wfr=spider&for=pc
2021-08-16 13:10:25
64
原创 CSS3 新特性
1、实现圆角（broder-radius），阴影（box-shadow）2、对文字加特效（text-shadow），线性渐变（gradient），旋转（transform）3、transform:rotate(9deg) scale(0.85,0.90) translate(0px,30px) skew(-9deg,0deg) //旋转、缩放、定位、倾斜4、增加了更多的CSS选择器 背景rebabackground-color:rgba(125,0,0,0.5);...
2021-08-15 23:59:55
289
原创 ES6新特性
一、const 与 let 变量ES5：var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。es6 新增了 let const1、let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。2、const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。<script>constlist={name:'jiuke',sex:'男'...
2021-08-15 23:24:05
114
原创 HTML5 新特性总结
一、语义标签二、增强型表单三、视频和音频四、Canvas绘图五、SVG绘图六、地理定位七、拖放API八、WebWorker九、WebStorage十、WebSocket一、语义标签html5语义标签，可以使开发者更方便清晰构建页面的布局 标签 描述 <header> 定义了文档的头部区域 <footer> 定义了文档的尾部区域 <nav> 定义文档的导航 ...
2021-08-15 17:57:03
62
原创 CSS选择器有哪些
1.标签选择器以标签名开头，选择所有div元素div { margin:0; padding:0; }2、类选择器给标签取class名，以点（.）加class名开头，选择所有该class名的元素<div class="aa"></div>.aa { width: 100px; height: 100px; background-color: red; }3、id选择器给标签取id名，以#加i
2021-08-15 11:19:51
339
原创 0.5px的线、css画三角形
画一条0.5px的线<style>*{margin:0;padding:0;}.line{margin:300px0;position:relative;}.line:after{ content:""; position:absolute;left:0; right:0;width:100%; height:1px; backg...
2021-08-14 23:19:35
207
原创 理解：重绘 与 回流/重排的过程
前言：重绘与回流 / 重排是由于浏览器的再次渲染所引起的一个话题，所以我们需要先了解浏览器的渲染过程；一个前端页面无非就是有html、css、JavaScript组成的。通常来说，渲染引擎会解析HTML文档来构建DOM树与此同时，渲染引擎也会用CSS解析器解析CSS文档构建CSSOM树（CSS对象模型）接下来，DOM树和CSSOM树关联起来构成渲染树（RenderTree），这一过程称为Attachment。然后浏览器按照渲染树进行布局（Layout），最后一步通过绘制显示出整个页...
2021-08-14 22:30:58
102
原创 渲染树（render树）浅谈
大家都DOM节点其实DOM节点可以分为可视化节点和非可视化节点，像 div、p 等这种结构性的标签节点可被称为可视化节点，而 script、meta 等这种在页面上显示不出来的节点则被称为非可视化节点；那么渲染树（render树）是什么呢？浏览器是如何渲染UI的？1、浏览器获取HTML文件，然后对文件进行解析，形成DOM Tree2、与此同时进行CSS解析，生成 Style Rules3、接着DOM Tree 与 Style Rules 合成为 Render T...
2021-08-14 21:47:38
474
原创 BFC（块级格式上下文）
BFC是指浏览器创建了一个独立的渲染区域，该区域内所有元素的布局不会影响到区域外元素的布局，这个渲染区域只对块级元素起作用如何创建BFC？1，根元素2，float属性不为none3，position不为static 和 relative4，overflow不为visible5，display为inline-block, table-cell, table-caption, flex, inline-flexBFC作用？1）防止外边距重叠。bfc导致的属于同一个bfc中的子元
2021-08-13 00:23:54
102
原创 水平垂直居中的几种方法
方法一.box{width:200px;height:400px;/*background-color:black;*/position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-200px...
2021-08-13 00:00:20
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人