前端
文章平均质量分 63
前端日常学习记录
Echo___Echo
为什么天南地北不能互相体谅
展开
-
前端请求跨域问题跨域
在这里插入代码片项目项目项目项目1项目2项目3 计划任务 完成任务Markdown将文本转换为 HTML。*[HTML]:超文本标记语言标记文本原创 2023-10-24 23:33:17 · 71 阅读 · 0 评论 -
爬坑日记--输入框回车自动刷新页面问题
表单 输入框回车自动刷新页面原创 2022-10-24 23:24:09 · 350 阅读 · 1 评论 -
Vue 引入腾讯地图 API 与实际应用保姆级分享
腾讯地图原创 2022-09-14 16:00:12 · 3817 阅读 · 4 评论 -
封装 Anchors 锚点组件
背景:需求是页面要加一个锚点功能用户通过点击快速定位到指定位置,同时页面增加滚到监听功能,动态激活锚点先上效果图解题思路1 实现点击锚点,页面滑动到指定范围2 页面滚到增加监听事件,判断当前出去那个锚点区域,对应锚点置为激活状态Let’s do it!!!1.实现点击锚点,页面滑动到指定范围实现步骤:step1: 在锚点组件点击对应锚点,获取到是第 n 个锚点被点击了,获取对应 dom 元素step2: 需要滚动得高度 = 获取到第 n 个锚点所在父容器得位置 + 页面卷起来得.原创 2021-11-10 17:01:53 · 1277 阅读 · 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 · 4669 阅读 · 4 评论 -
Vue生命周期钩子函数理解与使用场景
Vue生命周期钩子函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。那我们来演示一下在一个 Vue 实例从初始化到渲染以及最终销毁这一系列变化中,数据以及挂载的实例都经历了什么变化<!DOCTYPE html><html> <head> <meta原创 2021-04-29 10:24:18 · 1539 阅读 · 0 评论 -
浅析JS深拷贝与浅拷贝
深拷贝和浅拷贝是只针对Object和Array引用类型的,为什么这么说呢,要理解深拷贝与先拷贝,首先我们要搞懂数据类型的存储方式数据类型数据类型分为基本数据类型和引用数据类型基本数据类型:String,Number,Boolean,Null,Undefined引用数据类型:Object这两种类型存储方式的区别基本类型数据直接存储在栈内,而引用型数据类型是在栈中存放指针,通过指针指向,在堆中找到真实的数据内容,所以说深拷贝和浅拷贝只针对与引用类型浅拷贝对于浅拷贝而言,只是单单拷贝了对象的.原创 2020-05-23 20:12:20 · 1006 阅读 · 0 评论 -
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 · 1170 阅读 · 0 评论 -
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 · 1014 阅读 · 0 评论 -
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 · 1817 阅读 · 0 评论 -
前端面试题——HTTP 常见状态码
HTTP 常见状态码100-199 用于指定客户端应相应的某些动作。100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息200-299 用于表示请求成功。200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务...原创 2020-01-14 16:46:52 · 779 阅读 · 0 评论