- 博客(34)
- 收藏
- 关注
RSS订阅
原创 elementUI中的icon替换本地icon（图片）
.el-icon-arrow-right { background: url('../assets/imgs/bottom.png') center center no-repeat; background-size: 20px; }.el-icon-arrow-right::before { content: '替'; font-size: 16px; visibility: hidden;}替换====>
2022-03-09 14:03:49
1982
原创 执行 npm install 时报错 “Cannot read properties of null (reading ‘pickAlgorithm‘)”
执行npm install -g cnpm -registry=https://registry.npm.taobao.org全局安装淘宝镜像，然后执行cnpm install安装
2022-08-16 14:04:31
255
1
原创 npm切换源
1、查看源npm config get registry1、切换淘宝源npm config set registry http://registry.npm.taobao.org/3、切换默认源npm config set registry https://registry.npmjs.org/
2022-02-25 16:53:04
1178
原创 vue使用elementUI中日期选择器
vue使用elementUI中日期选择器需求：默认选中近一个月的，仅能选择今天到三年前的日期，今天以后的日期不可选，<template> <el-date-picker v-model="dataValue" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="timestamp"
2021-12-06 15:31:23
1985
原创 相机调用接口
相机调用接口MediaStream 接口是一个媒体内容的流.。一个流包含几个轨道，比如 视频(video) 和 音频(audio) 轨道。作用是从用户本地摄像机和麦克风访问媒体流。getUserMedia()方法是访问本机输入设备的主要方式。首先是访问用户设备的摄像头和麦克风。我们检测可用设备的类型,获得用户访问这些设备的权限,并管理数据流。注意：实时音视频以流对象的形式表示 通过询问用户是否授权，有安全控制，只允许授予一次权限，此后不再要求访问 输入设备选择由med
2021-11-30 17:32:22
560
1
原创 Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
原因：后台在返回数据时是需要时间的 不管多快 都是需要时间的 但是在初始化时，并没有给一个空的数组 注意 是数组形式 所以当调用 .length 方法时 这时后台数据还没有返回回来 此时它不是数组 就会报错解决方案：可以在整体加一个 v-if这样当数据还没有返回时 就不会渲染 只有数据返回回来时 才会进行渲染这样就会解决报错的问题看代码看到Error in render 的问题 其实都是渲染问题噢拜拜~~...
2021-09-07 20:36:23
209
原创 Invalid prop: custom validator check failed for prop “index“. 解决
Invalid prop: custom validator check failed for prop “index“. 解决解决方法：
2021-09-02 14:33:11
233
原创 使用transition或transition-group标签实现展示和收起的动画效果
使用transition或transition-group标签实现展示和收起的动画效果关于transition中涉及的6个class：-enter：定义进入过渡的开始状态，在元素被插入前生效，在元素被插入后的下一帧移除-enter-active: 定义进入过渡生效时的状态，在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。 这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。<name名>-enter-to: 2.1.8版及以上 定
2021-07-02 14:16:37
569
原创 js实现时间格式转化
js实现 时间格式转化return function (value) { console.log(value); var m = setTimes(value); console.log(m); function setTimes(result) { var h = Math.floor(result / 3600) < 10 ? '0' + Math.floor
2021-06-25 17:51:53
83
原创 vue前端面试题
1.computed 和 watch 的使用 computed ： 计算结果并返回，只有当被计算的值发生改变时才会触发 （计算属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算） watch：监听某一个值，当被监听的值发生变化时，执行对应的操作 (与computed的区别是，watch更加适用于监听某一个值的变化并做对应的操作，比如请求后台接口等，而computed适用于计算已有的值并返回结果)...
2021-05-31 17:58:17
100
转载 web存储cookie、localStorage、sessionStorage的区别
web存储cookie、localStorage、sessionStorage的区别cookic本来用于浏览器和server通讯，被借用到本地存储来，可用document.cokie来修改。cookie赋值不同key是追加，赋同一个key会覆盖，中间用;分割cookie的缺点存储大小，最大4kbhttp请求时需要发送到服务端，增加请求数据量只能用document.cookie = ’ '来修改，太过简陋localStorage和sessionStorageh5专门为存储而设计的，最大
2021-03-24 21:56:16
57
原创 JS基础-ajax
ajaxAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。ajax的使用原理Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的
2021-03-23 21:35:19
184
原创 JS基础-事件绑定，事件冒泡，事件代理
描述事件冒泡的流程无限下拉的图片列表如何监听每个图片的点击？事件绑定事件绑定分三种常用的方法:(1)在DOM元素中直接绑定(2)在js代码中绑定;(3)绑定事件监听函数const btn = document.getElementById('btn1')btn.addEventListener('click',event =>{ console.log('clicked')})// - 编写一个通用的事件监听函数function bindEvent(elem,typ.
2021-03-22 21:44:13
105
原创 JS基础--navigator 和 screen
Navigator对象Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。对象属性:查看浏览器的名称和版本，代码如下:<script type="text/javascript"> var browser=navigator.appName; var b_version=navigator.appVersion; document.write("Browser name"+browser); document.write("<
2021-03-22 07:44:05
350
原创 JS基础知识到JS Web API
JS基础知识到JS Web APIDOMBOM事件绑定ajax存储DOM性能DOM操作非常“昂贵”，避免频繁的DOM对DOM查询做缓存将频繁操作改为一次性操作JS基础知识，规定语法(ECMA 262标准)JS Web API,网页操作的API (W3C标准)前者是后者的基础，两者结合才能真正的实际应用vue和React框架应用广泛，封装了DOM操作DOM操作一直是前端工程师的基础、必备知识只会vue不懂DOM操作的前端程序员，不会长久DOM操作的常用APIDOM节
2021-03-21 21:55:42
78
原创 JS基础-更多关于异步的问题
JS基础-更多关于异步的问题event looppromise进阶async/await微任务/宏任务1. DOM 事件和event loopJS是单线程的异步（setTimeout, ajax）使用回调，基于event loopDOM 事件也使用回调，基于event loopevent loop过程同步代码，一行一行放到Call Stack执行遇到异步，会先记录下，等待时机(定时、网络请求等)时机到了，就移动到Callback Queue如果Call St
2021-03-21 21:06:26
54
原创 JS基础-异步和单线程
JS基础-异步和单线程异步1.同步和异步同步：停止等待运行结束，继续后续的运行异步：需要等待一个内容完成后继续执行后面的内容，但是不能将后面的内容写在等待函数外，否则就会同时执行两个图片要进行预加载，否则不会出现图片的宽高。浏览器具有缓存功能2. 异步操作4. 操作性事件 需要时间oad事件 异步 需要加载setTimeout 异步setInterval 异步requestAnimationFrame 异步注意：async 放在下一帧执行 defer 所有内容
2021-03-18 21:59:41
65
原创 js基础-作用域 闭包
**作用域**作用域就是变量与函数的可访问范围· 全局作用域比如var声明的就是全局变量，在js文件中任何地方都能访问到。还有windod对象，document对象· 函数作用域只能在当前作用域使用· 块级作用域for，if 的{}就是块级作用域let声明的就是局部变量，只在当前作用域生效，比如for循环中，函数中。闭包闭包的概念闭包的两种情况1、函数作为参数被传递2、函数作为返回值被返回当函数嵌套函数，外层函数的返回值是内层函数，而内层函数又恰好调用了外层函数的局部变量，返
2021-03-18 07:42:18
61
原创 JS基础-Java Class类以及获取Class实例的三种方式
JS基础-Java Class类以及获取Class实例的三种方式由于JVM为每个加载的class创建了对应的Class实例，并在实例中保存了该class的所有信息，包括类名、包名、父类、实现的接口、所有方法、字段等，因此，如果获取了某个Class实例，我们就可以通过这个Class实例获取到该实例对应的class的所有信息。这种通过Class实例获取class信息的方法称为反射（Reflection）如何获取一个class的Class实例？有三个方法：方法一：直接通过一个class的静态变量cla
2021-03-16 21:38:52
2335
原创 JS基础-变量类型和计算
JS基础-变量类型和计算1. typeo能判断哪些类型2. 何时使用 === 何时使用 ==3. 值类型和引用类型的区别1. typeo能判断哪些类型
2021-03-15 21:16:58
1126
3
原创 css面试题
css面试题1、谈谈你对CSS布局的理解常见的布局方式：固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding2. 请列举几个清除浮动的方法（1）使用clear属性<div style="clear:both"></div>（2）使用br标签和其自身的HTML属性<br clear="all" />（3）通过设置父元素的样式，实现清除浮动，例如：父元素设置 overflow:hidden父元素设置 overflow:a
2021-03-14 21:53:03
123
4
原创 面试的基础知识
面试的基础知识前言 ：基层工程师：基础知识高级工程师：基础知识 + 项目经验构架师：解决方案的能力1. typeof类型判断typeof 对于原始类型来说，除了 null 都可以显示正确的类型typeof 1 // ‘number’typeof ‘1’ // ‘string’typeof undefined // ‘undefined’typeof true // ‘boolean’typeof Symbol() // 'symbol’typeof 对于对象来说，除
2021-03-14 21:33:23
76
原创 面试需准备什么
面试需要准备什么1. 了解什么是面试 ？面试就是 经过组织者精心设计 以交谈和观察为主要手段 “挖掘“应聘者和“目标岗位有关”的信息，并根据这些信息“预测”其在目标岗位上的未来表现的过程。2. 怎样能让hr拿到你的简历· 员工内推· 猎头推荐· hr 收集（主动搜索 ， 接收邮件）3. 面试流程自我介绍自我介绍是面试的第一环节，是起跑线。别人经常说要赢就赢在起跑线上，只有起跑线上比别人超越，那么下面的环节你就更有信心去冲关。做好了自我介绍，相信你一定信心十足，那么这一个环节就会
2021-03-14 19:54:31
269
3
原创 性能优化
性能优化 ------减少请求资源大小 次数1.采用图片懒加载目的为了，减少页面第一次加载过程中http的请求次数 具体步骤： 1、页面开始加载时不去发送http请求，而是放置一张占位图 2、当页面加载完时，并且图片在可视区域再去请求加载图片信息2.用css做的效果，不要用js做 能用原生js做的，不要轻易去使用第三方插件。 避免引入第三方大量的库。而自己却只是用里面的一个小功能3.使用精灵图 ，4.在js中尽量减少闭包的使用 原因：使用闭包后，闭包所在的
2021-01-19 21:51:00
112
原创 Promise使用能解决的问题，async的使用
promise解决异步问题promise是什么呢？promise是异步编程的一种解决方案，他比传统的回调函数事件更加合理 强大，promise除了使用他的异步操作外，还使用promise在项目中解决回调地狱等问题。**promise一共有两个特点: **对象不受外界影响，并且promise一共有三个状态，分别是进行中，成功，或者失败，只有在异步操作的时候，可以决定是哪一种状态，任何其他的操作都无法改变这个状态一旦状态改变，就不会再变，任何时候都可以得到这个结果，promise的状态改变只有
2021-01-16 21:37:06
151
原创 关于rem 针对设计稿宽度，设计rem调试比例
关于rem 针对设计稿宽度，设计rem调试比例一、什么是rem？ rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数的一个css单位，也就是我们 前端常说的适配单位rem。因为rem的特性相对长度单位，常被用来做移动适配，pc端页面不推荐使用rem。二、根据设计稿，设计rem调配比例设计稿宽度：500px移动设备：500px设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px，那么 1rem = 100px设置一个盒子的
2021-01-14 20:45:13
2480
原创 js单线程，事件循环，微宏任务
JavaScript中的单线程 JavaScript是单线程脚本语言。 所以，在一行代码的执行过程过，必然不会执行另一行代码的，就行你在使用了alert(1)以后在后面疯狂的console.log()，如果执行到 alert(1)，你没有关闭这个弹窗，后面的console.log()是永远都不会执行的，因为 alert() 这个任务还没有执行完成，下面的代码没法执行。事件循环 eventloop事件循环：先运行macroTask（宏任务）队列中的一个，然后运行microTask（微任务）队列
2021-01-14 19:53:03
155
原创 github使用与sourcetree简单使用步骤
关于github使用，小型服务器，查询项目，协同开发等，以及sourcetree使用 一些个人看法注册GitHub： 访问：https://github.com，点击sign up根据提示步骤进行注册，内容不再赘述安装git:1、访问：https://git-scm.com/，点击Downloads，选择相应系统进行下载安装2、安装完成后再Terminal中输入 git --version 查看版本号判断是否安装成功$ git --versiongit version 2.18.0本地设
2021-01-13 21:49:18
395
原创 深拷贝与浅拷贝、原型、类型校验、递归深拷贝
深拷贝与浅拷贝、原型、类型校验、递归深拷贝拷贝简单的来说， 1. 浅拷贝：仅拷贝对象里边的数据，但不拷贝对象里边的子对象； 将原对象或原数组的引用直接赋值给新对象，都是原对象的一个引用 2. 深拷贝：会克隆出一个对象，数据相同，但引用地址不同（也就是不仅拷贝对象里边的数据，也拷贝里边的子对象）； 创建一个新对象和数组，将原对象的各项属性的“值（所有的元素）拷贝”，是“值”，不是“引用”原型1. 原型 1.每个函数都有一个prototype属性，被称为显示原型 2.
2021-01-13 20:54:52
99
原创 vuex的五个核心属性及其辅助函数
vuex的五个属性及使用vuex是什么？ vuex 是vue的状态管理工具，统一管理和维护vue的可变状态vuex的五个核心属性 state 、getters 、 actions 、 mutations、 modules1. state vuex的基本数据 vuex的状态存储是响应式的，用来存储变量 javascript state: { userId: '', name: '', token: '', }
2021-01-12 20:36:36
672
原创 git常用命令大全
git常用命令大全工作区暂存区 存储区 分支 以及命令 以及理解一，新建仓库执行代码：1. git init //版本库初始化2. git status //显示工作区文件的状态3. git add . //提交所有修改的文件4. git commit -m “本次更改的描述内容” //对提交的内容的描述5. git push -u origin master //将文件给推到服务器上二，提交原有仓库执行代码：
2021-01-12 18:56:42
67
原创 冒泡排序与递归函数
1.js事件冒泡概念：在一个对象上触发某中事件的时候，如果此事件没有被定义事件处理程序 则事件返回true，这个事件就会对这个对象的父级传播，从里到外，直到被处理，或着到达了对象的最顶层（document对象）2.js冒泡排序概念：冒泡排序就是对数组中的相邻的两个元素进行比较，比如从小到大，从大到小，如果顺序错误就把他们交换过来。直到没有相邻的元素需要交换，这个数组中的元素已经排序完成let arr=[10000, 5888, 12000, 6999, 7000, 3000, 4500, 1200,
2021-01-11 18:31:22
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人