刷新
记录--Loading 用户体验 - 加载时避免闪烁

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在切换详情页中有这么一个场景,点击上一条,会显示上一条的详情页,同理,点击下一条,会显示下一条的详情页。 伪代码如下所示: 我们定义了一个 switcher 模版, 用户点击上一条、下一条时调用 goToPreOrNext 方法。该页面通 ...

Vue 路由懒加载

博主头像 随着 Web 应用的复杂性不断增加,性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术,它可以帮助我们提高 Web 应用的加载速度,从而提升用户体验。 在本篇技术博文中,我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧,帮助开发人员... ...

记录--用css画扇形菜单

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1、效果图 用手机录屏再用小程序转换的gif,可能精度上有点欠缺。 2、实现过程 1、观察及思考 开始编码前我们首先观察展开后的结构:两个四分之一的圆加三个圆形菜单项。 文章名为用css画扇形,如上图所示没有任何Javascript辅助却 ...

Vue全家桶系~1.Vue2基础(兼容)

博主头像 # Vue基础学习 HTML+CSS+JS基础文档: Vue3官网文档: | Vue2文档: 个人建议:对于小白和新手,以及只会HTML+CSS+JS基础的人来说,别上来就搞那一套高度封装的开发方式,开发是很方便,调bug也是非常麻烦的。先以这种脚本引入+HTML的**混合开发**入手,熟悉之后再用 ...

Flutter系列文章-Flutter UI进阶

博主头像 在本篇文章中,我们将深入学习 Flutter UI 的进阶技巧,涵盖了布局原理、动画实现、自定义绘图和效果、以及 Material 和 Cupertino 组件库的使用。通过实例演示,你将更加了解如何创建复杂、令人印象深刻的用户界面。 ...

React 实现文件分片上传和下载

博主头像 在开发中,文件的上传和下载是常见的需求。然而,当面对大型文件时,直接的上传和下载方式可能会遇到一些问题,比如网络传输不稳定、文件过大导致传输时间过长等等。为了解决这些问题,我们可以使用文件分片上传和下载的方式来提高效率和稳定性。 文件分片上传的主要思想是将大文件分解成多个较小的部分,然后分别进行上... ...

js玩儿爬虫

博主头像 # 前言 提到爬虫可能大多都会想到python,其实爬虫的实现并不限制任何语言。 下面我们就使用js来实现,后端为express,前端为vue3。 # 实现功能 话不多说,先看结果: ![image](https://img2023.cnblogs.com/blog/1769804/202308/1 ...

记录--浏览器渲染15M文本导致崩溃怎么办

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近,我刚刚完成了一个阅读器的txt文件阅读功能,但在处理大文件时,遇到了文本内容过多导致浏览器崩溃的问题。 一般情况下,没有任何样式渲染时不会出现什么问题,15MB的文件大约会有3秒的空白时间。 <div id="content"></ ...

精简的Vue Elenent ui界面

博主头像 仓库地址:https://gitee.com/JSTGitee/element-jst-admin 登录 首页 表格 前言 该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。基于 Vue2,使用 vue-cli2 脚手架,引用 Element ui 组件库,方便开发快速简洁好看的 ...

CSS 选择器优先级

博主头像 # CSS 选择器权重 声明:本文参考来源于[MDN CSS 优先级](https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity)(80%)和B站尚硅谷的[课程](https://m.bilibili.com/video/BV1p84y ...

实践指南-前端性能提升 270%

博主头像 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 ...

Vue3 大屏数字滚动效果

博主头像 随着大屏幕技术的发展,大屏数字滚动效果在各种应用场景中越来越常见,例如数字展示、统计数据展示等。Vue3 作为一种流行的前端开发框架,提供了强大的工具和便捷的开发方式,非常适合实现大屏数字滚动效果。 本篇博文将介绍如何使用 Vue3 来实现大屏数字滚动效果。在实现过程中,我们可以使用调试工具进行测... ...

记录--使用 JS 实现基本的截图功能

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 思路分析 在开始动手之前,分析一下整个功能的实现过程: 根据图片大小创建 canvas1 画布,并将原图片直接定位在 canvas1 上; 在画布上添加一个蒙层,以区分当前 canvas 图像是被裁剪的原图像; 在蒙层上方,对裁剪区域(鼠 ...

Element-Plus 学习笔记一

博主头像 这几天在学vue3, 用Element-plus 加 vue3 搭了个框架,在这里记录一下项目搭建中遇到的问题。 1、使用 Element-plus 的 icon 图标,显示不出来 首先,用命令行中安装 Element-plus 的图标: npm install @element-plus/icon ...

React Router@3.x 升级到 @6.x 的实施方案

博主头像 >我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/),致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 >本文作者:景明 ## 升级背景 目前公司产品有关 react 的工具版本普遍较低,其中 react router ...

使用 Vue 实现页面访问拦截

博主头像 在现代的 Web 应用程序中,页面访问拦截是非常重要的一个方面。它可以用于确保用户只能访问他们有权限的页面,提高应用程序的安全性和用户体验。本篇博文将介绍如何使用 Vue 框架来实现页面访问拦截的功能。 ...

<1···4950