前端共1940篇 第7页
前端

前端性能优化之页面加载

前言 在日常项目中,我们都会遇到页面加载速度较慢的问题,影响了用户的体验,在这边记录一下处理的一些方式。 一.代码压缩和资源优化 对于 CSS 和 JavaScript 文件,使用压缩工具进行压缩和合...
admin的头像-五八三admin2年前
0120
两分钟看完前端必知的数据库知识!转向全栈的第一步-五八三

两分钟看完前端必知的数据库知识!转向全栈的第一步

什么是数据库 数据库是以一定方式储存在一起,并能与多个用户共享,并具有尽可能小的冗余度,且与应用程序彼此独立的数据集合。可将其视为电子化的文件柜——存储电子文件的场所,用户可以对文...
两行CSS帮助页面提升了近7倍渲染性能!-五八三

两行CSS帮助页面提升了近7倍渲染性能!

一、前言 对于前端人员来讲,最令人头疼的应该就是页面性能了,当用户在访问一个页面时,总是希望它能够快速呈现在眼前并且是可交互状态。如果页面加载过慢,你的用户很可能会因此离你而去。所...
admin的头像-五八三admin2年前
020
vue-router之hash与history,以及nginx配置-五八三

vue-router之hash与history,以及nginx配置

本篇讲解前端项目的路由模式(以vue-router为例),以及history模式下的项目部署问题。 vue-router的路由模式可以通过指定mode属性值控制,可选值:'hash' 、'history'、 'abstract' , 默认:'...
admin的头像-五八三admin2年前
080
css常见的面试题(二)-五八三

css常见的面试题(二)

整理了一些css常见的面试题,如有问题,欢迎指正~ 1、margin塌陷问题及解决 1、 margin塌陷现象:在垂直方向如果有两个元素的外边距有间距,在浏览器中加载的真正的外边距不是两个间距的加和,...
admin的头像-五八三admin2年前
050
前端开发之ESLint与Prettier-五八三

前端开发之ESLint与Prettier

1.介绍 JavaScript是一个弱类型语言,在开发上相对其他语言更加灵活,但这种便捷同时也带来了更大的问题,会产生很多冗余代码,代码风格不一致在团队开发中使项目越来越难以维护。 ESLint是一个...
admin的头像-五八三admin2年前
030

gis 开发中 pixel、meter、tile、lnglat 互相转换

完整源码:pixel、meter、tile、lnglat 互相转换 在地图开发中,会遇到 pixel(像素)、meter(米)、tile(瓦片)、lnglat(经纬度) 之间的转换 它们之间的转化看似很复杂,其实只要理解了其...
admin的头像-五八三admin2年前
040
RxJS 是前端开发的未来吗?-五八三

RxJS 是前端开发的未来吗?

我正在参加「掘金·启航计划」 针对RxJS 是不是前端开发的未来? 这个问题,大家可以各抒己见!如果还不了解 RxJS,可以跟着本文一起大概的去学习一下,再做出自己的判断。 学习一项新的技术,...
Quark,再起航!哈啰Quarkc正式开源,低成本构建跨技术栈前端组件!-五八三

Quark,再起航!哈啰Quarkc正式开源,低成本构建跨技术栈前端组件!

宣布一个好消息: 为了实现让组件技术栈无关,Quark 技术生态推出又一技术产品,Quarkc! 未来,将有哈啰平台前端团队持续提供技术支持及Quark技术生态建设(非KPI项目,持续迭代)。 Quarkc将...
admin的头像-五八三admin2年前
070
优化Echarts自带的图例点击事件,点击什么显示什么-五八三

优化Echarts自带的图例点击事件,点击什么显示什么

背景 开发需要改动一下Echarts自带的图例点击事件,默认所带的效果是:点击什么隐藏什么,而需求则为点击什么显示什么,则需要重写其图例的触发事件函数。 原理 Echarts在检测到图例点击时,将...
admin的头像-五八三admin2年前
0100

SEO中的TDK是什么

在SEO(搜索引擎优化)中,TDK是指Title、Description和Keywords,这是网页的三个重要元素,用于优化网页的排名和搜索可见性。 Title(标题):网页的标题是最重要的元素之一,它在搜索结果中显...
想不到空间站?️是这样飞的...-五八三

想不到空间站?️是这样飞的…

哈喽,今天用CSS实现围绕「地球?」旋转的「空间站?️」。 效果 从图片中可以看出,整体分为3部分: 黑色背景 旋转的「地球?」 围绕地球飞行的「空间站?️」 实现 空间站 从正对屏幕看,「空间站...
admin的头像-五八三admin2年前
0110

用JavaScript打造全新编程语言:从无到有的完整实践指南

前言 过去几年, JavaScript已经成为互联网应用程序的主流编程语言,但您是否曾经想过,我们可以为日益发展的Web应用程序创建一种全新的编程语言,从而在这一方面保持领先地位。本文旨在提供一...
打造一款属于自己的VScode插件(完整版本)-五八三

打造一款属于自己的VScode插件(完整版本)

简介 打造一款专属你的vscode的插件,这一期将分享VScode插件的创建,下面我会结合我个人开发的JS TO TS来讲解。VScode插件本身并不难,难在你想实现插件的想法。在你日常开发遇到的繁杂的操作...
admin的头像-五八三admin2年前
030
五、登录页面开发-五八三

五、登录页面开发

前言 前面已经完成了一些基础的配置,接下来开始进入真正的开发阶段。开发过程中会涉及到一些其它插件的集成,这里用到什么就记录一下使用的心得体会。 1. 清除初始化时自动生成的一些组件 asse...
admin的头像-五八三admin2年前
090
手把手教你实现鼠标放大镜特效-五八三

手把手教你实现鼠标放大镜特效

前言 这次带来的是一个非常丝滑的鼠标移动特效,移动鼠标的时候可以有放大镜效果,具体效果可以查看下面的码上掘金。 效果预览 当鼠标移动到某一处位置时,便会出现一个类似于放大镜的效果,点...
admin的头像-五八三admin2年前
040
补充:mockJs 调整-五八三

补充:mockJs 调整

前言 前面通过直接引入整合了 Axios + MockJs ,虽然可以快速生成想要的接口数据,但是使用的过程中发现,在浏览器调试的时候并没有发出真正的请求,想要看到请求结果和数据只能通过,打印到控...
admin的头像-五八三admin2年前
070
diff算法核心原理精讲之双端比较-五八三

diff算法核心原理精讲之双端比较

大家好,我是苏先生,一名热爱钻研、乐于分享的前端工程师,跟大家分享一句我很喜欢的话:人活着,其实就是一种心态,你若觉得快乐,幸福便无处不在 github与好文 TypeScript知识点和99个类型体...
admin的头像-五八三admin2年前
030
我有个气人的同事......-五八三

我有个气人的同事……

我正在参加「掘金·启航计划」 曾经,我有个气人的同事,总是喜欢用 console.error() 来调试代码,搞得我和他合作,看到控制台老难受了,就为他特殊定制了一个工具库 console-custom。沉寂在个...
我要再看一遍 ChatGPT 打字机流式回复(SSE&WebSocket)-五八三

我要再看一遍 ChatGPT 打字机流式回复(SSE&WebSocket)

前言 相信我们现在对 ChatGPT 已经非常熟悉了,知道它很强大,能够与我们人类进行自然语言的交流。在 ChatGPT 的网页端,我们最直观能感受到的除了它惊人的'聪明',另一个在视觉上的感受就是,...
admin的头像-五八三admin2年前
060