腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
腾讯云架构师技术同盟
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
腾讯云架构师技术同盟
返回腾讯云官网
夏天的前端笔记
专栏成员
举报
196
文章
71957
阅读量
26
订阅数
订阅专栏
申请加入专栏
全部文章（196）
前端（46）
函数（38）
数据（38）
对象（35）
数组（25）
浏览器（24）
变量（21）
接口（19）
事件（17）
开发（13）
渲染（11）
布局（11）
配置（11）
微信小程序（11）
系统（10）
动画（9）
面试（9）
索引（9）
小程序（8）
class（8）
el（8）
view（8）
基础（8）
搜索（8）
异步（8）
容器（7）
存储（7）
表格（7）
后端（7）
教程（7）
字符串（7）
html（6）
程序（6）
工具（6）
内存（6）
优化（6）
语法（6）
git（5）
data（5）
遍历（5）
表单（5）
登录（5）
工作（5）
后台（5）
继承（5）
脚本（5）
命令行（5）
性能（5）
原型（5）
官方文档（4）
javascript（4）
css（4）
typescript（4）
缓存（4）
npm（4）
console（4）
date（4）
image（4）
return（4）
scope（4）
select（4）
table（4）
var（4）
百度（4）
插件（4）
管理（4）
解决方案（4）
开发者（4）
模型（4）
线程（4）
效率（4）
foreach（3）
height（3）
icon（3）
list（3）
message（3）
mysql（3）
vue3（3）
vuex（3）
web（3）
编译（3）
测试（3）
递归（3）
定时器（3）
服务器（3）
集合（3）
接口文档（3）
镜像（3）
连接（3）
乱码（3）
设计（3）
数据类型（3）
通信（3）
响应式（3）
移动端（3）
原理（3）
打包（2）
网站（2）
eslint（2）
sass（2）
微信（2）
数据结构（2）
border（2）
cli（2）
click（2）
code（2）
default（2）
element（2）
error（2）
flex（2）
form（2）
for循环（2）
import（2）
input（2）
map（2）
onload（2）
overflow（2）
padding（2）
reduce（2）
script（2）
src（2）
timing（2）
title（2）
url（2）
wrapper（2）
编程（2）
编码（2）
部署（2）
地图（2）
队列（2）
分页（2）
服务（2）
技巧（2）
进程（2）
开发环境（2）
框架（2）
垃圾回收（2）
链表（2）
路由（2）
排序（2）
权限（2）
上传图片（2）
生命周期（2）
手机（2）
算法（2）
图表（2）
推送（2）
异常（2）
源码（2）
原型链（2）
组件库（2）
作用域（2）
jquery（1）
json（1）
android（1）
mvc（1）
eclipse（1）
maven（1）
linux（1）
http（1）
网络安全（1）
正则表达式（1）
面向对象编程（1）
数据处理（1）
https（1）
云开发（1）
验证码（1）
action（1）
animation（1）
app（1）
assets（1）
assign（1）
async（1）
auto（1）
bezier（1）
branch（1）
break（1）
bug（1）
button（1）
case（1）
cell（1）
checkout（1）
ci（1）
cmd（1）
cnpm（1）
comments（1）
component（1）
css3（1）
display（1）
document（1）
dom（1）
export（1）
file（1）
filter（1）
function（1）
get（1）
gitlab（1）
gradient（1）
h2（1）
hash（1）
header（1）
hidden（1）
key（1）
line（1）
loading（1）
math（1）
mixins（1）
mvvm（1）
native（1）
navicat（1）
null（1）
nvm（1）
object（1）
opacity（1）
openid（1）
picker（1）
placeholder（1）
png（1）
policy（1）
popup（1）
position（1）
post（1）
postman（1）
promise（1）
root（1）
route（1）
row（1）
scss（1）
send（1）
size（1）
state（1）
store（1）
substr（1）
substring（1）
sum（1）
tabs（1）
target（1）
this（1）
timeline（1）
token（1）
ui（1）
upload（1）
vite（1）
warnings（1）
watch（1）
watermark（1）
webkit（1）
width（1）
worker（1）
workspace（1）
百度地图（1）
版本管理（1）
闭包（1）
代码规范（1）
代码优化（1）
服务端（1）
公众号（1）
华为（1）
计算机（1）
加密（1）
监控（1）
兼容性（1）
客户端（1）
可视化（1）
跨域（1）
浏览器兼容性（1）
模块化（1）
前端框架（1）
权限控制（1）
入门（1）
软件开发（1）
摄像头（1）
调试（1）
调试工具（1）
同步（1）
统计（1）
图片上传（1）
网络（1）
协议（1）
性能优化（1）
需求分析（1）
域名（1）
重定向（1）
主机（1）
装饰器（1）
组件化（1）
云函数（1）
标签（1）
搜索文章
搜索
搜索
关闭
时间轴的实现
前端
设计
图表
timeline
可视化
需求背景：现在有一个时间比如13:00到17:00的时间段图，然后有个13:10到13:45的时间，如何定位画出时间段图。 要在前端用Vue和JavaScript实现一个可视化的时间段图，并在其中标示特定的时间段，你可以使用HTML的元素来绘制时间线，或者使用更高级的库如D3.js或Chart.js来简化图表的创建。这里我将展示如何使用简单的CSS和HTML来创建一个静态的时间段图，以及如何使用Vue动态更新这个图形。
程序媛夏天
2025-01-15
130
0
华为鸿蒙原生应用碰一碰分享
布局
华为
事件
数据
系统
华为分享新推出碰一碰分享，支持用户通过碰一碰发起跨端分享，可实现传输图片、共享wifi等。
程序媛夏天
2025-01-13
83
0
鸿蒙原生应用如何才能拉起系统浏览器？
系统
action
开发者
浏览器
配置
开发者可以通过隐式指定want参数中的action为ohos.want.action.viewData来拉起浏览器应用，并在want参数中的uri配置拉起后打开的网页链接。具体可参考如下代码。
程序媛夏天
2025-01-09
89
0
小白也懂的 Pinia 基础知识全解
登录
管理
数据
通信
存储
虽然Vue提供的父传子、子传父以及跨组件通信也可以用于状态共享但在大型项目中,随着组件数量的增加,会导致以下问题: 1.组件之间传递大量的props,会使项目变得非常繁琐和难以维护 2.非父子组件间过度依赖provide/iniect,使状态散落在各个组件之间
程序媛夏天
2024-11-19
190
0
Pinia 入门：零基础开启 Vue 状态管理之旅
管理
函数
基础
开发者
入门
在现代 Vue 应用开发中，高效的状态管理是构建强大、可维护应用的关键。Pinia 作为一种新兴的状态管理方案，为 Vue 开发者带来了全新的体验。本文将带你从零开始，深入了解 Pinia 的基础知识，开启 Vue 状态管理的精彩之旅。
程序媛夏天
2024-11-19
269
0
Vue3 之 provide 和 inject：组件间通信的神奇利器
vue3
管理
函数
数据
响应式
在 Vue 3 中，provide和inject是用于组件之间进行深层次数据传递的一对组合。它们可以跨越多个组件层级来共享数据，而不需要通过层层传递props的方式。
程序媛夏天
2024-11-13
430
0
必知的 Vue3 组件传值技巧：解锁组件交互新姿势
数据类型
vue3
技巧
事件
数据
在 Vue 3 中，父传子是一种组件间通信的方式，用于将父组件的数据传递给子组件。这种通信方式可以让组件之间更好地协作，实现功能的复用和模块的划分。
程序媛夏天
2024-11-13
444
0
前端框架新势力大盘点
开发者
框架
前端框架
网站
开发
近年来，前端领域快速发展，新的框架不断涌现，为开发者提供了更多选择和解决方案。尽管 React、Vue、Angular、Next.js、Preact 等老牌框架依然稳坐市场主流，但新势力前端框架的崛起也为特定场景带来了更佳的适配和优化。接下来，我们将一探近三年年出现的前端框架新势力，深入了解它们的特点以及主要解决的问题，共同探索这些新势力框架如何为前端开发注入新的活力与可能性。
程序媛夏天
2024-05-25
368
0
盘点12个Vue 3的高颜值UI组件库
组件库
ui
开发
设计
移动端
今天给大家盘点12个Vue 3的高颜值UI组件库，凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库，用广东话讲：个个都靓。
程序媛夏天
2024-05-04
10.1K
0
map与forEach的区别
foreach
map
函数
数组
原型
JavaScript中的map和forEach都是数组原型上的方法，它们都可以用来遍历数组，但是它们之间存在一些基本的区别：
程序媛夏天
2024-04-29
86
0
前端开发需掌握的linux命令行
进程
命令行
系统
linux
网络安全
以上这些命令行在前端开发中经常使用，能够熟练掌握它们，可以更方便地在Linux系统中进行文件操作和日常维护。
程序媛夏天
2024-04-25
124
0
前端怎样做权限控制的？
前端
权限
权限控制
系统
接口
在做系统时，我们常常因为使用该系统或软件的用户不同，要给到不同角色不同的模块权限控制。那前端是怎样做权限控制的？下面我将为你提供一些实际操作的例子，帮助你更具体地理解如何实施系统权限控制。
程序媛夏天
2024-04-18
472
0
git 的基本命令行
branch
工具
工作
命令行
git
git 是一个分布式版本控制系统，它允许开发者跟踪项目中文件的变更历史。以下是 git 的一些基本命令行操作：
程序媛夏天
2024-04-18
120
0
某大厂前端笔试题(一）
数据
数组
索引
字符串
前端
3.给定一个整数数组 a，其中1≤a[i]≤sn（n为数组长度），其中有些元素出现两次而其他元素出现一次。找到所有出现两次的元素。你可以不用到任何额外空间并在O（n）时间复杂度内解决这个问题吗？ function findRepeat2Element (arr: number [ ]) i // TODO: ｝
程序媛夏天
2024-04-18
289
0
Web Worker 优化长任务
通信
线程
优化
web
worker
由于浏览器 GUI 渲染线程与 JS 引擎线程是互斥的关系，当页面中有很多长任务时，会造成页面 UI 阻塞，出现界面卡顿、掉帧等情况
程序媛夏天
2024-04-18
147
0
说说懒加载怎样实现
事件
数据
性能
渲染
缓存
懒加载（Lazy Loading）是一种优化技术，它允许延迟加载资源的执行，直到这些资源真正需要时才加载。这种方法可以提高性能，因为它减少了初始加载时间，并可以节省带宽。
程序媛夏天
2024-04-18
286
0
for in与for of的区别
索引
遍历
变量
对象
数组
在JavaScript中，for…in和for…of都是用来遍历集合的循环控制结构，但它们之间存在一些重要的区别：
程序媛夏天
2024-04-10
448
0
代码实操：一文讲解js继承的多种实现方式
原型链
console
对象
函数
继承
优点：融合原型链继承和构造函数的优点，是 JavaScript 中最常用的继承模式。
程序媛夏天
2024-04-02
81
0
js深拷贝常用的方法
hash
return
target
对象
函数
在JavaScript中，实现深拷贝（deep copy）有多种方法。以下是一些常用的方法：
程序媛夏天
2024-03-28
787
0
搜索结果列表下拉滑动触底时，自动加载更多搜索结果怎么实现?
数据
搜索
分页
后端
接口
实现搜索结果列表下拉滑动触底时自动加载更多搜索结果的功能，通常涉及到前端页面滚动事件的监听、后端数据接口的调用以及前端列表的渲染。以下是一个基本的实现步骤和示例：
程序媛夏天
2024-03-21
297
0
点击加载更多
社区活动
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档
