前端共1940篇 第5页
前端
排序
vue-router实现动态路由
1. 什么是动态路由 动态路由不同于常见的静态路由，静态路由 是前端配置好的一套路由列表，在项目中登录后即可访问配置好的路由页面，也不会因为账号的不同有所限制；而 动态路由 则相反，如果...
2年前
页面0到1
页面0到1 目录 功能开发 传统 在开发网页的时候，无论是使用 jQuery 还是原生的 JavaScript，大体的步骤都是这样的： 编写 HTML 页面结构，并规划哪些元素有可能会有交互，并赋予它们 ID 属性，...
2年前前端不同仓库之间联调方法
背景 A项目要使用B包，B包处在研发阶段。A和B组件之间传递数据还比较复杂，AB还属于不同地域。 简单粗暴方法，就是直接把代码搞在本地，然后去调试。 那除了这种粗暴方法其他有高端的办法吗? 模...
2年前
「返璞归真 回归 DOM」理解飞书小程序性能翻倍的核心
封面由 AI 生成，图文无关 前言 小程序，作为新一代的应用开发方式，虽然在业务上已经证明了巨大的价值，但是在开发者友好性上却非常的差，例如框架难用，调试困难，跨平台兼容性差。本文便是在...
2年前
优雅的时钟翻页效果，让你的网页时钟与众不同！
你有没有想过给你的网页时钟添加翻页效果，让它更引人注目，更酷炫吗？如果是的话，你来对地方了！ 这篇文章将教你如何通过简单的步骤，为你的网页时钟添加翻页效果。 无论你是 web 开发初学者...
2年前
canvas封装Img对象
前言 学习目标 创建Img对象 知识点 drawImage 矩阵 前情回顾 之前我们创建了Object2D对象，接下来我们接着往上写Img对象。 1-Img对象的功能分析 Img对象是对canvas的drawImage() 方法的封装，若...
2年前
优化图片和视频的加载过程，提升用户体验
展示效果 （因为掘金不能上传视频，所以转成动图之后分辨率比较低，还望多包涵） 展示都是基于 Slow 3G 弱网下的效果。 优化前 这种体验交较差，在图片下载完之前，本应该展示图片的区域会长时...
2年前
Vue缓存字典值减少网络请求次数
导读 在一些项目里，我们可能有着大量的下拉框，而这些下拉框的数据就来源于我们后端接口返回的字典信息。于是，画风可能是这样的，每次下拉，你都需要请求一次字典接口拿到这些数据，于是每次...
2年前业务实践篇5：多种样式适配的经验
背景：项目第一版已经做好了，后面发现这个项目需要适配白色主题和暗黑主题，第一版是以白色主题为主的，前期也并没有以颜色值变量的方式开发。经过一周多的打磨（很烦），完成了项目的两种样式...
2年前什么，产品让我实现自动播放？
前言 最近，在逛一些技术群时，看到有人在吐槽，这个video媒体标签设置autoplay属性怎么不生效。不生效就算了，为什么我在dom渲染完成时去获取video元素（假设获取到的元素为el），然后执行el.p...
2年前
我裸辞了
前言 时间过得真快，不知不觉已经23岁了。今年是我工作的第4年，入职现在的公司也2年了。完成了2年前定下的目标，成功弥补了自己项目上的短板以及技术深度的不足。 经过一番深思熟虑后，我决定...
2年前
认识打印重要的CSS属性：print-color-adjust
背景 在日常开发中特别是后台系统中，大概率会涉及到打印的需求。这个时候往往会痛苦的是对于页面UI的还原。在实际开发过程中，在唤起打印的预览界面与实际的网页展示效果大相径庭。就以自身遇...
2年前
Stack Overflow 2023 开发者调查报告重磅发布，Rust 成为最受推崇的语言！
6 月 15 日，程序员社区 Stack Overflow 正式发布了 2023 年度的开发者调查报告——《2023 Developer Survey》，全球超过 90000 名开发者参与了此次调查。今年的调查包含了编码、技术、工作、AI...
2年前深度解析JS事件驱动模型：如何理解浏览器中的异步回调和事件循环
日常刷JS面试题，难免会遇到这么一道：请简述JS的事件驱动模型。各位小伙伴是否也曾经有过这样的经历，对着这道题，一脸懵逼，一脸蒙圈。今天，ChatAi就要来给大家普及一下 JS 事件驱动模型的相...
2年前
请收好这些日常必备的代码片段，让您码得更快！
起步 在前端项目的开发过程中，我会将一些在多个项目中比较常用实用的代码片段收藏起来放到我的仓库中，方便后续自己在开发项目时，就可以直接找到之前的代码，而不是去找以前的项目再去找里面...
2年前
分享6个SQL小技巧
简介# 经常有小哥发出疑问，SQL还能这么写？我经常笑着回应，SQL确实可以这么写。其实SQL学起来简单，用起来也简单，但它还是能写出很多变化，这些变化读懂它不难，但要自己Get到这些变化，可能...
2年前
Flutter – IM保持消息位置大升级(支持ChatGPT生成式消息) ?
欢迎关注微信公众号：FSA全栈行动 ? 系列文章 开源库: flutter_scrollview_observer Flutter - 获取ListView当前正在显示的Widget信息 Flutter - 列表滚动定位超强辅助库，墙裂推荐！? Flutter ...
2年前
vue 的插槽实现原理 之 作用域插槽
前言 由于知识点过于密集，需要慢慢梳理于是将插槽的实现原理分为了上下两篇 接上篇文章 vue 的插槽实现原理 之 具名插槽 的续集，这次来讲讲作用域插槽的实现 相信有了上一篇文章的学习对这篇...
2年前
手牵手带你实现mini-vue | 京东云技术团队
1 前言 随着 Vue、React、Angularjs 等框架的诞生，数据驱动视图的理念也深入人心，就 Vue 来说，它拥有着双向数据绑定、虚拟dom、组件化、视图与数据相分离等等造福程序员的优点，那 Vue 的双...
2年前
JS继承之原型链继承 —红宝书阅读总结
原型链继承 书中开始有这段话：重温一下构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个指针指向原型。 如果学过构造函数创建对象的方法...
2年前