- 博客(30)
- 收藏
- 关注
RSS订阅原创 异步函数，宏任务/微任务
浏览器线程进程与线程: 一个进程中可能包含多个线程;浏览器有很多线程，但是用于js引擎的线程只有一个。浏览器常见线程:javascript引擎线程界面渲染线程浏览器事件触发线程Http请求线程主程序 、任务队列首先，js是单线程执行的(虽然浏览器是多线程的，但是分配给js执行队列的只有一个线程)。即前一个执行完毕后才能执行后一个，不能同时进行，此时就会出现 排队 的情况。js中存在同步任务 和 异步任务，同步任务就是js执行过程中会形成一条链，按照代码的先后顺序开始依
2021-12-29 10:47:05
194
原创 前端-不确定要显示的数据label、数量时处理并渲染数据
1.需求: 实现一个timeLIne, timeLine的内容是每个样本进行了什么操作(例如: 保存，提交，接收，拒收等), 关键点: 每种处理下要显示的内容不一样。比如:接收时: 要显示操作人、操作时间、接收原因、状态；然而提交时需要显示:操作时间、操作人、状态；2.分析: (前提是后台没有处理数据，可能才会用上)作为前端之前渲染都是item.name、item.time等但显然这次不能这么渲染，因为我们并不知道要渲染的label都有什么，每个节点的label还不一样；所以我们需要先整理一下后台给的数
2021-12-05 18:33:36
335
原创 vue3新特性
Vue3新特性节点标识会自动识别某个节点是否是动态的，如果是动态的，会自动生成特定标识，(如: 内容文本标识，id标识等;)目的: 在更新dom时，会自动跳过静态节点，定位到动态节点，大大提升效率;静态节点:<spa>value</span>动态节点:<span>{{ value }}</span>patchFlagsetup(组合式API)本质: setup 选项是一个接收 props 和 context 的函数;执行时机
2021-08-31 09:38:31
2084
原创 el-table中的type=“selection“列 不显示问题
问题: 一个页面中有两个el-table，使用v-if切换两个表格是否显示，若table中含有type="selection"列，可能会时有时无，或者干脆不显示；解决方案: 给每个table添加一个key属性即可；举例：
2021-08-18 11:20:01
3553
4
原创 new RegExp的使用
1. 什么是new RegExp1）概述: RegExp 是正则表达式的缩写；当检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式2) 定义RegExp： RegExp 对象用于存储检索模式。通过 new 关键词来定义 RegExp 对象。如: 以下代码定义了名为 patt1 的 RegExp 对象，其模式是 “e”:var patt1=new RegExp("e");含义: 当使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 “e”。2. RegE
2021-07-28 14:54:06
23271
原创 Echarts中横坐标文本设置
图片中的文本情况与横坐标的文本更改方法一致yAxis中的axisLabel里面有个属性是: width，但可能不生效，因此可以使用formatter函数，这里介绍两种方法: 超出换行和超出省略号显示超出换行显示 yAxis: { type: 'category', inverse: true, axisLabel: { formatter:function(value){ var result =.
2021-07-20 16:34:54
2097
原创 flex布局
移动web开发——flex布局1. 传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2. flex布局原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活
2021-06-27 22:09:29
148
原创 Vuex的使用
Vuex的作用:一般情况下，组件之间的传值用props、$emit就可以完成，但如果层级比较复杂、项目比较大的情况下会选择使用Vuex，让所有的组件统一在一个地方(Vuex)或许所需要的数据;store：1.Vuex 的核心就是store(仓库), “store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)/数据。2.Vuex和单纯的全局对象的不同点:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应
2021-06-16 11:02:38
96
原创 package.json文件的作用
一、背景由于文件及文件夹过多过碎，拷贝给别人时传输速度较慢，此时就需要把项目打包好之后再发给别人一般情况下，打包命令为：npm run build但有时候公司的项目可能不存在build命令，这时就要查看package.json文件，查找当前项目的打包命令;二、package.json的作用package.json是一个项目描述文件, 里面记录了当前项目的信息。eg: 项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。 使用npm安装第三方模块，是模块的相关信息会自动添加到pac
2021-04-28 09:49:00
5690
原创 前端调取接口时--params与data的区别
params与data的区别相当于是get与post的区别export function getStructuredInfo(params) { return request({ url: api + '/experimentReport/getStructuredReportInfo', method: 'GET', params })}export function saveReportComment(data) { return request({
2021-04-26 14:19:18
604
原创 npm配置vue项目
npm配置vue项目每从远程上拉取一个vue项目就要进行一次npm配置npm install npm初始化-批量安装包npm install -g cnpm --registry=https://registry.npm.taobao.org 配置淘宝镜像cnpm install express 这之后也可以使用cnpm命令代替npm命令npm install vue-cli -g 全局安装vue-cli包vue -V 检测是否上步命
2021-04-14 16:27:12
459
原创 Vue中options的作用
Vue中options的作用options是什么options顾名思义就是“选项”的意思, 或称为构造选项. 是在创建Vue实例时传入的参数, 是一个对象.const vm = new Vue(options)无论是jquery.js 还是 Vue.js, 都是在 js 的基础上再次封装对应的操作。如: 通过$(‘div’)获得一个jQuery的div元素实例, 也称为jQuery对象, jQuery对象包含了对选项中的div元素的各种操作API,因此jQuery实例封装的是对选项中元素的各种操
2020-12-09 14:53:18
4869
原创 Vue中router 和 route 、routes 的区别
遗留问题2020-11-25: router 和 route 的区别;react中Router什么时候需要加，什么时候不需要加?
2020-12-08 16:21:53
1222
原创 常见控制台报错类型
常见控制台报错类型解决错误的宗旨: 严格按照报错情况一步步查找1.TypeError类型错误例如: 分析:1. TypeError: 表示是类型错误;2. Cannor read property ‘status’ of undefined: 表示：无法读取未定义的属性“status”（也就是说读取不到‘status’，它没有被定义）;3. at _callee$ (index.vue？6ced:163): 点击此行代码, 显示错误出处地(一般第一行都表示错误的点在哪);createE
2020-11-23 20:22:26
1395
原创 Vue中数据劫持
Vue中的数据劫持Vue中响应式系统的核心: {数据劫持: 使用Object.defineProperty(this.属性名，{属性值的配置项} );依赖收集: 因为上一步数据劫持后, 在解析模板时，替换模板中的变量就需要读取变量的数据，此时就会触发数据的get方法,在get方法中收集所有依赖这个数据的dom节点;观察者模式; 后续数据发生变化, 就会走set方法, 此时读取以前收集所有依赖该数据的dom节点,进行更新(内部有虚拟dom比对的步骤);}<body> &l
2020-11-18 18:19:32
226
原创 Vue的生命周期
Vue的生命周期/钩子函数什么是生命周期Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载DOM、渲染---->更新---->渲染、卸载等一系列过程，称为Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。所有的生命周期钩子函数自动绑定’this’到实例中, 因此可以根据this访问数据，对属性和方法进行运算，也就是说Vue的整个生命周期中提供的一系列事件中的this指向的就是Vue实例。同时意味着不能使用箭头函数来定义一个声明周期方法
2020-11-17 20:01:50
300
原创 项目中的Git使用
项目中的Git使用一、项目代码书写之前:git checkout -b order(order是子分支名称); – 创建子分支order,并切换到子分支上(此时的切换是从master主分支切换到order子分支上的);git branch; – 查看所有分支(目的: 确保上一步是否正确; 当前所处分支名称前面会显示*号);git push -u origin order(刚刚创建的子分支名称); – 把新创建的子分支order提交到远程仓库中(origin是远程仓库中主分支的名称，就
2020-11-16 19:06:03
147
原创 Es6中Promise的详情介绍
Promise一. promise简介什么是Promise:Promise是异步编程的一种解决方案；它是一个对象,用于获取异步操作; Promise有三种状态: pending(等待)、fulfiled(成功)、rejected(失败); 状态一旦改变就不会再变, Promise实例创建后，会立即执行;能够解决哪些问题:解决回调地狱问题，代码难以维护，现象: 第一个函数的输出是第二个函数的输入;2. Promise可以支持多个并发的请求, 获取并发请求中的数据;3. 这个Promise
2020-11-14 18:08:24
120
原创 Vue中组件的通信方式
Vue中的通信方法组件间的通信父传子(属性传递)父组件向子组件传递数据时, 通过属性传递数据：1. 父组件中: 用属性绑定, 进行数据传递. ==注意: == son 指：子组件的名称，例如：一般在父组件中引用子组件时会这样用;2. 子组件中: 用 props 接收数据; 例如: props: { search-text }3. 代码示例:父组件中代码:...
2020-11-07 20:59:37
184
原创 异步函数详情
简单来说就是: 当你向服务器请求数据, 等待服务器返回数据需要30s, 这时有两种情况： 1. 等待服务器返回数据，这期间不执行后续代码，等服务器返回数据后在执行后面的代码; 2. 充分利用这等待的30s，t跳过这一步去执行其他的代码，等服务器返回数据了，在回来执行返回数据后的代码; 这第一种情况称为"同步"， 而第二种情况就是"异步";
2020-11-07 20:53:58
434
原创 vue中try...catch的使用
vue中try…catch的使用 try-catch主要用于进行异常处理；1.防止因为错误而造成系统崩溃在程序逻辑中, 需要在易出现问题的逻辑代码片段上, 加持try-catch方法, 这样做可以抛出错误, 但是不会影响整个程序运转;try { // 你的逻辑代码} catch (e) { // 错误处理代码片段}...
2020-10-26 19:13:35
32114
原创 如何快速找到哪个元素产生的滚动？
如何快速找到哪个元素产生的滚动？//把下边的代码粘贴到浏览器Console中敲回车，然后滚动界面，它会输出滚动的元素function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller);}findScroller(document.body);...
2020-10-22 11:32:41
2800
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人