前端开发
刷新
记录--try...catch知识补全

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说到try...catch都觉得非常熟悉了，不就是用来捕捉代码块中的错误嘛，平时也用得比较多的。然而因为了解不够多，我的面试却栽在了一个简单的知识点上：try...catch只能捕捉到同步执行代码块中的错误。 题目是：以下代码有错吗？如果 ...

css+js瀑布流布局实现

博主头像 记录一个瀑布流布局问题的解决过程 最开始使用js实现，将子元素进行绝对定位，根据宽高及顺序判断定位的top与left。 问题：存在新增子元素页面加载不及时的问题，会出现子元素初始状态叠加在一起，计算完成后才能正常显示。 点击查看代码 window.onload = () => { /* 传入wate ...

关于vite的跨域问题

博主头像 报错 Access to XMLHttpRequest at '<http://localhost:3000/player>' from origin '<http://localhost:4000/>' has been blocked by CORS policy: No 'Access-Con ...

袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ...

记录--工程化第一步这个package.json要真的搞明白才行

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再 ...

DOM操作之元素查找

通常我们操作一个元素节点前都需要查找到这个元素，查找到这个元素有两种方式。 使用选择器函数查找元素 通过元素的关系属性来查找元素 使用选择器函数查找 getElementById 通过节点元素的ID得到此节点 <!DOCTYPE html> <html lang="en"> <head> <meta ...

记录--聊聊图片预加载

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 聊聊图片预加载 关于图片的加载，不同的需求有不同的实现，比如图片过多时候的懒加载，为了保证效果的预加载。 如何进行图片的预加载 前端实现图片的预加载，其实是利用了浏览器的缓存，我们通过 a 标签来提前加载图片，如下： const img ...

Chrome扩展程序是如何进行消息传递的

博主头像 一个复杂的 Chrome 扩展程序通常由 `content_scripts`，`background`，`action popup`，`side panel`，`options page`，`devtools` 等部分组成，这些部分所负责的功能各不相同，所处的运行环境各不相同，所能访问的 `chro... ...

【UniApp】-uni-app-项目实战页面布局(苹果计算器)

博主头像 前言 经过前面的文章介绍，基本上 UniApp 的内容就介绍完毕了 那么从本文开始，我们就开始进行一个项目的实战 这次做的项目是苹果计算器，这个项目的难度不是很大，但是也不是很简单，适合练手 创建项目 打开 HBuilderX，点击左上角 文件 -> 新建 -> 项目： 搭建基本布局 项目创建完毕之 ...

记录--前端验证码破解

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近受够了公司内部站点每次登陆都需要填写用户名和密码，还有输入验证码。 要是能够直接跳过登陆页面就好啦。 说干就干，决定使用油猴插件实现自动登陆功能。 其中最难解决的就是验证码破解，花了一天的时间完美解决，现在整理出来。 1.分析验证码 ...

记录--Vue3问题：如何实现组件拖拽实时预览功能？

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ...

10个必备的 async/await 工具函数

博主头像 | 当谈到异步编程时，async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例，以及对它们的代码用途的解析： 1.异步获取数据 async function fetchData() { const response = await fetch(' ...

使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理

博主头像 在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ...

在 JS 中调整 canvas 里的文字间距

博主头像 实现说明： 在 JS 中 canvas 原生没有支持对文字间距的调整，我们可以通过将文字的每个字符单独渲染来实现。本案例从 CanvasRenderingContext2D 对象的原型链上扩展了一个用于绘制带间距的函数 fillTextWithSpacing()，使用方式与原生 fillText() ...

<1···444546···50>