- 博客(65)
- 收藏
- 关注
RSS订阅
原创 小米面试题 一面
文章目录1、输出什么？为什么？2、怎么实现输出0，1，2，3，4，。。。，9？3 事件机制讲一下4 闭包5 call，apply，bind的区别与联系(1)Function.prototype.call()(2)Function.prototype.apply()(3)Function.prototype.bind()(4)绑定回调函数的对象(5)call，apply，bind方法的联系和区别6 ...
2019-09-11 22:51:15
1788
1
原创 vue el-table表格中每行上传文件（上传简历）操作
3、注意点1、通过scope把上传的文件和表格中的行一一对应2、上传后要把返回的数据push到表格数组中，删除后要把表格数组中的数据删除
2023-11-28 17:25:40
1164
原创 el-tabs的:lazy=“true“延时加载问题
文章目录1 问题产生原因2 使用tab-pane自带的`:lazy="true"`延时加载3 使用`v-if="activeName == item.valueCode"`解决2中的问题4 柳暗花明又一村1 问题产生原因项目中遇到一个需求，在一个tabs下面有三个tab-pane，且每个tab-pane列表及查询条件一样，因此后端写了一个接口有三个不同的type；前端写了一个childList组件，在tab-pane中循环调用三次，但初始化页面时，会直接调用三次接口（分别传不同type）,这样虽然能实现
2022-03-15 19:52:11
7724
3
原创 vue中将从后端获取的blob流数据转为文件
文章目录1 post方法请求后端blob数据2 前端将Blob流文件转为文件导出2.1 函数方式2.2 使用file-saver插件1 post方法请求后端blob数据let expUrl = encodeURI(urls.getList)let params = { type: 0, keyword: this.search.keyword ? this.search.keyword : '', }this.$http .post(exp
2022-03-10 11:38:12
11477
原创 Snipaste工具的下载和使用
文章目录1 Snipaste下载与安装1.1 下载1.2 安装2 常见使用2.1 开始截图2.2 复制截图2.3 将截好的图缩小2.4 可同时进行多个截图放在一边2.5 获取截图中的rgb格式颜色或16进制HEX来表示颜色2.6 截图调整1 Snipaste下载与安装点击进入官网进行下载1.1 下载如上图：我的电脑是win10 64位的，所以直接点击箭头位置下载，大家可根据自己电脑型号进行下载。下载好后就是下面的压缩包文件1.2 安装下载好后解压缩，然后双击Snipaste.exe即可使用
2022-02-11 17:33:33
6763
2
原创 vue之.sync的详解
文章目录1 子组件改变父组件中的变量值1.1 不使用sync1.2 使用sync2 实现父子组件双向绑定参考：深入理解.sync修饰符(https://www.cnblogs.com/Jingge/p/10724833.html)1 子组件改变父组件中的变量值1.1 不使用sync我们知道，vue中父组件是使用v-bind(缩写为:)给子组件传入参数，然后子组件通过prop属性接收该参数。此时我们可以给子组件传入一个函数，子组件通过调用传入的函数来改变父组件中参数的值。即主要部分如下所示&
2021-07-12 20:44:39
14444
12
原创 el-tree组件使用@check-change、current-change、node-expand、node-click时执行顺序问题
官方文档解释如下：经debugger实验，先执行current-change、node-expand（假如节点展开）、node-click，最后执行check-change，check-change是检查节点发生变化时调用，比节点自身变化要慢
2021-07-07 16:06:22
6973
原创 Current existing ChromeDriver binary is unavailable, proceding with download and extraction
从仓库中git clone代码后，想要运行代码，执行npm install报如下错误原因： 安装过程中chromedrive_win32安装包损坏，无法使用解决方法：按照错误后面提示的内容，从官网重新下载对应这个安装包，放到指定目录(C:\Users\12170\AppData\Local\Temp\2.46\chromedriver\chromedriver_win32.zip)下，然后直接运行npm run dev即可启动项目...
2021-01-07 10:04:16
1977
原创 浏览器自带回退前进数据消失问题
1 问题描述有两个页面：1，总体展示页；2，点击1中的某一个按钮，如查看详情等进入的页面。点击查看详情进入页面2，然后按浏览器回退按钮，则会返回页面1，此时再按前进按钮跳转到页面2时，页面2数据消失2 解决方式方法一：将下面（页面1中）的params改成query形式方法二：在路由中将path: 'communicationQuality'改为path: 'communicationQuality/:appid/:roomid'/communicationQuality/:appid/:room
2020-12-14 16:12:58
1312
原创 vue3项目搭建出现的问题小结
文章目录1 重装node2 原来项目运行出现问题2.1 项目一2.2 项目二1 重装node原因：搭建学习vue3项目，但搭建不了解决方法：卸载重新装node（下载node的安装包，双击执行下一步）结果：可以成功搭建vue2和vue3的项目$ vue create li3Vue CLI v4.5.9? Please pick a preset: Manually select features? Check the features needed for your project:
2020-12-03 17:28:05
843
转载 VueX（Vue状态管理模式)
文章目录一、初识VueX1.1 关于`VueX`1.2 安装1.3 使用1.3.1 初始化`store`下`index.js`中的内容1.3.2 将`store`挂载到当前项目的`Vue`实例当中去1.3.3 在组件中使用`Vuex`1.4 安装Vue开发工具VueDevtools二、VueX中的核心内容2.1 VueX的工作流程2.2 mutations（同步操作）2.2.1 `mutations`使用方法2.2.2 `mutations`传值2.2.3 增删`state`中的成员2.3 actions（
2020-11-26 17:39:57
183
1
原创 Vue packages version mismatch问题
项目下载并npm install后，执行npm run dev 报如下错误：原因：版本不匹配，需要将vue改成和vue-template-compiler一样的版本方法一：改 vuenpm install [email protected] --save方法二：改 vue-template-compiler先卸载：npm uninstall vue-template-compiler再安装：npm install...
2020-11-19 16:48:27
21551
4
原创 flex布局采坑记录
文章目录1、父元素display:flex布局下的子元素宽度无效1、父元素display:flex布局下的子元素宽度无效因为设置了display: flex; 导致block布局变成了flex布局， 所以在子元素宽度没有被撑破的情况下，子元素宽度是有效的，但是当子元素内容过多，此时宽度会比实际宽度小，所以如果想要在已经设置了flex布局的基础上，再进行子元素宽度的设置，可以应用下面的样式：（在该子元素上设置）min-width: 270px;flex-shrink: 0;...
2020-11-12 17:35:04
248
原创 多余字符串用小数点表示并实现复制功能
1、需求多余字符串用小数点表示悬停展示全部字符串能进行复制需求及结果展示如下：2、实现过程使用el-tooltip悬停展示提示框里面的内容使用substring+'...'进行字符串截取复制代码参考如下注意：对字符串做substring时，需要判断其是否为空。即在数据前面的标签里面，进行判断 v-if=“字符串内容”...
2020-11-11 11:26:37
647
原创 JS中new Date()的浏览器兼容性问题
文章目录1 问题分析2 解决方法3 new Date()兼容性问题小结3.1 无参：所以浏览器都兼容3.2 有参3.2.1 参数格式——日期 “yyyy-MM-dd”3.2.2 参数格式——日期时间“yyyy-MM-dd HH:mm:ss”3.2.3 参数格式——日期时间“yyyy/MM/dd HH:mm:ss”4 new Date() 日期格式处理4.1 常用操作4.2 JS获取当前时间戳的方法4.3 将字符串形式的日期转换成日期对象4.4 new Date() 的参数4.5 日期格式转为日期标准字符串4
2020-10-15 19:31:25
2891
原创 表单要求禁止输入（验证中的validator的使用）
1、当输入错误时提示错误HTML中：JS的data中：JS的data的return中：效果如下：特殊字符能输进去，但会有提示2、禁止输入错误的字符(JS控制文本框禁止输入特殊字符)[https://blog.csdn.net/qq_23994787/article/details/79206591]...
2020-09-16 19:55:46
647
原创 Vue中 this.$router.push 传参 及 参数接收
文章目录1、两种方式方法一：name跳转页面方法二：path跳转页面2、区别1、两种方式方法一：name跳转页面this.$router.push({name:'anotherPage',params:{id:1}});另一页面接收参数方式：this.$route.params.id示例：控制台展示：方法二：path跳转页面this.$router.push({path:'/anotherPage',query:{id:1}});另一页面接收参数方式：this.$route.
2020-09-02 17:46:20
482299
3
原创 git push成功提交后如何撤销或回退版本
文章目录1、commits版本号2、如何回退？1、commits版本号commits： 版本号，在git中扮演了一个重要角色，即平常用的一些操作如git clone ,git checkout，git commit，git reset, git pull 都会产生commits，但是git reset并不会产生commits使用如下命令可查看自己项目中的commits，如下图：git reflogHEAD@{} 前面那一串黄色数字就是 commits2、如何回退？注意：git reset可
2020-08-20 16:35:08
11118
原创 vue中引用echarts组件的两种方式
1 下载echarts组件库命令为：npm install echarts --save2 两种使用方式下载好后就可以在vue项目中使用了，使用时有全局使用和按需引入两种方式。2.1 全局引入在main.js中直接引入缺点：完整引入Echarts，会额外的引入其他无用的配置文件，造成项目文件体积过大，首屏加载也会慢，资源加载耗时过长，影响用户体验/** * @file 项目主入口 * @author yizuodao */ import Vue from 'vue'import
2020-06-11 16:16:05
3316
原创 常见排序方法
1 冒泡排序function bubbleSort(arr) { let len = arr.length; for (let i = 0; i < len; i++) { for (let j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { /...
2019-09-26 20:33:36
144
原创 cookies、sessionStorage和localStorage
问题1：请描述cookies、sessionStorage和localStorage的区别？问题2：有用过本地存储吗？有什么限制？有没有考虑过超出了限制怎么办？1.localStorage本地存储和sessionStorage会话存储localStorage 和 sessionStorage属性允许在浏览器中存储 key/value 对的数据。只读的localStorage属性 可以访问一...
2019-09-23 20:08:14
255
原创 从敲入 URL 到浏览器渲染完成
文章目录1. 大致过程2 详细过程2.1 输入地址2.2 查询 DNS 查找对应的请求 IP 地址2.3 建立 TCP 连接2.4 服务器收到请求并响应 HTTP 请求2.5 浏览器接收服务器响应结果并处理2.5.1 构造 DOM 树2.5.2 解释 CSS2.5.3 渲染过程遇到 JavaScript2.5.4 渲染合成 Render 树2.5.5 布局2.5.6 绘图参考1 面试题之从敲入 ...
2019-09-23 17:10:55
171
转载 前端优化：浏览器缓存技术介绍
前端优化：浏览器缓存技术介绍1 认识浏览器缓存当浏览器请求一个网站的时候，会加载各种各样的资源，比如：HTML文档、图片、CSS和JS等文件。对于一些不经常变的内容，浏览器会将他们保存在本地的文件中，下次访问相同网站的时候，直接加载这些资源，加速访问。这些被浏览器保存的文件就被称为缓存（不是指Cookie或者Localstorage）。那么如何知晓浏览器是读取了缓存还是直接请求服务器？...
2019-09-23 11:12:41
274
转载 面试题：3 种 web 会话管理的方式
文章目录0 前言1 基于server端session的管理2 cookie-based的管理方式3 token-based的管理方式4 安全问题5 总结原文链接：3 种 web 话管会理的方式0 前言http是无状态的，一次请求结束，连接断开，下次服务器再收到请求，它就不知道这个请求是哪个用户发过来的。当然它知道是哪个客户端地址发过来的，但是对于我们的应用来说，我们是靠用户来管理，而不是靠...
2019-09-22 21:29:48
317
原创 面试题：彻底弄懂函数防抖和节流
文章目录1 函数防抖和节流1 函数防抖和节流函数防抖和节流是优化高频率执行js代码的一种手段，js中的一些事件如浏览器的resize、scroll，鼠标的mousemove、mouseover，input输入框的keypress等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。...
2019-09-22 20:03:08
11469
2
原创 N个人排一排，从1到N编号。然后从第一个人开始报数，若报数是M的倍数则出列，并将该人存入一个数组中，剩下的人继续报数，同样规则，得到最后的出列顺序的人的编号 JS
N个人排一排，从1到N编号。然后从第一个人开始报数，若报数是M的倍数则出列，并将该人存入一个数组中，剩下的人继续报数，同样规则，得到最后的出列顺序的人的编号 JSfunction solution(n, m) { //对N个人先编号 let arr = []; for (let i = 1; i <= n; i++) { arr.push(i); ...
2019-09-22 19:06:56
1321
原创 面试题：border-box和content-box的区别以及BFC
1 W3C标准盒模型 content-boxwidth || height = content 内容区域比如设定元素width = 300px，padding = 20px，border=20px，那么实际的内容区域宽度为content = 300px；整个盒子的宽度为300+20*2+20*2 = 380px，也就是设定额外的padding或border会向外扩张元素的大小；占的总的位置...
2019-09-20 16:46:21
1638
原创 面试题：常用linux指令、git操作指令
1 常用的linux指令ls 查看文件kill 9 19979 终止线程号为19979的线程pwd 当前工作路径cp -r sourceFolder targetFolder 复制文件（包括其子文件）到自定目录mkdir newfolder 创建目录rmdir deleteEmptyFolder 删除目录（此目录是空目录）rm -rf deleteFile删除文件（包含其子文件）m...
2019-09-20 13:48:23
171
原创 小收获
三元判断<div class="cmt-body"> {{ item.content === 'undefined' ? '此用户很懒，嘛都没说': item.content }}</div>
2019-09-19 22:10:38
104
原创 字符串等笔试题记录
/*请完成下面这个函数，实现题目要求的功能当然，你也可以不按照下面这个模板来作答，完全按照自己的想法来 ^-^******************************开始写代码******************************/function longestSubStrLength(s1, s2) { if (s1 === '' || s2 === '') { ...
2019-09-19 21:55:34
345
原创 面试题：HTTP 常用 Method
文章目录概述简单请求与预检请求1.简单请求2.预检请求各个请求方法介绍GetPostHeadOptionsPut 与 PatchDelete方法与规范概述根据HTTP标准，HTTP请求可以使用多种请求方法。HTTP1.0定义了三种请求方法： head、get、post方法。HTTP1.1新增了五种请求方法：put、delete、options、trace、connect方法。简单请...
2019-09-19 21:21:02
327
原创 字符串短横线和驼峰形式的互相转换 Javascript
// 短横线转换驼峰function fun1(str){ let arr = str.split('-'); //["daaa", "df"] 或 ["", "daaa", "df"] for (let i = 0; i < arr.length; i++) { arr[i] = arr[i].slice(0,1).toUpperCase()+arr[i]...
2019-09-08 19:53:25
2533
原创 vue 中通过监测滚动条加载数据（懒加载数据）
vue 中监测滚动条加载数据（懒加载数据）methods: { titleAlert(title) { console.log(title); alert(title) }, // 获取滚动条当前的位置 getScrollTop() { let scrollTop = 0 if (document.d...
2019-08-31 15:18:17
3983
1
原创 十进制转为7进制、打印金字塔111 JS语言描述
阿里 2019年8月28日20:48:51 let convertToBase7 = function (num) { if (num === 0) { return '0' } let res = ''; let isPositiveNum = true; if (num < 0) { num = -...
2019-08-28 20:56:09
730
原创 2048游戏 JavaScript实现
字节跳动笔试题参考Google2015校园招聘在线笔试题2–2048游戏k记录要被放置的位置索引1.k位置元素是0，将e[i]移到e[k]2.k位置非零：（1）e[i]==e[k]相同，碰撞，e[k]×=2，k移到下一个位置（++k或–k）（2）e[i]！=e[k]不同,k移到下一个位置（++k或–k），将e[i]移到e[k]let n = 1;// let arr = [[...
2019-08-25 21:02:46
604
转载 Vue中 axios delete请求参数
转自Vue中 axios delete请求参数vue中axios 的delete和post,put在传值上有点区别;post和put有三个参数，url,data和config，所以在使用这两个时，可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数：url和config，data在config中，所以需要写成 axios...
2019-08-16 10:31:39
3668
原创 N行M列每个位置放Aij个1厘米的正方体，求表面积
题目如下：思路：分别从三个方向来看，从上往下看，定有面积 N*M；从正面看，面积是每一列最高的数相加；从左边看，面积是每一行最高的数相加。将上面求得的三个值相加就是总面积。代码如下：...
2019-08-15 22:25:08
382
2
原创 JS面试题：判断一个对象{}是否为空对象的五种方法
//判断对象是否为空的几种方法let a = {};let b={cc: 1}//法一：将json对象转化为json字符串，再判断该字符串是否为"{}"console.log(JSON.stringify(a)==='{}')//trueconsole.log(JSON.stringify(b)==='{}')//false//法二：for in 循环判断let mm = func...
2019-08-14 22:18:29
8234
2
原创 咖啡的香气
大疆2019年8月4日21:05:27假设每喝一杯咖啡（喝咖啡时间忽略不计）就能让自己debug效率提高A倍，一小时内重复喝没用，最多只能喝X杯（太多晚上睡不着），并且为了可持续发展，每天最多只能专注8个小时的工作时间。在没喝咖啡的状态下解决每个bug所需要的时间为t1,t2,t3,…,tN分钟。输入包含多组测试数据，每组数据：第一行三个正整数N,A,X，分别代表：bug的总数，喝一杯咖啡一...
2019-08-04 21:48:30
352
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人