自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 二组!!!(二号)

vue是单向数据流也就是父传子子是可读不能再子元素修改props中的数据。1.速度udp更快,tcp传输时需要先建立连接,udp是无连接传送。写在data外,data是个函数为了是每个data区别开。3.连接对象数量的区别tcp是一对一,udp是一对多。第二次服务器同意了连接请求并对浏览器发送连接请求。1.tcp几次握手和tcp和udp的区别。第三次握手浏览器对服务器说我也同意连接。2.避免全局变量的污染。4.for in和for of的区别。for of 只能循环有迭代器的。tcp的三次握手与四次挥手。

2023-03-06 17:16:22 130

原创 Vue小知识点。。。

watch是监听,数据或者路由发生了改变才可以响应 (执行)computed计算某一个属性的改变,如果某一个值改变了,计算属性会监听到进行返回watch是当前监听到数据改变了,才会执行内部代码。2..表现形态不同history:http://localhost:808/abouthash:http://localhost:808/#(锚点)/about2.history : http://localhost:8080/id===>发送请求hash 不会发送请求。

2023-04-03 20:38:18 97

原创 webpack.........

注意必须配置完webpack.config.js才可以直接使用npx webpack,否则npx webpack ./src/main.js --mode=development 需要告诉全。webpack是一个静态资源打包工具,浏览器只可以处理js代码,甚至稍微高版本js代码都处理不了,webpack本身功能很少需要配置一些loader或pluging来扩展功能。首先添加css资源引入main.js才可以打包,public下整个界面,引入打包好的main.js。2.自动引用可以解决依赖冲突,命名问题。

2023-03-16 21:04:26 112

原创 编程题。。。。。。。

tostring()数组和数都可以转为字符串。不会受到变量递增递减,影响为O(1)函数最大插值浮点数一位(四舍五入)字符串转数parseFloat()toFixed()保留几位小数。数组中每个数字出现的次数。剑指offer2数组重复。两个for嵌套o(n2)力扣1024删除重复字符。一个for循环o(n)只有可数个变量o(1)

2023-03-09 17:35:38 95

原创 vue3+ts

除了以上这些ts还增加了一些别的any,void,never,也可以是单个数子1之类的,还可以用?type数据别名除了可以定义对象之外,还可以定义一些其他类型比如说元组,单个数字,联合类型。泛型是指在定义函数、接口或类的时候,不预先指定具体的类型,使用时再去指定类型的一种特性。interface定义的是一种数据结构,type定义的是一种数据类型(也可以说是别名)同时在数组这块还引入了元组的概念就是数组中每一项类型是什么固定的类型如。1.ts是js的加强版ts对js的数据类型进行了限制。

2023-03-02 20:19:14 1229

原创 axios简单封装

2.请求拦截器(常常加入token)3.需要建一个api文件夹放请求。官网里也给出了自己封装的样式。

2023-03-01 15:53:56 167

原创 过度动画变形详细

animation是动画属性,他的实现不需要触发事件,设定好时间之后可以自己执行,且可以循环一个动画。transition是过度属性,强调过度,他的实现需要触发一个事件(比如鼠标移动上去,焦点,点击等)才执行动画。transition-timeing-function:ease 默认值,慢速开始,先加速,在减速,linear 匀速,ease-in 加速运动 ,ease-out减速运动。设置left top 50%,在设置transfrom:x,y (-50%)可以实现元素水平居中。

2023-03-01 12:07:42 67

原创 vue组件传值及插槽

子组件

2023-02-27 22:51:48 198

原创 youbei项目总结

用的是element ui组件库。

2023-02-22 21:16:50 53

原创 本地mock.js在vue2中使用

mocklist里面一个js文件代表一个模块的模拟数据,里面写的是mock那块(只有模拟的数据并没有url和get/post,这部分在index里面写了),还有export 暴露出的函数,这个函数放到index里面的第三位。然后set.js里面就要写入完整的Mock.mock('url',get/post,'函数/模拟代码‘)Mock.mock('url',get/post,'函数/模拟代码‘)前两个可以省略。注意左侧的可以是字符串但是需要传入动态值所以用的是正则(这个用字符串也可以)

2023-02-22 12:02:31 653

原创 apifox工具

1.params:qurey参数写到url里面的参数?path参数还有一种是{id}get在params中传参,post在body重传参(后端fastify类似)11111111设计接口文档没有调试。默认值不起作用,直接在mock里写。到目前属于写完了接口文档还没有逻辑。运行,还可以自动生成非常强大。2. 建一个get请求。

2023-02-19 11:19:53 205

原创 git 新版.........按开发写的,更实用与常见

提交到远程仓库 git push (-u第一次可以加后来就可以只用git push代替) :每次使用git pull之前,现将本地的分支git checkout到对应的分支,然后再pull。如果是自己建的远程仓库,本地需要有项目可以,根据提示,初始化仓库连接已建立好的远程仓库。新建分支并切换到该分支 git checkout -b [branch]查看本地分支与远程分支追踪关系git branch -vv。编写代码编写代码编写代码。

2023-02-11 11:37:32 59

原创 fastmock和apifox和mock.js

注意code200是数字还是字符否则promise返回数据成功状态错误。注意建项目的基本路径/dev-api每个项目不一样。

2023-01-30 18:02:33 319 1

原创 手写........

遍历字符串利用对象,如果该字符第一次出现,添加为对象的属性,并将属性值附为1,再次遍历到属性值加一。比如: {a: 2, b: 3} 最后b为最多字符,属性值为个数。1.利用set集合和。1.查找字符串中出现最多的字符和个数。3.利用新数组includes。2.利用对象属性不可重复。

2023-01-27 16:08:33 84

原创 git........

将文件从暂存区和工作区中删除/ 移动或重命名工作区文件。从现有的Git仓库中拷贝项目,也就是下载一个项目。# 建立追踪关系,在现有分支与指定的远程分支之间。# 新建一个分支,与指定的远程分支建立追踪关系。# 选择一个commit,合并进当前分支。# 新建一个分支,但依然停留在当前分支。查看仓库当前的状态,显示有变更的文件。# 新建一个分支,并切换到该分支。# 切换到指定分支,并更新工作区。# 列出所有本地分支和远程分支。# 合并指定分支到当前分支。将暂存区内容添加到仓库中。

2023-01-11 19:45:39 55

原创 vue2与vue3生命周期

创建前:beforeCreate() 只有一些实例本身的事件和生命周期函数创建后:Created() 是最早使用data和methods中数据的钩子函数(有数据可以发送请求)挂载前:beforeMount() 指令已经解析完毕,内存中已经生成dom树挂载后:Mounted() dom渲染完毕页面和内存的数据已经同步 (操作dom节点,也可发送请求)更新前:beforeUptate() 当data的数据发生改变会执行这个钩子,内存中的数据是新的,页面是旧的更新后:Updated() 内存和页面都是新的销毁前:

2023-01-07 20:48:11 73

原创 防抖和节流

1.防抖:在点击后固定时间段内,多次点击,之前的点击不算了,重新计算点击的时间段,连续点击只有最后一次生效。2.节流:在固定时间段内,多次点击,后面的请求不会发送,只算了第一次。防抖和节流可以用定时器实现?

2023-01-06 19:39:16 47

原创 promise等

他俩是建立在promise上处理异步的方法,async生命一个函数函数就为异步函数,await用于等待一个异步方法执行完成,async返回的是promise(详见下面),而且这俩主要的作用是代替promise的then链的问题,首先需要知道,async和await是干什么的,其实就是为了代替promise写异步代码,但其又是基于promise实现的。2. 如果表达式是 promise 对象, await 返回的是 promise 成功的值。confirmButtonText: "保存",

2022-12-25 21:38:54 77

原创 综合实践二超市管理系统遇到的问题总结

1.安装element ui 和axios 去官方文档 vue ui 有时不好使。2.注意element ui 的菜单,开启路由,则可以跳转。1.安装fastify,后用接口文档命令安装数据库。1.安装fastify框架安装数据库配置路由。2.一个模块路由放到一个model里。3.注意配置路由前缀,以便跨域。

2022-12-13 08:13:57 491

原创 事件循环eventloop

3.任务队列分为宏任务队列,微任务队列,主线程ok,执行微任务,微任务全部执行,再执行下一个宏任务,将下一个宏任务放到执行站,区分同步代码异步循环往复。1.所有代码分为同步任务和异步任务,执行所有代码,同步任务进入主线程,形成执行站,异步任务进入事件表格。宏任务 script setimeout ajax ui render。4.都是从一个宏任务开始,结束可能是一个宏任务也肯能是一个微任务。2.表格中异步代码ok后进入,任务队列。js是单线程的,而任务分为。异步任务 异步任务又分为。

2022-12-11 11:09:25 118

原创 二组!!!

2022/11/8//1 1. 浏览器缓存原理 2. js的基础数据类型和复杂数据类型 - 栈和队列的区别 3. 深浅拷贝 - 常用深拷贝方式 - JSON.parse(JSON.stringify(obj))的缺点 ***循环 - 如果再当前的宏任务里继续添加微任务会怎么执行 5. 事件委托 6. js的作用域 7. 跨域问题 - webpack如何实现跨域在怎么配置 8. 如果有(1,2,3)三个接口按顺序触发,怎么按顺序获得他的结果 9. 什么是虚拟DOM?

2022-12-08 13:07:48 452

原创 html及css小知识

1.html新标签及标签语义化?2. 块级元素和行级元素? 3.doctype作用4. 选择器及其权重?5.伪类选择器和伪元素选择器区别? 6.浮动,定位,bfc7.盒模型?8.弹性盒子?9.display:none和visibility :hidden和opacity?、10.过度与动画?11渲染过程?12水平垂直居中和左边固定右边自适应?

2022-12-05 21:53:37 150

原创 ES6总结()

4.注意promiss的then在执行后才会放到为任务队列里。3.不能argument 能rest(...)底层运用,generator+promise。1.let ,var ,const 区别。1.基本使用为什么使用(解决回调地狱)3.解构赋值和argument。5.async 和 await。2.promiss缺点。4.const 不能改。1.this指向问题。3.all和race。解决异步回调顺序问题。

2022-11-26 17:02:44 89

原创 ajax 和 http

`headers`:可选的,是即将被发送的自定义请求头,类型为 Object对象,例如:`{'Content-Type': 'Application/json'}`- `responseType`: 可选的,表示服务器响应的数据类型,可以是 'json', 'text' 等,默认值为 'json'注意,这里有很多可以做特殊处理,比如说,请求结束,成功,超时,出错,还可以设置请求头,请求数据类型。- `method`:可选的,是创建请求时使用的方法,类型为 字符串,默认值为: 'get'

2022-11-25 17:07:55 913

原创 f(1)(2)(3)=6、f(1,2)(3)=6这种常见题

这种瞬间就因该想起ES5: arguments 和ES6:的rest。先说最好的办法 用rest。4.重写tostring。

2022-11-20 09:04:58 78

原创 Vuex和Pinia的用法及区别(未完成)

Vuex和Pinia都是状态管理库,比如说你想要组件传参,父子组件用props和$emit ,兄弟组件需要更加复杂的方法,这时候就需要他们,统一的管理数据状态资源,当一个小型的单页应用也可以不用,当项目体量变得很大时,用它则会非常方便。1.this.$store.commit('方法名‘,其他参数(有的话))先定义跟定义方法类似,需要传参,必须的参数是(state)state(最重要的,相当于data,存放数据用的)mutation(相当于方法,方法都写到这里面)2.与上面的三类似,后可以直接用了。

2022-11-19 21:25:44 381

原创 数组的各种方法(更新中)

出现负数用数组长度加上负数当作那个数,如这里数组长度为9那么-3就为6。splice(起始下标,删除几位,插入的数1,插入的数2......)输出2,3,4,5,6,7,8,9,10。1.for循环这个不用说了,循环附到新数组。4.Array.from 类数组转数组。数组连接不会改变原数组,返回个新数组。3.Array.of 单个元素转数组。不改变原数组,查找value的下标。这里顺便插入一个类数组转数组方法。2.上面的 Array.from。会返回一个数组,不会改变原数组。1,3 从1开始找两个。

2022-11-18 21:06:32 105

原创 变量提升,作用域链,闭包,this指向,高阶函数

我们常常说,var和function有变量提升,但其实let 和 const等我们常常说无变量提升的其实也会变量提升,但是不会赋值undedined等,所以不可访问。变量提升是在js代码预解析阶段变量声明,执行并赋值(var 赋值undedined 、function赋值函数对象。闭包作用:闭包常常用来隐藏变量,暂存变量,如点击输出li那个例子,可以让函数内部间接访问它父级的变量。let一个b,在b之前输出b会产生初始化前无法访问b,而不是b未被定义。已知一个函数访问了父级及父级以上作用域的变量就为闭包。

2022-11-18 13:01:58 62

原创 不容易记住的常见题(持续更新)

https:安全套接字超文本传输协议,http+ssl协议,ssl靠证书,进行加密。http:超文本传输协议,明文传递,不适合传输敏感信息。3.默认端口不同:http 80 https443。1:https需要申请证书需要收费。2.http明文,https加密。1http和https的区别?

2022-11-17 10:45:48 56

原创 vue2和vue3响应式原理,和proxy

这两个方法是写好的,但是当你使用object.defineProperty重写后,如下图。vue3采用了proxy代理对象,中就有get和set方法就简单了许多,直接看代码。注意:vue2响应式无法监控到数组vue2中的数组处理,用的是重写数组的八个方法。如图访问时候调用了111,修改时用了222,所以可以利用这两个方法修改。vue2响应式实现:上面的set和get看懂,这个代码很容易理解。1.首先需要知道对象中有两个方法set和get?在里面加入了个输出,可以看出这两个方法的作用。

2022-11-17 10:36:47 378

原创 简单理解判断类型的方法(四种)

原理:a instanceof b a为对象b为构造函数,判断B的prototype属性是否存在a的原型链上。原理:看我之前写的原型链,instanceof也可在那里了解,看懂了输出一下就会了。判断基本类型比较好使,但是数组和对象判断不出来。判断类型有四种方法(不全但是相对来说挺全了,而且也够用了)这个方法挺好,自己搜搜吧,我得先听课去了。

2022-11-16 18:49:41 1557

原创 易懂原型链,原型链继承相关知识

js中创建一个对象,无论是函数对象还是普通对象,都会自动地添加一个内置对象[[Prototype]],这个对象也就是原型对象,而原型对象本身也是一个对象,也可能会有自己的原型对象,这样的链式结构叫做原型链。之所以把一些常见的方法写到原型里是因为实现代码的复用,js的访问机制如果本对象没有该方法想上一层隐式对象查找,没有再向上,直到找到或者到尽头,也就是object。而构造函数的new出来的实例方法的__Proto__也为原型对象。而我们常见的一些数组方法也就是写在原型对象中的,如下图。

2022-11-16 15:24:59 110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除