- 博客(77)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 生命周期函数
每个组件从被创建到被销毁的整个过程。，每个组件都有生命周期。在某个特定的时机进行特定的处理。随着组件生命周期的变化。生命周期函数会自动执行。
2023-12-12 19:41:20
237
原创 vue3 引入Element Plus 组件库
Element Plus官网：https://element-plus.org/zh-CN/在main.js文件中全局导入在App.vue中使用一个组件，测试是否成功
2023-12-12 19:15:46
149
原创 选项式API和组合式API
Vue3支持选项式API和组合式API。其中，选项式API是从Vue2开始使用的一种写法，而Vue3新增了组合式API的写法。
2023-12-10 15:20:54
314
原创 Vue 3项目的运行过程
使用Vite构建Vue3项目后，当执行yarn dev命令启动服务时，项目就会运行起来，该项目会通过src\main.js文件将srcApp.vue组件渲染到index.html文件的指定区域。src\App.vue文件Vue3项目是由各种组件组成的，srcApp.vue文件是项目的根组件。在根组件中可以引用其他组件，从而显示其他组件的内容。index.html文件index.html文件是页面的入口文件，该文件中预留了用于被src。
2023-12-10 10:46:48
263
原创 Vue 3项目的目录结构
存放不可编译的静态资源文件，当进行项目构建时，该目录下的文件会被复制到dist目录，该目录下的文件需要使用绝对路径访问。此外，当执行了yarn build命令后，在项目目录中会出现dist目录，该目录中保存的是项目构建后的文件。使用vite创建完VUE项目后，使用VS Code编辑器打开项目目录，可以看到一个默认生成的项目目录结构。：存放可编译的静态资源文件，例如图片、样式文件等。：默认的主渲染页面文件，同时也是页面的入口文件。：项目的入口文件，用于创建Vue应用实例。：存放单文件组件，即.vue文件。
2023-12-10 10:33:22
246
原创 git安装相关
下载Git的安装包。安装包下载完成后，双击打开，按照指导操作即可完成安装过程。对于Windows平台，可能需要在安装过程中选择一些组件，如图形界面和命令行工具等。如果系统能正确识别git命令，并输出版本号，则说明Git已经正确安装。注：要记下名字和密码。
2023-09-14 16:00:42
210
原创 antd中的Select组件点击allowClear不生效
当使用Select组件的时候，同时使用value和allowClear属性，会导致点击allowClear不生效。
2023-02-03 17:26:51
1244
原创 改变函数的上下文
1.将函数挂载在对象上function getdata(fn,obj){ obj.fn = fn return obj.fn()}2.callfunction getdata(fn,obj){ return fn.call(obj)}3.applyfunction getdata(fn,obj){ return fn.apply(obj)}4.bindfunction getdata(fn,obj){ return fn.bind(obj)()}...
2021-07-15 16:54:45
662
原创 js 数组合并的方法
function concat(arr1, arr2) { return (arr1.concat(arr2)) } function concat(arr1, arr2) { return [...arr1, ...arr2] } function concat(arr1, arr2) { return (arr1 + ',' + arr2).split(',') }function concat(arr1, arr2) { return [arr1
2021-07-15 16:47:20
117
原创 前端改变this指向的方法
1.bindfunction bindThis(fun, args) { return fun.bind(args) } bindThis(function () { console.log(this); console.log(this.name); }, { name: 'kk' })()2.call function bindThis(fun, args) { return fun.call(args) } bindThis(f
2021-07-14 18:04:49
119
原创 j实现数组去重 ，按出现的次数排序
let arr = [5, 5, 1, 1, 2, 4, 3, 3, 3, 4, 4, 4] //去重 按出现的次数排序 //去重 let setArr = [...new Set(arr)] //组装成新数组 新数组中包含值和出现的次数 function getArr(setArr) { let newArr = [] for (let j = 0; j < setArr.length; j++) { let num = 0 for (
2021-07-14 17:16:58
483
原创 javascript实现二维数组斜线打印
思想：如下的一个二维数组，斜线打印时，对应的下标和下标的和为：00 //001 10 //102 11 20 //212 21 //322 //4 let arr = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ] let n = arr.length let m = arr[0].length let num = 0; function getnum(n
2021-07-14 16:37:28
572
原创 原生JS动态实现tab
html代码：<div id="root"></div>JS代码const tab = [{ id: 1, name: '苹果' }, { id: 2, name: '香蕉' }, { id: 3, name: '梨' }, ] let root = document.getElementById('root') function getdata(ta
2021-07-14 15:56:01
248
原创 react 使用mobx
1.首先下载需要用的东西：npm install [email protected] [email protected] -snpm install --save-dev @babel/plugin-proposal-decorators2.下载完成之后（要是自己的项目是使用git保存的，先将代码提交）释放配置文件npm run eject在package,json文件中将babel修改为 "babel": { "presets": [ "react-app"
2021-03-18 15:59:17
126
原创 react 实现proxy代理配置，使用setupProxy.js文件发起请求
1.安装http-proxy-middleware，会生成config和scripts文件夹，在config/path.js中存在 proxySetup: resolveApp(‘src/setupProxy.js’)，proxySetup是在webpackDevServer.config.js中npm install http-proxy-middleware -D2.暴露配置文件npm run eject3.在src下面新建setupProxy.js文件const { cre
2020-11-23 10:26:59
12766
4
原创 JS 中并发和并行的区别
JS中 并发（concurrency）和并行（parallelism）区别1.并发：宏观概念，有两个任务A和B，在一段时间内，通过在A和B两个任务间切换，来完成两个任务，这种情况较并发2.并行：微观概念，假设CPU有两个核心，那么我们就可以同时完成A，B两个任务。即：同时完成多个任务的情况可以称为并行。...
2020-11-19 09:56:51
752
原创 CSS position定位属性，Absolute和Relative的区别
首先我们设置4个div<body> <div id="div1">我是div1</div> <div id="div2">我是div2</div> <div id="div3">我是div3</div> <div id="div4">我是div4</div> </body>当不设置定位时：position属性CSS定位属性允许我们为
2020-11-18 20:10:01
176
原创 package.json文件中，^和~的区别
package.json文件中，^和~的区别偶然间遇到这样一个问题， package.json文件中，^和~的区别，查阅后，顺便做个笔记package.json文件里面，显示的是项目所依赖的插件和库的名称和版本，^和~就是说明版本号的^:它将当前库的版本更新到第一个数字（major version)中的最新版本，比如：“^12.2.2”，库会匹配更新到12.X.X的最新版本，但是不会更新到13.X.X版本~:当下载的时候，它会自动更新到中间那个数字（minor version）的最新版本，比如：
2020-11-18 15:13:29
8831
原创 vs code中，输入html、js、jsx等，自动创建初始页面
vs code中，输入html、js、jsx等，自动创建初始页面1.创建html页面时，快键键是按住shift+!,然后敲回车，用命令行的话，可以这样配置：文件-----首选项-----用户片段------html.json配置：代码："HTML":{ "prefix": "html", "body": [ "<!DOCTYPE html>", "<html lang='en'>", "<head>", "<meta c
2020-11-18 10:23:10
522
原创 Chrome浏览器安装react调试工具
Chrome浏览器安装react调试工具：1.访问以下链接：极简插件2.搜索react3.下载，解压4.打开浏览器设置，进入拓展程序5.将解压出来的后缀为CRX的文件拖入浏览器，安装6.在此前没有使用过拓展程序的，需要先打开开发者模式7.重新运行程序，打开浏览器就可以看到调试工具...
2020-11-17 20:34:13
1214
1
原创 CSS表单，标题文字对齐
CSS表单，标题文字对齐经常会遇到CSS表单中，每一行文字个数不相等，导致不能对齐，可以试试以下的方法，关键点在于，将前面的标题用单独的标签装起来，然后给该标签设置text-align: justify; 和text-align-last: justify;最终是要实现一下想下面是一个例子：HTML代码： <form action="" > <label htmlFor="" >
2020-11-17 14:14:39
1340
原创 VSCode中按tab自动补全html代码设置
VSCode中tab自动补全html代码设置1.进入VS code 编辑器2.文件，打开首选项中的设置3.工作台----外观-----在.json文件编辑添加代码，保存"workbench.colorCustomizations": { "emmet.triggerExpansionOnTab": true },...
2020-11-17 10:47:12
1954
原创 js中数组和伪数组的定义和区别
被问到数组和伪数组的区别，上网查了一下，为了方便复习，特意整理了一下，可以参考以下文件：数组和伪数组的区别JavaScript中的数组与伪数组的区别JavaScript数组和伪数组
2020-11-16 20:52:06
230
原创 js中for, for in,for of,forEach循环的用法和区别
for遍历数组的方法： let arr = [1, 2, 5, 7, 8, 10, 11] for (let i = 0; i < arr.length; i++) { console.log(i, arr[i]) }for in 遍历数组for in 循环得到的是数组或对象的keylet arr = [1, 2, 5, 7, 8, 10, 11]for (let i in arr) { console.log(i, arr[i]) }
2020-11-16 20:37:53
386
原创 js中常见的几种高阶函数，sort排序函数的易错点
什么是高阶函数接收一个函数作为参数的函数JS中常见的几种高阶函数map()将数组中的每一项的值变成现在的值的2倍 let arr = [1, 2, 5, 7, 8] /* 倍数的函数 */ function getvalue(val) { return 2 * val } let newarr = arr.map(getvalue) console.log(newarr)将数组的值变成字符串类型 let arr = [1,
2020-11-16 19:27:11
207
原创 js中的定时器的开启与关闭
setInterval()指在指定周期内，不断调用某个函数语法：setInterval(function,time,lang)参数：function:必需参数，要调用的函数或要执行的代码串time:必需参数，每隔多长时间调用函数，单位为毫秒lang:可选参数，运行的脚本语言，JScript | VBScript | JavaScriptclearInterval()表示停止setInterval定时器调用函数function getTime() { console.lo
2020-11-15 21:28:18
3624
原创 JavaScript中，数组的方法汇总
1.将数组arr转换为字符串arr.toString()arr.join(""):将数组转换成字符串，并用连接2.删除数组元素的方法arr.pop():删除数组中的最后一个元素,console.log(arr.pop()) 返回的是被删除的那个值arr.shift():删除数组的第一项，并将其他的元素的索引减1，console.log(arr.shift()) 返回被删除的值delete arr[0]:表示删除数组的第一个元素，被删除的元素的位置，会被empty代替，打印出来为undefi
2020-11-15 17:01:58
65
原创 js中null和nudefined的区别
不同点类型不同利用typeof打印出两个的值，会发现：console.log(typeof null) //objectconsole.log(typeof undefined)//undefinedNumber转换的值不同 console.log(Number(null));//0 console.log(Number(undefined));//NaN定义上理解1.null表示没有对象，没有值，作为函数的参数，表示该函数的参数不是对象，作为对象原型链的终点2
2020-11-15 10:00:40
133
原创 a标签的target属性 打开新窗口
1._blank:在新窗口打开链接2._parent:在父窗口打开链接3._self:默认，在当前页面跳转4._top:在当前窗口打开链接，并替换当前的整个窗体参考：HTML 属性
2020-11-14 13:12:38
2292
原创 CSS 选择器的优先级，权重
选择器优先级的顺序，由高到低是：1.!important2.行内样式选择器 —> style3.ID选择器 —> #div14.类选择器 —>.div15.标签选择器 —>div6.通配符选择器 —>*7.浏览器自定义或继承权重有多个选择器的时候，权重相加...
2020-11-14 12:56:01
221
原创 vue2和vue3中，双向数据绑定的原理的不同点
vue2双向数据绑定的原理vue2的双向数据绑定是通过数据劫持结合发布-订阅者的模式实现的，它通过object.defineProperty()来劫持对象属性的getter和setter操作，在数据变动的时候发布消息给订阅者，触发响应的监听回调。对于object.defineProperty,有三个参数，第一个参数：要定义属性的对象的名字，第二个参数：要定义或修改的属性的名称或symbol,第三个参数：要定义或修改的属性的描述符以下是一个例子：let obj = {} //定义一个对象//给o
2020-11-13 17:10:46
1038
原创 CSS 隐藏、显示元素的方法
1.Opacityopacity属性是通过改变元素的透明度来实现隐藏和显示效果。当值为0时，元素被隐藏，当值为1时，元素没有透明度控制div的透明度<div id="div1"></div>#div1{ width: 100px; height: 100px; background-color: aqua; opacity: 0.5; }2.displa
2020-11-13 16:04:20
420
原创 css 让chrome支持小于12px的文字
问题描述：chrome浏览器限制了文字的大小，最小只能是12px，以前可以使用Chrome的CSS私有属性-webkit-text-size-adjust:none; （只对英文才有效，对中文无效。）来取消Chrome的字体限制。但是，在chrome更新到27版本之后就删除了这个属性。如图所示：问题解决1.利用transform属性来解决这个问题但是这里会发现，虽然字体改变了，但是位置也发生了变化，这是因为transform:scale()只能对块元素设置，设置后宽高也会比例缩放，tra
2020-11-10 16:05:32
319
原创 谷歌浏览器变成白色的解决方法
问题描述：谷歌浏览器打开之后，在任务栏上面的图标变成了白色。问题分析原因是图标的路径找不到了解决问题打开谷歌浏览器，在任务栏处的白的图标上右击，然后找到该浏览器，并右击，点击属性，以下我的图片是我已经改过了，所以不再是白色这时有可能会报错，说路径找不到，这时只需要更改图标的路径就好了，图标的路径在谷歌的应用程序中。...
2020-10-16 13:39:10
8715
原创 打开浏览器，显示的首页是2345浏览器
问题描述打开浏览器，显示的首页是2345浏览器，原因浏览器被篡改了，在网上搜过很多方式都不得行。但是试了一下下面的方式就可以了：找到该浏览器安装的位置，将浏览器的名字修改一下，无论修改成什么都可以。注意的是，修改的是应用程序，不是快捷方式，比如我的两个浏览器都是修改过的：修改完之后，直接点击应用程序，进去就不会再显示其他浏览器的页面了。这时你可以进入浏览器的设置，将浏览器的首页设置成自己想要的，比如我的谷歌浏览器设置的是百度页面最后，要是想将浏览器放到桌面，可以发送快捷键：...
2020-10-16 13:08:03
1998
原创 VS code 设置Ctrl+S保存，自动格式化的方法
VS code 设置Ctrl+S保存，自动格式化的方法：1.点击Vscode的设置=>工作区=>文本编辑器
2020-10-14 14:02:28
7370
1
原创 vue cli 脚手架创建vue项目的两种方式
vue cli 脚手架创建vue项目，下面介绍两种方式1.命令式创建1.打开终端，用cd命令切换到想要创建项目的盘符，如果是当前盘符，就直接，输入命令，回车//vue create 项目名称vue create project2.按上下键选择，回车3.上下键移动，空格键选中或取消选中，回车4.选版本，这里我选择版本25.选择，回车图形化创建1.在终端或者cmd中，输入命令并回车vue ui运行正确，会自动跳到浏览器选择创建，在下方选择要创建项目的盘符注意：项目
2020-10-13 10:51:36
348
软件架构复习资料1.doc
2020-07-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人