- 博客(14)
- 收藏
- 关注
RSS订阅
原创 浅析JS深拷贝与浅拷贝
深拷贝和浅拷贝是只针对Object和Array引用类型的，为什么这么说呢，要理解深拷贝与先拷贝，首先我们要搞懂数据类型的存储方式数据类型数据类型分为基本数据类型和引用数据类型基本数据类型：String，Number，Boolean，Null，Undefined引用数据类型：Object这两种类型存储方式的区别基本类型数据直接存储在栈内，而引用型数据类型是在栈中存放指针，通过指针指向，在堆中找到真实的数据内容，所以说深拷贝和浅拷贝只针对与引用类型浅拷贝对于浅拷贝而言，只是单单拷贝了对象的.
2020-05-23 20:12:20
1020
原创 前端请求跨域问题跨域
在这里插入代码片项目项目项目项目1项目2项目3 计划任务 完成任务Markdown将文本转换为 HTML。*[HTML]:超文本标记语言标记文本
2023-10-24 23:33:17
82
原创 封装 Anchors 锚点组件
背景:需求是页面要加一个锚点功能用户通过点击快速定位到指定位置,同时页面增加滚到监听功能,动态激活锚点先上效果图解题思路1 实现点击锚点,页面滑动到指定范围2 页面滚到增加监听事件,判断当前出去那个锚点区域,对应锚点置为激活状态Let’s do it!!!1.实现点击锚点,页面滑动到指定范围实现步骤:step1: 在锚点组件点击对应锚点,获取到是第 n 个锚点被点击了,获取对应 dom 元素step2: 需要滚动得高度 = 获取到第 n 个锚点所在父容器得位置 + 页面卷起来得.
2021-11-10 17:01:53
1300
1
原创 Vue 实现 codeMirror 结合 sql-formatter 实现 sql 高亮及格式化
Vue 实现 codeMirror 结合 sql-formatter 实现 sql 高亮及格式化背景:需求是页面渲染一个类似 SQL 编辑器的功能,需要支持关键字高亮以及格式化功能由于之前做过一个小 demo,接触过codeMirror,手到擒来,先在项目中引入 codeMirror 实现编辑器的功能npm 安装 vue-codemirror 插件npm install vue-codemirror --save在项目中引入 vue-codemirror官网上有引入方式请参考官网
2021-10-24 15:18:17
4893
4
原创 Vue生命周期钩子函数理解与使用场景
Vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。那我们来演示一下在一个 Vue 实例从初始化到渲染以及最终销毁这一系列变化中,数据以及挂载的实例都经历了什么变化<!DOCTYPE html><html> <head> <meta
2021-04-29 10:24:18
1551
原创 W3C规则
W3C规则标签嵌套规则一：块级元素可以包含行内元素，而行内元素不能包含块级元素，它只能包含其他行内元素二：块级元素不能放在 <p> 里面三：有几个特殊的块级元素只能包含行内元素，不能再包含块级元素例如：h1,h2,h3,h4,h5,h6,p,dt四：块级元素与块级元素并列，行内元素与行内元素并列语义化标签使用语义化标签的好处：更容易被搜索引擎找到更容易让屏幕阅读器读出网页内容能够更好的体现网页主题兼容性更好，支持更多的网络设备<a>标签：实现
2020-10-24 19:53:41
409
原创 Web前端面试题——浅谈盒子模型
CSS盒子模型引用官方的话，所有html元素可以看作盒子，CSS盒模型本质是一个盒子，封装周围的HTML元素，包括外边距，边框，内边距和内容W3C盒子模型(标准盒子模型)一般来讲我们在CSS中定义的width和height都是设置content的宽高，而盒子的总宽高 = content宽高 + 2 * margin + 2 * padding + 2 * borderIE盒子模型(怪异盒子模型)相对于标准盒子模型，css中设置的宽高属性就盒子而言是指content+padding+border的
2020-05-22 23:23:11
1184
原创 前端面试题——HTTP 常见状态码
HTTP 常见状态码100-199 用于指定客户端应相应的某些动作。100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200-299 用于表示请求成功。200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务...
2020-01-14 16:46:52
794
原创 js前端时间格式相互转换
时间戳时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。获取当前时间获取当前时间（格林威治时间）new Date()// Mon Nov 04 2019 11:18:38 GMT+0800 (中国标准时间)获取当前时间戳，以秒s为单位Math.round(new Date() / 1000)// ...
2019-11-04 14:30:28
1837
原创 Quartz表达式介绍及简单使用
CronTrigger哈哈哈，这篇blog是最近憋着等着1024节来混勋章的之前做过一个关于定时任务的一个功能，接触过Cron表达式，做了一点了解，个人觉得表达式方便又简洁，有必要要写一篇记录一下Quartz 是一个完全由 Java 编写的开源作业调度框架，为在 Java 应用程序中进行作业调度提供了简单却强大的机制。Quartz 可以与 J2EE 与 J2SE 应用程序相结合也可以单独...
2019-10-24 22:18:47
1680
原创 vi/vim入门使用——常用命令
vi/vim使用三种模式的切换常用的命令命令模式底线命令模式三种模式的切换一般刚启用vim、vi时，默认就是命令模式切换类型操作命令模式切换到输入模式键入i\a\o命令模式切换到底线命令模式键入:其他模式切换回命令模式ESC常用的命令命令模式x 可以在命令模式下删除当前光标所在的字符底线命令模式q 退出wq 保存并退出q! 不保存退...
2019-10-16 14:18:16
587
原创 Vue组件间相互通信（一）
父组件向子组件传值流程：1、父组件中引入子组件2、在父组件中通过v-bind绑定属性3、子组件中通过props获取到父组件传递的值父组件<template> <div class='father' id="app"> <input type="text" v-model="fathermsg"> <h3>这里是爸爸&l...
2019-10-09 15:59:25
1028
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人