- 博客(128)
- 收藏
- 关注
原创 详解vue生命周期
首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpd...
2023-06-16 09:46:26
75
原创 数组的原型方法-es6
数组的原型方法-es6 Array.form() Array.of() find() 和 findIndex() copyWithin() fill() entries(),keys()和values() includes() flat()和flatMap() 扩展运算符 at() reduce()和reduceRight() some()判...
2023-06-16 09:45:00
1120
1
原创 Vue中的虚拟Dom,diff算法,以及diff的优化
学习目标:提示:这里可以添加学习目标例如:一周掌握 Java 入门知识学习内容:提示:这里可以添加要学的内容例如:1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间:提示:这里可以添加计划学习的时间例如:1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出:提示:这里统计学习计划的总量例如:1、 技术笔记 2 遍2、CSDN 技术博客 3 篇
2023-06-15 15:23:54
932
1
原创 JavaScript Array slice()和splice()
JavaScript Array slice() 方法slice() 方法以新的数组对象,返回数组中被选中的元素。slice() 方法选择从给定的 start 参数开始的元素,并在给定的 end 参数处结束,但不包括。注释:slice() 方法不会改变原始数组。参数描述start可选。整数,指定从哪里开始选择(第一个元素的索引为 0)。使用负数从数组的末尾进行选择。如果省略,则类似于 “0”。end可选。整数,指定结束选择的位置。如果省略,将选择从开始位置到数组末尾的所
2022-02-23 11:32:33
409
原创 meta标签到底是做什么的?
起因部门在搞微前端,需要按功能拆分多个子应用,主应用在加载的过程中经常出现加载失败的问题。因为https地址中,如果加载了http资源,浏览器将认为这是不安全的资源,将会默认阻止。后来在文档中添加了完美解决。此时我才发现自己对meta简直一无所知,本文主要介绍meta,顺带也会提一提head中的其它标签。如有不对请指出,最后欢迎点赞 + 收藏。head 标签head标签与html标签,body标签一样是一个文档必须的元素。head标签用于定于文档头部信息,它是所有头部元素的容器。head中.
2021-12-14 09:07:50
228
原创 Vue3的setup还能这么用?
这里写自定义目录标题欢迎使用Markdown编辑器前言setup注意点合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Ma
2021-11-30 09:12:05
1228
原创 Vue 3细节通俗讲解
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据三、三、三、总结学习目标:学习内容:学习时间:学习产出:项目场景:问题描述:原因分析:解决方案:前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开
2021-10-10 02:30:56
344
原创 vue3新特性概览
Vue自3.0 beta发布以来,随着相关技术支持度增强,越来越多的企业开始Vue3.0新特性一、节点打Tag静态节点<span>value</span>value动态节点<span>{{value}}</span>patchFlag<span>{{value}}</span>patchFlagvue3.0底层,会自动识别某个节点是否是动态的,如果是动态的会自动生成标识(不同的动态会有不同的标识对应,如内容文本
2021-10-08 15:02:30
1880
原创 灵活定义table表头提示
https://blog.csdn.net/qq_40138556/article/details/105405004
2021-10-08 10:17:58
109
原创 关于height:100%和height:100vh的区别
1vh当元素没有内容时候,设置height:100vh;该元素会被撑开屏幕高度一致100vh 是相对于 当前的window1%当元素没有内容时候,设置height:100%;该元素不会被撑开,此时高度为0100% 是相对于父元素1vh就是当前屏幕可见高度的1%,也就是说height:100vh == height:100%;100% 是相对于父元素 100vh 是相对于 当前的window,有可能是ifame 嵌套 会有多个window...
2021-07-05 16:05:06
340
原创 《手把手教你读财报》读后感
2019年计划里有这一页,每周读20页书,写一篇读后感。自己挖的坑,含泪都得填上。今天第一篇,书名《手把手教你读财报》,在炒股圈里知名度还是很高的,特点是将生涩的财务知识用通俗的文字表达,这是一种很高的能力,不是一般作者能搞定的。 言归正传,说一下这20页的内容。1、财报是获取企业信息最有效的方式。普通投资者获取公司信息的渠道很少,主要是财报、新闻报道。财报是企业主动披露,容易获取,信息量大,更系统。2、财报是用来排除企业的。中国很多上市公司财报是造假的,学会看财报,就容易发现企业造假,然后这个企业
2021-06-16 15:28:32
718
原创 http协议POST请求头content-type主要的四种取值
http协议POST请求头content-type主要的四种取值介绍:在此之前对content-type理解很肤浅,因此必须记录下来现在的理解,以便回顾Content-Type,从名字上可以理解为内容类型,但在互联网上专业术语叫“媒体类型”,即MediaType,也叫MIME类型,主要是用来指明报文主体部分内容属于何种类型,比如html,json或者xml等等。但是content-type一般只存在于Post方法中,因为Get方法是不含“body”的,它的请求参数都会被编码到url后面,所以在Get
2021-06-10 16:17:47
1540
原创 关于Http请求头header中的Content-type问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、header常用指令header分为三部分:发送一个200 正常响应set 404 header: 页面没找到页面被永久删除,可以告诉搜索引擎更新它们的urls访问受限服务器错误重定向到一个新的位置延迟一段时间后重定向覆盖 X-Powered-By value内容语言 (en = English)最后修改时间(在缓存的时候可以用到)告诉浏览器要获取的内容还没有更新设置内容的长度 (缓存的时候可以用到):用来下载文件:禁止
2021-06-10 15:48:16
8449
原创 关于this的理解
this文章目录前言一、ES6 箭头函数中的 this?当然可以,不过一切是这么发生的 —— 虽然 => 箭头函数没有一个自己的 this,但当你在内部使用了 this,常规的局部作用域准则就起作用了,它会指向最近一层作用域内的 this。二、什么情况下不能用箭头函数1. 定义对象方法2 定义原型方法3. 定义构造函数4. 定义事件回调函数三、深入理解this的4种绑定规则深入理解this的绑定规则默认绑定隐式丢失显式绑定总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不
2021-06-08 15:12:49
400
1
原创 轻量级富文本编辑器:Vue-Quill-Editor的简单使用
这是你第一次使用 Vue-Quill-Editor 所展示的欢迎页。如果你想了解如何使用Vue-Quill-Editor, 可以阅读这篇文章,了解一下Vue-Quill-Editor的基本入门知识。项目中安装Vue-Quill-Editor我们对Vue-Quill-Editor使用前要进行安装和配置,如下列出几点,帮助你顺利使用:下载Vue-Quill-Editornpm install vue-quill-editor --save安装不局限n
2021-06-08 11:41:00
6455
原创 JavaScript数据类型:关于数据类型,有哪些你不知道的细节?
我们来看看下面的几个问题。为什么有的编程规范要求用 void 0 代替 undefined?字符串有最大长度吗?0.1 + 0.2 不是等于 0.3 么?为什么 JavaScript 里不是这样的?ES6 新加入的 Symbol 是个什么东西?为什么给对象添加的方法能用在基本类型上?如果你答起来还有些犹豫的地方,这就说明你对这部分知识点,还是有些遗漏之处的。没关系,今天我来帮你一一补上。JS 的知识体系要从运行时、文法和执行过程三个角度去剖析,本篇我们就从运行时的角度去看 JavaScript
2021-05-20 18:06:14
109
原创 Vue3.x双向绑定原理Proxy
Proxy实现双向绑定v-model描述双向绑定原理双向绑定原理稍等,我整理出来,让大家都能快速理解,省的云里雾里。
2021-03-22 19:42:59
258
原创 前端防抖与节流
CSSQ: CSS 有哪些样式可以给子元素继承!可继承的:font-size,font-weight,line-height,color,cursor等不可继承的一般是会改变盒子模型的:display,margin、border、padding、height等Q: 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内: input,span,a,img以及displa...
2021-03-15 23:08:58
116
1
原创 Promise中的then和catch有什么区别?
首页我们先要区分几个概念,第一,reject是用来抛出异常的,catch是用来处理异常的;第二:reject是Promise的方法,而then和catch是Promise实例的方法(Promise.prototype.then 和 Promise.prototype.catch)。区别主要区别就是,如果在then的第一个函数里抛出了异常,后面的catch能捕获到,而then的第二个函数捕获不到。...
2021-03-11 19:49:31
5161
原创 Vue2.x双向绑定原理Object.defineProperty( )
Object.defineProperty( )v-model描述仿vue使用Proxy实现双向绑定双向绑定原理
2021-03-11 13:55:18
265
原创 vue3.0 vite安装
vue3.0 vite安装安装 Vitenpm install -g create-vite-app利用 Vite 安装 Vue3.0 项目create-vite-app projectName安装依赖运行项目cd projectName //进入工程项目文件夹npm install //安装项目依赖npm run dev //运行项目...
2021-03-09 23:05:20
1047
原创 css高阶:掌握css预编译的基本语法sass、less、stylus
scss和sass,less区别1.编译环境不一样。Sass的安装需要Ruby环境,是在服务端处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中。2.变量符不一样,Less是 @,而Scss是$,而且变量的作用域也不一样。3.输出设置不一样,Less没有输出设置,Sass提供4中输出选项:nested(嵌套缩进的css代码), compact(展开的多行css代码), compressed (简洁格式的c.
2020-07-20 17:52:33
223
原创 用css画图标
css3的属性 transform(转换) 用途很广泛,功能也很强大,为了熟悉它的各种转换方式(平移 translate,旋转 rotate,扭曲 skew,放缩 scale),我做了一些平常常用的一些简单的图标。这些图标很多是通过三角形来拼贴起来的,所以我们需要知道怎么样画三角形。用css画图标我们要将该 div 的 width 和 height 都设置为 0,三角形是通过设置 border 来实现;通过我们需要画成的三角形的目标分析,这个三角形的朝向(只针对规则的朝向:上、右、下、左、上左、上
2020-06-28 14:32:15
290
原创 虚拟dom实现原理+源码解析
虚拟Dom原理vue 虚拟dom实现原理Vue面试题总结(长期更新)Vue源码解析Vue面试题精编前端最强面经汇总前端面试题文档前端实用文档前端面试题目面试资源汇总中级前端面试
2020-06-11 14:04:05
448
原创 使用Vue编写自定义指令
自定义指令编写的方式有2种1、全局自定义指令全局的指令必须要在实例化之前进行定义Vue.directive(参数1,参数2)参数1: 指令的名称参数2: 指令实现的函数参数2-1: el 指令作用的元素参数2-2: 对象 {modifiers:修饰符 value:表达式的结果}2、局部自定义指令在vue中添加一个熟悉 directives key值是指令名称 value是指令实现的函数贴一篇完整code<!DOCTYPE html><html
2020-05-28 14:12:56
834
原创 禁止选择网页中的文字
onselectstart和onselect的使用1.onselectstart这个事件主要是用于禁止选择网页中的文字。代码为:document.onselectstart =function(){ return false;} 另外ff/opera不支持此事件,ff可以用css控制:css: body { -moz-user-select: none; }。webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事
2020-05-20 18:51:12
287
原创 项目遇到的bug 汇总
Q: 谈谈你对 TCP 的理解;Q: TCP 是在哪个OSI 的哪个层!通讯过程是全双工还是半双工(单工)?A: 传输层,全双工Q: TCP的通讯的过程是怎么样的!A: 整个过程是三次握手,四次挥手…Q: 你说的没错,说说整个过程如何?A: 举个栗子,我把 TCP 比做两个人用对讲机沟通(大白话)…三次握手就是.A1(吼叫方,客户端)想要呼叫 A2(控制室的某某,服务端)…A1对着对...
2020-03-26 17:27:09
223
原创 移动端适配+key值作用,three鼠标事件
面试官:你了解过移动端适配吗?Vue 和 React 中的 key 到底有什么用?THREEJS的鼠标事件实现(中心旋转,放大缩小)
2020-03-26 17:05:43
206
原创 进度条组件mark
子组件内容:template部分<template> <div class="slider" ref="slider"> <div class="process" :style="{width}"></div> <div class="thunk" ref="trunk" :style="{left}...
2020-03-16 13:05:53
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人