- 博客(16)
- 收藏
- 关注
RSS订阅
原创 vue 项目 基于axios 对常用5种（POST、GET、PUT、DELETE、PATCH）请求进行封装
一、 安装axios使用 npm: npm install axios --save使用 cnpm: cnpm install axios --save使用 yarn: yarn add axios --save建议使用cnpm ！！！二、src目录下新建lib文件夹lib文件夹下新建request.js三、配置axios 进行封装import axios from 'axios'import store from '@/store'// 环境判断设置baseURLlet baseU
2020-08-12 19:38:42
3636
原创 element-ui Table 表格 树形数据与懒加载 手动触发load加载子节点数据函数
element-ui Table 表格 数据懒加载 手动触发load
2023-02-15 15:42:42
3737
3
原创 ES6之Set、WeakSet、Map、WeakMap
4、向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。方法：add（添加某个值，返回 Set 结构本身）、delete（删除某个值，返回一个布尔值，表示删除是否成功）、has（返回一个布尔值，表示该值是否为Set的成员）、clear（清除所有成员，没有返回值）..
2022-08-19 07:38:14
266
原创 MacBook 配置 item2 、oh-my-zsh、Powerline
MacBook 配置 item2 、oh-my-zsh、Powerlineitem2安装oh-my-zsh`强烈推荐使用Git方式获取 简单上手`Powerline`强烈推荐使用Git方式获取 简单上手`最后效果图item2安装链接: iterm2.oh-my-zsh强烈推荐使用Git方式获取 简单上手链接: ohmyzsh.第一步git clone https://github.com/ohmyzsh/ohmyzsh.git ~/.oh-my-zsh第二步cp ~/.zshr
2021-06-05 23:50:51
289
原创 高级JS(堆、栈、作用域、闭包、原型、this指向)
一、作用域定义：JS中，所有标识符可以访问的"范围" (标识符：使用var声明的变量、使用function声明的函数名，形参，统称为标识符)作用域分类：1. 全局2. 局部3. 块级（let、const）ES5没有块级作用域注意：作用域是函数声明的位置决定（写代码的时候，这个代码的嵌套关系，就已经把作用域确定了）函数在哪里调用，如何调用，都不会被改变ES5中，只有函数才能创建作用域作用域链闭包定义：闭包是指有权访问另外一个函数作用域中的变量的函数（红宝书page178）原型原型链
2021-04-06 16:00:39
132
原创 Vue2部分源码学习（响应式原理、nextTick原理、computed、watch、模版编译、diff算法、key、Vue3新特性）
资源vue源码地址源码目录结构一、响应式原理理解：1.核心点: Object.defineProperty2.默认 Vue 在初始化数据时，会给 data 中的属性使用 Object.defineProperty 重新定义所有属性,当页面取到对应属性时。会进行依赖收集（收集当前组件的watcher） 如果属性发生变化会通知相关依赖进行更新操作。源码:二、nextTick实现原理理解：(宏任务和微任务) 异步方法nextTick 方法主要是使用了宏任务和微任务,定义了一个异步
2021-03-30 14:32:45
374
原创 深入理解 Vue3 Composition API
一、effect()和 reactive()import { effect, reactive } from '@vue/reactivity'// 使用 reactive() 函数定义响应式数据const obj = reactive({ text: 'hello' })// 使用 effect() 函数定义副作用函数effect(() => { document.body.innerText = obj.text})// 一秒后修改响应式数据，这会触发副作用函数重新执行
2020-11-17 16:34:42
786
1
原创 Vue 设计思想
1、生命周期 <div ref="example">{{message}}</div> vueMessage: 'vueMessage'创建前后（1）beforeCreatebeforeCreate () { console.log(this.vueMessage) // undefined console.log(this.$refs.example) // undefined },（2）createdcreated () { cons
2020-10-20 09:37:29
420
原创 Git 工作常用命令行
远程仓库相关命令#检出仓库：git clone git://github.com/jquery/jquery.git#查看远程仓库：git remote -v#添加远程仓库：git remote add [name] [url]#删除远程仓库：git remote rm [name]#修改远程仓库：git remote set-url --push [name] [newUrl]#拉取远程仓库：git pull [remoteName] [localBranchName]#推送远程
2020-10-20 09:26:59
178
原创 JS String 字符串方法
1、charAt() 方法从一个字符串中返回指定的字符。var anyString = "Brave new world";console.log(anyString.charAt(0));// Bconsole.log(anyString.charAt(1));// rconsole.log(anyString.charAt(2));// a2、concat() 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。let hello = 'Hello, 'console.
2020-09-23 11:13:34
246
原创 JS Array数组方法
1、unshift() 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)。头部添加（原数组改变）const array1 = [1, 2, 3];// 返回数组长度console.log(array1.unshift(4, 5));// 5// 原数组改变console.log(array1);// [4, 5, 1, 2, 3]2、push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。尾部添加（原数组改变）const animals =
2020-09-21 20:06:38
239
原创 vue 组件开发之组件通讯
一、props 父组件向子组件传值单向数据流！！！/** * 父组件 推荐使用 :activeNumber = "activeNumber" 进行传递 * @type 数据类型日常开发 * @default 默认参数 * @required 是否必传 * * */ props: { activeNumber: { type: Number, default: 0 }, activeStri
2020-08-17 18:42:57
227
原创 vscode配置setting.json文件实现eslint自动格式代码
一、ESlint+Vetur 实现ESlint代码规范二、重点----旧版本（旧版本配置在setting.json 会出现警告）{“eslint.autoFixOnSave”: true,“eslint.validate”: [“javascript”,{“language”: “vue”,“autoFix”: true},{“language”: “html”,“autoFix”: true}]}三、新版配置----新版本{“editor.codeActionsO
2020-08-15 17:15:23
4280
2
原创 静态资源上传七牛云
一、七牛云SDK(function () { // 请参考demo的index.js中的initQiniu()方法，若在使用处对options进行了赋值，则此处config不需要赋默认值。init(options) 即updateConfigWithOptions(options)，会对config进行赋值 var config = { // bucket 所在区域。ECN, SCN, NCN, NA, ASG，分别对应七牛云的：华东，华南，华北，北美，新加坡 5 个区域 qi
2020-08-12 19:52:34
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人