- 博客(43)
- 收藏
- 关注
RSS订阅原创 工作中的小记录
1、在element的el-dialog中上传附件后在另一个el-form-item下的input输入框中获取该附件名 使用v-model无法双向绑定。使用this.$set。3、不需要把所有的字段都传到后端时，并且搜索返回结果高亮显示。2、后端传来文件地址，点击直接下载。
2024-02-01 20:09:04
526
原创 试岗第一天问题
虽然解决 但是在增加别的依赖不行，后面发现是node版本过高，更换node版本解决。2、使用插件动态的使数字从0到100（vue-animate-number插件）第一步：安装vue-animate-number插件。1、公司的一个项目拉下来 ，npm i 不管用显示。把所有用到的案例都在下面组件中写出。第二步：在main.js中引入。后面百度 使用了一个方法。第三步：在组件中使用。
2023-08-14 21:37:56
4336
原创 Behaviors的基本了解
behaviors 是用于组件间代码共享的特性，类似于一些编程语言中的 “mixins” 或 “traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法。每个组件可以引用多个 behavior ，behavior 也可以引用其它 behavior。
2023-06-13 21:38:42
508
原创 git的基本使用
git branch --track [branch][remote-branch]：新建一个分支，与指定的远程分支建立追踪关系。git commit --amend -m [message]：使用一次新的commit，替代上一次提交。git commit [file1] -m [message]：提交暂存区的指定文件到本地仓库。git checkout -b [branch-name]：新建一个分支，并切换到该分支。git push [remote][branch]：上传本地指定分支到远程仓库。
2023-05-29 22:47:52
140
原创 vue中路由的基本使用
3 在实例化的对象里配置属性routes:[],这个数组里的对象包含path属性和component属性。1 引入js文件，这个js需要放在vue的js后面，自动安装（提供了一个VueRouter的构造方法）4 path属性是url的地址,component属性就是显示的组件（传组件的对象）2 创建路由new VueRouter(),接受的参数是一个对象。5 创建的路由需要和vue实例关联一下。6 路由到的组件显示在哪个位置。
2023-05-16 21:55:42
92
原创 父子组件传参中的子传父
2.2 父组件有自定义参数，可以传入$ event也可以拿到子组件传递的数据。通过$event只能传递第一个参数。2.1 父组件这个方法没有自定参数，在父组件的方法直接加这个参数就可以拿到。1. 在父组件中给引用的子组件注册一个事件（这个事件的名字是自定义的）1. $ emit方法第二个参数可以定义子组件给父组件传递的内容。2. 子组件可以触发这个事件$emit(‘事件名字’)2. 在父组件中怎么拿到这内容。子组件调用父组件的方法。子组件给父组件传递数据。
2023-05-15 22:31:06
64
原创 父子组件中的父传子
data() {return {info : "我是父组件传过来的值" } } , components : {Page1 } }data() {return {
2023-05-14 21:23:37
47
原创 Vue中样式的使用
在data上定义样式：【属性上带有-，不能省略’'号，例如font-size】2.将样式对象，定义到data中，并直接引用到 :style中。3.在：style中通过数组，引用多个data上的样式对象。1.直接在元素上通过:style的的形式，书写样式对象。
2023-05-07 22:45:38
120
原创 MVC和MVVC的区别
定义：Model（模型）-View（视图）-Controller（控制器），是一种将业务逻辑、数据、界面显示分离开来的软件设计模式，更偏向于后端。目的：将模型和和视图代码分离，让同一个程序实现不同的表现方式。
2023-05-05 21:01:39
643
原创 数组迭代的几种方法
every() 迭代数组每一项，每项都符合条件的才返回true，反之falsesome() 迭代数组每一项，只要有一项符合条件就返回true，如果全部不符合才返回falsemap() 迭代数组每一项，可以给特定条件会返回重新组成新的数组filter() 迭代数组每一项，可以给特定的条件进行筛选返回新的数组forEach() 迭代数组每一项，没有返回值。
2023-04-27 20:48:59
46
原创 五种布局方式
即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。2、设计方法PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；
2023-04-26 20:35:55
510
原创 async/await 的用法
async 是异步的意思，而 await 是等待的意思，await 用于等待一个异步任务执行完成的结果。1.async/await 是一种编写异步代码的新方法（以前是采用回调和 promise）。2. async/await 是建立在 promise 的基础上。3. async/await 像 promise 一样，也是非阻塞的。4. async/await 让异步代码看起来、表现起来更像同步代码。使用场景。
2023-04-25 21:03:36
8627
原创 promise初识
Promise是ES6中的一个内置对象，实际是一个构造函数。解决回调地狱(回调函数层层嵌套就是回调地狱)①三种状态：pending（进行中）、resolved（已完成）、rejected（已失败）。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都不能改变这个状态。②两种状态的转化：其一，从pending（进行中）到resolved（已完成）。其二，从pending（进行中）到rejected（已失败）。只有这两种形式的转变。
2023-04-24 19:59:00
45
原创 ES6中默认导出和批量导出的区别
3、使用export 导出后，import 可以按需导入，减小项目大小，而 export default 是全部导入，开发中更推荐 export。导入多个：import {按需导入的名称1,按需导入的名称2…起别名：import {按需导入的名称 as 自己起个别名} from ‘模块路径’基础语法：import {按需导入的名称} from ‘模块的路径’默认导入语法：import 接收名 from ‘模块的路径’按需导出语法： export 需要按需导出的成员。
2023-04-24 19:37:50
363
原创 set和map的区别
map和set都是stl中的关联容器，map以键值对的形式存储，key=value组成pair，是一组映射关系。set只有值，可以认为只有一个数据，并且set中元素不可以重复且自动排序。由于key不能重复，所以，在Set中，没有重复的key。Set的值是唯一的可以做数组去重，Map由于没有格式限制，可以做数据存储。5、has()：判断set结构中是否含有指定的值。3、has()：判断set结构中是否含有指定的值。3、delete()：删除set中的指定值。4、delete()：删除set中的指定值。
2023-04-23 20:44:24
196
原创 扩展运算符在数组和对象中的应用
2、不能单独使用扩展运算符展开数组，可以在参数中使用，将参数数组转成参数列表。3、如果扩展运算符后面跟的是变量，那么接受单独多余的数组放置到数组中。合并的对象中有相同的属性会覆盖。1、扩展运算符可以将数据展开。
2023-04-20 19:38:20
505
1
原创 ES5和ES6
6、const声明的变量会产生暂时性的死区，只能在当前块作用域查找。4、let声明的变量会产生暂时性的死区，只能在当前块作用域查找。在全局声明的变量是全局变量,在局部声明的变量是局部变量。2、const声明的变量是常量，不能发生改变。5、const声明的变量只在当前块作用域中有效。3、let声明的变量只在当前块作用域中有效。4、const声明的变量不能重复声明。1、const声明的变量必须赋初值。2、let声明的变量不能重复声明。3、const声明的变量不能提升。1、let声明的变量不能提升。
2023-04-19 20:51:26
82
原创 get请求和post请求的区别
get：一般传输数据大小不超过2k-4k（根据浏览器不同，限制不一样，但相差不大）；post：请求传输数据的大小根据php.ini 配置文件设定，理论上可以无限大。(1)、post放在Request body请求体中。(3)、post中参数不会保留在浏览器历。(1)、get把请求参数放在url上，(2)、因此get比post更不安全，(3)、get请求参数会被完整保留。get：只产生一个TCP数据包；post：产生两个TCP数据包；(2)、post比get安全。不能用来传递敏感信息。
2023-04-18 20:59:07
60
原创 jQuery中bind()和on()的区别
bind()和on()的区别on 可以多一个selector 参数,可以给子元素添加事件bind 只能给自己添加事件使用on添加的事件比如给自己子集使用类选择器添加的 ,后来创建的含有这个类名的子节点也有事件on是jquery推荐使用的，bind是不推荐使用的。
2023-04-14 22:13:48
67
原创 cookies、sessionStorage和localStorage解释及区别
特性cookie数据生命周期生成时被指定一个maxAge值，这就是cookie的声明周期，在这个周期内cookie有效，默认关闭浏览器失效页面会话期间可用除非数据被清除，否则一直存再浏览器中存放数据大小4k左右一般5M或者更大一般5M或者更大与服务器通信由服务器的请求来传递，每次都会携带者HTTP头中，如果使用cookie过多数据会带来性能问题数据不是由每个服务器请求传递的，而是只有在请求时使用数据，不参与和服务器的通信。
2023-04-12 19:22:11
130
原创 防抖和节流的区别
在单位时间内频繁触发事件，只生效一次（也就是只有第一次生效）1.都可以通过使用 setTimeout 来实现。函数防抖：一段时间内连续触发事件，只执行最后一次。：在单位时间内频繁触发事件，只有最后一次生效。2.都可以降低回调执行频率，节省计算资源。函数节流：一段事件内只执行一次。
2023-04-11 20:30:41
269
原创 判断数据类型的几种方式
对于基本类型的数据，instanceof是不能直接判断它的类型的，因为实例是一个对象或函数创建的，是引用类型，所以需要通过基本类型对应的 包装对象 来判断。typeof 操作可以判断基本类型的数据，但是也存在一些特例，比如 typeof null 返回的是“object” ，因为 从逻辑上，null 这个特殊值被认为是一个对空对象的引用，表示一个空对象指针，实际上是基础类型。1、基本类型（简单类型/值类型/原始类型）：布尔、数值、字符串、undefined、null、Symbol（ES6 新增）
2023-04-06 20:13:29
676
原创 offset、client、scroll类型
当父元素没有定位时3、offsetLeft：距离浏览器的左边的距离4、offsetTop：距离浏览器的头部的距离当父元素有定位时5、offsetLeft：距离父元素的左边的距离6、offsetTop：距离父元素的头部的距离。
2023-03-27 19:01:13
34
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人