- 博客(60)
- 收藏
- 关注
RSS订阅原创 element-ui 组件样式bug，涉及menu，select，dialog，使用append-to-body进行处理。
element-ui 组件样式bug，涉及menu，select，dialog，使用append-to-body进行处理。
2022-09-27 18:33:09
1576
原创 解决git clone代码，报错remote: The project you were looking for could not be found or you don‘t
git clone代码问题 报错 remote:The project you were looking for could not be found or you don't have permission to view it.
2022-07-26 16:39:59
11456
原创 vue获取文件流（视频流、音频流、图片流）数据并将其回显展示
如果我们在请求接口获取数据时不指定返回数据类型的话，我们获取到的可能就是一堆乱码数据。因此我们在axios接口请求里面需要指定responseType为blob获取到数据之后用对应标签进行展示，例如 audio标签 中的 src 需要直接指向 blob 数据的话是没有用的，所以应该创建一个 url 来指向的的 blob 数据，然后将 url 赋给 audio 的 src 属性。......
2022-07-25 19:15:24
11898
10
转载 关于this.$refs.audio.play is not a function的问题
既然是个数组那问题就好办了，在设置的时候加上索引[ 0 ] 就可以了。this.$refs.audio[0].play();
2022-07-25 18:45:17
1902
原创 git 报错 remote: Check Access Error, please check your username and password
git push 提交报错 remote: Check Access Error, please check your username and password!
2022-04-25 16:14:15
8023
原创 Windows平台安装MongoDB教程
一、下载MongoDBMongoDB提供了可用于32位系统和64位系统的预编译二进制包（新版本没有了32位系统的安装文件），你可以进入MongoDB官网下载安装，MongoDB的预编译二进制包的下载地址为：https://www.mongodb.com/download-center/community，打开之后会看到如下图，直接点击Download下载即可，也可以在Version中选择你想要的版本：二、安装MongoDB双击打开文件进行安装，在安装过程中，可以通过点击 “Custom(自定义)”
2022-03-27 20:14:17
2101
原创 css垂直居中的方法
元素垂直居中方法1、方案一:给容器设置position:relative;给子元素设置position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;2、方案二：给容器设置position:relative;给子元素设置position:absolute;left:50%;top:50%;margin-left:元素自身一半;margin-top:元素自身一半;3、方案三：给容器设置position
2022-03-03 10:55:16
304
原创 JavaScript 判断数据类型的方法
JavaScript 中常见的几种数据类型：基本数据类型：String, Number, Boolean, null, undefined, Symbol引用数据类型：Obejct1. typeofconsole.log(typeof('')) // stringconsole.log(typeof(1)) // number console.log(typeof(true)) // booleanconsole.log(typeof(undefined))
2021-09-15 10:33:45
1283
原创 XML与 JSON 的区别
1、读取的方式不一样。XML是使用XML DOM来循环遍历文档，JSON可以通过JSON.parse方法将json字符串转化为JavaScript可解析的格式。2、格式不一样。XML（自定义文本标记语言）的格式类似于HTML，而JSON 类似于对象的格式。JSON的优点：1、JSON更小，在相同的数据量下，文件的大小比 XML 小。2、读取速度更快，读写的速度比 XML 快。3、更容易解析，因为 JSON 的格式与 JavaScript 的格式类似，所以将 JSON 转化为 JS 可读的格式要更加
2021-09-10 16:44:28
867
原创 Cookie、sessionStorage、localStorage的区别
共同点：都是保存在浏览器端，并且是同源的Cookie：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下,存储的大小很小只有4K左右。（key：可以在浏览器和服务器端来回传递，存储容量小，只有大约4K左右）sessionStorage：仅在当前浏览器窗口关闭前有效
2021-09-08 11:59:31
155
原创 关于 AJAX 的问题
AJAXAJAX = Asynchronous JavaScript and XML.AJAX 是一种用于创建快速动态网页的技术。AJAX 通过在后台与服务器进行少量数据交换，使网页实现异步更新。这意味着可以在不重载整个页面的情况下，对网页的某些部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个页面。实现 原生AJAX创建 XMLHttpRequest（xhr） 对象实例（准备手机）建立连接，调用 xhr.open() 建立连接（查找电话号码，准备拨号）发送数
2021-09-08 11:46:38
128
原创 JSONP 的理解
JSONP (JSON with Padding)json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。由于 ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在src中进行了调用，这样实现了跨域。JSONP的优缺点1.优点它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制，JSONP可以跨越
2021-09-08 11:19:32
248
原创 关于 this 的指向问题
this 是 JavaScript 语言的一个关键字。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，this永远指向的是最后调用它的对象。this指向的形式 (4种)如果是一般函数，this 指向全局对象 window在严格模式 “use strict” 下，为 undefined对象的方法里调用，this 指向调用该方法的对象构造函数里的 this ，指向new创建出来的实例为什么this会指向？首先new关键字会创建一个空的对象，然后会自动调用一个函数apply方
2021-09-07 19:17:08
155
原创 关于js 类的继承
原型链继承function Cat(){}Cat.prototype = new Animal();Cat.prototype.name = 'cat';// Test Codevar cat = new Cat();console.log(cat.name);console.log(cat.eat('fish'));console.log(cat.sleep());console.log(cat instanceof Animal); //trueconsole.log(cat in
2021-09-07 17:39:27
782
原创 关于HTTP常见问题
http 和 https 的区别HTTPS = HTTP + SSLhttps 有 ca 证书，http 一般没有http 是超文本传输协议，信息是明文传输。https 则是具有安全性的 ssl 加密传输协议http 默认 80 端口，https 默认 443 端口。网络分层（OSI）里七层模型应用层：允许访问 OSI 环境的手段表示层：对数据进行翻译、加密和压缩会话层：建立、管理和终止会话传输层：提供端到端的可靠报文传递和错误恢复网络层：负责数据包从源到宿的传递和网际互连物理
2021-09-03 09:45:12
127
转载 关于token
最近开始学习RESTful架构，其中就有一个词语 token 不太理解，网上看到一个不错的分析这里分享给大家对于初学者来说，Token和Session的使用难免会限于困境，开发过程中知道有这个东西，但却不知道为什么要用他？更不知道其原理，今天我们就一起来学习学习一、我们先解释一下 token 的含义：Token 的引入：Token 是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，Token便应运而生。T
2021-09-01 18:07:04
353
原创 git 使用 和 配置 SSH Key
版本控制系统管理随时间变化的数据SVN / GITGit开源的分布式版本控制系统，可以在没有网络连接的情况下，本地实现版本管理，而无须服务端支持。概念工作区：实现编码时所在的工作目录（项目目录）版本库：是在工作区中的一个隐藏的 .git 目录，该目录中保存了 git 管理版本数据时使用到的各项资源暂存区：暂时保存需要提交版本的资源，在 .git 目录中，对应一个 index 文件。使用安装下载npm 镜像中下载全局配置$ git config --global user.na
2021-08-24 17:05:27
1131
转载 AutoHotkey实现谷歌浏览器双击关闭页面
由于之前一直使用的qq浏览器，因为他有很多功能我比较喜欢，例如双击关闭页面、鼠标拖动选取内容会进行搜索等等。不过学习前端技术需要应用谷歌浏览器进行开发，不过新版本的谷歌浏览器并不能实现鼠标双击关闭页面等功能，让我感到非常不习惯。后来，发现一种方法实现这个功能，在此分享给大伙儿。AutoHotkeyAHK 脚本文件，原脚本来自知乎，现做了一些修改#NoEnv#SingleInstance forceIniRead, doubleclick, settings.ini, option, dou
2021-08-17 09:22:20
1690
1
原创 Vue面试题
给大家分享一些关于Vue可能会遇到的面试题计算属性(computed) VS 方法计算属性的值会被缓存，计算属性是基于它们的响应式依赖进行缓存的，当依赖项改变时，才重新计算计算属性的值并继续缓存。方法不会缓存，每调用一次方法，都会重新执行一次方法主体代码块计算属性 VS 侦听器计算属性的值会被缓存。侦听器不能被缓存。通常计算属性是根据一个或多个已有数据，返回一个新的值，侦听器是监听一个数据的变化，可能由一个数据的变化导致其它一个或多个数据的变化，或导致其它一些副作用
2021-08-16 09:58:07
139
原创 for···in··· 和 for···of··· 的区别
好久不见，我又来整理心得了今天来说说for···in··· 和 for···of··· 的区别先看看for···in···// 数组let Fin = [1, 2, 3]for(let i in Fin) { console.log(i)}//对象let Fof = { name: 'rider', do: 'henshin'}for(let i in Fof){ console.log(i)}输出结果为：这里的输出的为键(key)
2021-08-11 16:40:03
774
原创 学习前端的第三十一天——正则表达式
今天学的内容比较少，主要就是正则表达式，不过在讲这个之前先说说浏览器的一些行为。一、浏览器的默认行为form表单，当咱们点击submit按钮的时候浏览器会自动提交表单a超链接标记，默认就具有点击事件右键菜单 (oncontextmenu)阻止默认行为 var a = document.querySelector('a'); a.onclick = function(e){ e = e || window.event; //只能阻止常用的浏览器，不能阻
2021-07-12 10:28:39
131
原创 学习前端的第三十天——DOM事件
今天主要还是做练习和昨天的回顾吧，还有对事件的学习一、事件流概念：事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程也叫做DOM事件流。事件流：分为事件冒泡与事件捕获两种一个完整事件包含 捕获阶段 —> 目标阶段 —>冒泡阶段事件冒泡：当事件发生后，这个事件就要开始传播（从里向外或者从外向里）。所以，当最里面的元素触发了事件的时候，会依次向上触发所有元素的相同事件（从触发事件的元素开始一直向上触发），但是事件冒泡对我
2021-07-01 10:00:27
146
原创 学习前端的第二十九天——DOM文档对象模型
昨天学习了BOM，今天学习DOM和事件，不过在讲之前得先说说js选择器一、js选择器document.getElementById() 通过id名称获取元素 具有唯一性document.getElementsByTagName() 通过标记名称获取元素，获取的是一个伪数组document.getElementsByClassName() 通过class类名获取元素，获取的是一个伪数组document.getElementsByName()通过标记的name属性的属性值获取元素，获取的是一个伪
2021-06-30 11:21:01
117
原创 学习前端的第二十八天——BOM浏览器对象模型
今天就重点介绍下BOM一、BOM介绍1、BOM（ Browser Object Model）→ 浏览器对象模型。2、BOM 作用：主要提供了访问和操作浏览器各组件的方式。window浏览器窗口对象是js中最大的对象。其他所有的对象，都是window的子对象document文档对象，代表一个网页location地址栏对象，对地址栏的操作一些方法navigator浏览器软件对象，主要用来判断用户用的是什么浏览器，可以解决兼容性问题screen屏幕对象，可以获取屏幕相关的信息history
2021-06-28 20:18:45
174
原创 学习前端的第二十六天——ES5严格模式
今天对字符串回顾，然后做了一些练习，学习了ES5的严格模式和格外数组，还是直接展示今天的笔记吧一、ES5严格模式概念：除了正常运行模式外，ECMAScript5添加了第二种运行模式：“严格模式”（strict mode）。顾名思义，这种模式是JavaScript在更严格的条件下运行作用：消除了JS语法的一些不合理、不严谨之处，减少—些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全;提高编译器效率，增加运行速度;为未来新版本的JS做好铺垫注意:同样的代码，在"严格模式"
2021-06-24 20:50:31
108
原创 学习前端的第二十五天——字符串
今天就是回顾了一下昨天的jSON，主要还是学习字符串一、this对象this它是function数据类型提供的一个对象，这个对象指的是某个具体的对象this这个对象会随着函数调用的方式的不同，自身的指向也不同this和return还有arguments是一样的，你可以使用也可以不使用，只要有函数就有它们函数调用方式：函数名() —— 调用window事件调用 —— 调用事件调用者自调用 —— 调用window对象名.函数名() —— 调用对象本身例子：按钮背景切换//h
2021-06-24 19:32:46
106
原创 学习前端的第二十四天——选择排序、递归和JSON
今天学习选择排序、递归，还有一些关于数组知识的补充一、选择排序选择排序：思路，先使用第一个数组元素和后面的数组元素依次进行比较，那个大就放在后，那个小就放在前面，然后再使用第二个，第三依次比较var arr = [5, 3, 7, 1];//外层循环执行一次，内层循环执行一轮for(var i=0; i<arr.length-1; i++){ //j=i+1是因为不需要和自身进行比较 for(var j=i+1; j<arr.length; j++){
2021-06-24 00:32:12
157
原创 学习前端的第二十三天——数组和冒泡排序
考试周终于来了，忙里偷闲的我又来整理学习笔记了，今天主要学习了数组和冒泡排序，冒泡排序相对来说还是比其他排序方法要好理解。一、Array数组数据类型里面分为基本和引用数据类型：引用（复杂、复合）数据类型里面有哪些？function、Array、objectArray数据类型是一组数的集合，称之为数组作用：在实际的开发中遇到很多数据时，使用基本数据类型处理起来非常麻烦，这个时候就可以使用数组数据类型数组数据类型里面可以放置任意数据类型创建方式1：使用构造函数形式创建数组，
2021-06-21 20:33:08
193
原创 学习前端的第二十二天——预解析
今天学习了函数返回值return、作用域以及预解析，发现预解析这一块还是有丶深奥的。一、return函数返回值规则介绍：1、这个返回值是function函数默认自带的，可以使用也可以不使用2、用于外界和函数内部进行沟通的一个"桥梁"3、函数内部可以访问函数外部的东西4、函数外部是访问不了函数内部的，这是函数的规则 — 作用域5、函数这种规则的作用是为了防止数据相互间覆盖和命名污染问题return使用：1、可以让外部的访问函数内部的数据，外部可以通过函数名加括号的形式接收 fn(
2021-06-19 16:44:20
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人