自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 快速了解websocket

欢迎大家来掘金找我玩~传送门前言作为一名入门不久的前端,平时接触最多的就是http/https协议了,而对websocket却不甚了解,最近看了一波资料,顺便在此做以总结~~ 欢迎大家交流指正~http的限制我们都知道:http是请求——返回式地与服务器进行半双工(Half-duplex)通信。单工simplex:只允许单方向传输半双工half-duplex:一个时间只允许单方向传输全双工full-duplex:同时允许双向传播当客户端有需要的数据时:首先三次握手和服务器建立一.

2022-05-16 14:25:39 712

原创 Vue3+ElementPlus项目中遇到的图标按钮icon无法显示的问题

转战掘金很久啦~欢迎大家关注我的掘金账号 花椰菜菜的主页以后应该只在csdn更一些debug的小问题啦~这两天在做一个学校的项目,遇到了这个问题,顺便记录下。问题我的需求是想在地点后面加一个edit的按钮,管理员点击之后可以修改猫猫最近出现的地点。我的代码如下:<el-row> <span>地点:{{ cat.location }}</span> <el-button class="editBtn"

2022-05-06 09:54:21 2751 4

原创 作为前端,你必须要知道的meta标签知识

前言转战掘金很久啦,欢迎关注我的掘金账号:花椰菜菜的主页前几天面试baidu的时候,面试官问:你都知道什么meta标签?用处是什么?尽可能多的说出来。我:嗯…… 嗯…… 我一般都自动生成… 面试官:……后来俺找资料好好学了下,再看了taobao和头条的网页才知道:meta标签用处可大得很呐!今天就来浅浅总结一下。顺便感叹一下字节这块适配做的是真的蛮好概览meta标签一般放在整个html页面的head部分,在MDN中对他这样定义:meta是文档级元数据元素,用来表示那些不能由其它 HT

2022-05-05 21:52:09 469

原创 【VUE】事件循环+nextTick详解,结合例子更好理解哦~

前言之前看过很多篇相关的文章,虽然比较深入,但总是原理多一些,例子少一些。这篇文章会以例子为主导,对事件循环机制和nextTick进行讲解。了解事件循环机制虽说概念原理很枯燥,但是要想真正掌握某个知识,对原理的理解是必不可少的,首先我们一起来了解事件循环机制叭~~~先了解一下浏览器的进程和线程其中和我们前端息息相关的就是渲染进程了,它主要负责将HTML、CSS、JS资源进行解析渲染,还负责事件循环、异步请求等多个方面。GUI渲染线程:负责页面的绘制和渲染。我们熟知的HTML、CSS资源的解析

2022-04-19 22:39:21 2422 1

原创 浅谈ES6尾调优化

前言前两天笔试的时候遇到了这个问题,看了多篇博文之后终于理解了,在这里记录一下~什么是尾调用简单来说,一个函数的返回值是对另外一个函数的调用,这种情况就叫做尾调用。function f1(n) { return n * 2}function f2(n) { return f1(n + 1) //line A}const res=f2(2))//line B在以上代码中,f2的返回值是对f1的调用,这就是尾调用。对尾调用的优化首先我们要知道尾调优化是浏览器帮我们完成的

2022-04-14 16:10:52 196

原创 为什么会存在1px问题?怎么解决?

前言在面试中我们常会被问到怎么解决1px问题,要知道解决方案,我们首先要知道这个问题的来源。在这篇文章里,我会尽可能通俗的阐述这个问题出现的源头,一起去思考这个问题的解决方案。设备尺寸、像素、分辨率设备尺寸设备尺寸指的是设备对角线的长度,单位是英寸。 像素是组成图片的色彩和亮度的最小图像单元,是显示屏的画面上能表现出来的最小单位。分辨率屏幕分辨率是指纵横向上的像素点数,单位是px。两个大小尺寸相同的屏幕而言:当屏幕分辨率低时(例如 640 x 480),在屏幕上显示的像素少,单个像素尺寸

2022-04-14 16:10:04 1414

原创 一文搞懂Object.defineProperty和Proxy,Vue3.0为什么采用Proxy?

前言前几天面试的时候,面试官问到了这个问题,感觉自己答的不是特别好,在这里整理一下~文章篇幅会比较长,但是看完一定会收获满满~希望你坚持看下去呀~Object.defineProperty()作用:在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。1. 基本使用语法:Object.defineProperty(obj, prop, descriptor)参数:要添加属性的对象要定义或修改的属性的名称或 [Symbol]要定义或修改的属性描述符看一个简单的例子

2022-02-27 22:36:22 1461 1

原创 一文搞懂Object.defineProperty和Proxy,Vue3.0为什么采用Proxy?

前言前几天面试的时候,面试官问到了这个问题,感觉自己答的不是特别好,在这里整理一下~文章篇幅会比较长,但是看完一定会收获满满~希望你坚持看下去呀~Object.defineProperty()作用:在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。1. 基本使用语法:Object.defineProperty(obj, prop, descriptor)参数:要添加属性的对象要定义或修改的属性的名称或 [Symbol]要定义或修改的属性描述符看一个简单的例子

2022-02-27 22:34:15 526 2

原创 使用Object.defineProperty踩坑:循环递归调用get方法

前言面试官问:defineProperty如果监视的是一个对象,且对象的属性还是一个对象or数组,那么如何对对象中的对象进行数据监视?把我问傻了,下来之后简单了解了一下,但是在过程中遇到了点问题,顺便记录一下。问题我们常使用Object.defineProperty()来监听单个属性的变更,但是一旦牵扯到多个属性的监听,就需要对这个对象进行遍历,下面是我尝试对对象遍历,来实现多个属性监听的尝试。let person = { name: '', age: 0}// Object.k

2022-02-27 21:44:03 1280 1

原创 去除两个inline-block之间的间隔

前言最近在css battle网站巩固css时,遇到了一些问题,浅记录一下。需求和问题html的body部分如下:<li> <div class='no1'></div> <div class='no2'></div> <div class='no3'></div> <div class='no4'></div><li>现在需要将盒子排列成如下布局,需要将盒子转为i

2022-02-07 18:04:12 636

原创 npm包信息写入package.json文件时,-D和-S的区别

前言最近在学习webpack相关的知识,偶然遇到这方面的知识,顺便记录下。具体区别npm全称Node Package Manager,是全球最大的JavaScript包管理工具。我们可以通过npm install <package_name>的方式很方便的安装我们需要的包。但一般包有很多的版本,如何记录下我们当前的包的版本以及其他的信息呢?这就需要package.json文件了,package.json是我们存放当前项目中安装的包信息的文件,我们有两种方法可以把当前安装的包信息写入到该文

2022-01-28 19:11:45 1291

原创 typora图片自动左(右)对齐

前言最近学东西用typora记笔记的时候,觉得图片放中间太丑了,我就每次用align这个属性调节一下放在左边,但是每次都这么调感觉有点麻烦,就干脆设置一下自动调节。我之前的方法这个方法适用于:觉得图片放中间还行,偶尔需要把图片放在左边的小伙伴~(应该很少有人需要放在右边叭~kkkk)在你插入的图片链接后面加上一个属性align='left'完整的如下图就会变成左对齐啦~缺点是每次插入图片都要敲一遍,有点麻烦。左对齐_更方便的方法在你插入的图片的完整img标签后面随便敲一个空格(有说法是

2022-01-19 19:39:01 2992 1

转载 快速了解前端低代码平台,存在什么问题?

什么是低代码使用可视化平台开发的应用,目的在于减少代码量甚至无代码开发。这类平台有多种形式:有的只简化前端开发,可以做到不用写 JavaScript;(事实上用的很少,因为一般的前端团队都会使用JS)有的只简化后端开发,可以在线设计数据结构,并实现增删改查功能;有的彻底简化前后端开发,甚至变成无代码平台,什么都可视化编辑,但牺牲了灵活性。能解决什么问题首先说软件开发都需要解决什么问题。软件开发的任务分为两种根本任务:打造构成抽象软件实体的复杂概念结构。次要任务:打造构成抽象软件实体的复杂

2022-01-10 16:32:00 730

原创 对CommonJS和ES6 模块异同的思考(含循环加载)

文章目录前言CommonJS和ES6 模块异同说一说两者循环加载的处理机制前言最近在学习的过程中了解到了一些CommonJS的模块机制,借机总结一下其与ES6模块的异同,本文参考了博客园博主凯斯keith 的文章,也参考了博客园博主forcheng>的文章,详情点击如上链接。CommonJS和ES6 模块异同不同CommonJS:使用require引入模块,一个文件就是一个模块对于模块中简单类型的变量:属于对原变量的复制;在导入该模块的文件里对该变量的修改不会同步到原模块,在原模块里对

2022-01-09 15:43:56 568

原创 Git一键入门 学习笔记总结

文章目录前言什么是版本控制Git的各版本常见的linux命令Git四个区域Git项目的搭建Git基本操作文件的四种状态基本操作使用场景版本穿梭分支有关的命令忽略文件gitee和github前言使用github也有一段时间了,但是只是简单使用,知识不成体系。今天抽了点时间整理了一下,比较基础,希望能对你们有帮助~本篇文章没有将怎么配置SSH免密登录,需要了解的小伙伴可以去查看别的资料~另外,本文中的图片一部分来自b站狂神说Git教程,一部分来自尚硅谷Git教程(个人比较推荐尚硅谷),另外一部分来自本人

2022-01-08 11:20:30 513

原创 git add时提示:warning: LF will be replaced by CRLF in ......

文章目录报错原因解决方法报错原因加入缓存区的文件里含有/,默认进行转义,此时就会出现问题解决方法git config --global core.autocrlf false修改git config,把core.autocrlf的值改为false,即默认不转义即可。...

2022-01-07 23:18:09 347

原创 Vue脚手架创建项目报错 ERROR command failed: npm install --loglevel error --legacy-peer-deps

文章目录报错全文报错原因解决方法一报错全文npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path D:\node.js\node_cache\_cacache\tmp\ea5120a8npm ERR! errno EPERMnpm ERR! FetchError: Invalid response body while trying to fetch https://registry.npm.taobao.org/@vue%2fcli-plug

2022-01-06 10:08:18 4795 10

原创 vue和react中key的作用

文章目录虚拟DOM中key的作用新旧虚拟DOM的比较规则旧虚拟DOM中找到了和新虚拟DOM相同的key旧DOM中没找到和新虚拟DOM中相同的key使用index作为key引发的问题虚拟DOM中key的作用key是虚拟DOM对象的标识,当数据发生改变时,vue会根据新数据生成新的虚拟DOM,随后vue进行新旧虚拟DOM的比较。新旧虚拟DOM的比较规则旧虚拟DOM中找到了和新虚拟DOM相同的key若虚拟DOM中的内容相同,那么直接使用之前的真实DOM如果虚拟DOM中的内容不同,则生成新的真实DOM

2022-01-02 00:02:21 517

原创 github上传本地文件夹时error: src refspec main does not match any error: failed to push some refs to [url]

文章目录前言上传步骤报错处理前言这两天在部署自己的GitHub,尝试使用git上传本地文件夹至GitHub远程仓库,在最后push的时候出现报错error: src refspec main does not match any error: failed to push some refs to [url]查阅了一些资料后终于解决了,具体过程如下。上传步骤先简单对我上传的步骤做一下如下总结。我要上传es6文件夹,在该文件夹所在目录下,右键,点击Git Bash Here。然后依次进行

2021-12-11 15:18:35 907

原创 js正则表达式详解

创建正则表达式构造函数法//第一个参数:正则表达式 第二个参数:匹配模式//(i:忽略大小写 g:全局匹配)let reg = new RegExp('a', 'i');let str = 'sdAdsd';//用test检查字符串str是否满足正则表达式的要求console.log(reg.test(str));//结果为ture字面量法 let reg = /ab/; console.log(reg.test('bac'));基本语法[ ]//[]里的内容是或

2021-12-09 16:18:29 223

原创 call()、apply()、bind()的区别

相同点都用于改变函数体内this的指向不同点传参不同,apply的第二个参数必须是至少有一个元素的数组call和apply立即执行,bind不立即执行,只是返回一个函数(想什么时候调用就什么时候调用)...

2021-12-05 20:43:36 187

原创 阿里淘系前端朝扬计划 面试复盘

如何解决样式冲突的问题(一个标签套用多个样式)细化选择符改变CSS样式表中的顺序提高优先级(比较粗暴):代码后直接加:!important如何避免内存泄露promise和async、await有什么区别v-if和v-show的区别和 的区别...

2021-12-03 23:06:40 293 4

原创 排他思想中Uncaught TypeError: Cannot read properties of undefined的解决方案

今天在做排他思想练习的时候发现了这个问题,我的完整代码如下:var btns = document.querySelector('.box').getElementsByTagName('input'); for (var i = 0; i < btns.length; i++) { btns[i].onclick = function () { //把所有的样式都清空 for (var j =

2021-12-01 14:27:53 2768

原创 伪元素中以symbol方式引入iconfont图标

伪元素中以symbol方式引入iconfont图标下载图标将字体文件引入项目在伪元素中使用字体图标最近在做前端的一些基础练习时需要在伪元素中引入一些字体图标,在网上没有找到相关的教程,自己摸索了一下调试出来了。下载图标先在官网选择想下载的图标,加入购物车,然后在购物车中将选择的图标加入项目。按照下图,选择以symbol的方式引入,然后点击下载至本地,你会得到一个压缩包。将字体文件引入项目将压缩包解压之后里面有一个demo_html文件,打开可以查看官方的三种 在body中 引入字体图标的方式。

2021-11-30 16:32:31 1430

原创 关于scanf和gets和getchar输入的一点总结

scanfscanf遇到空格、回车、跳格则认为是对当前类型输入的终止,接下来进行下一类型的输入或者完成scanf输入,进行下一环节。在scanf之后如果再进行字符的输入,不管隔多远,都需要用一个getchar()来吃掉回车或者空格如:#include<stdio.h>int main(){ char s[21],ch; scanf("%s",&s); //ge...

2019-12-28 10:10:33 265

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除