因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺，不如通过一些工具来进行规范和约束。 eslint eslint 是一个代码校...[2023/8/7]

0x01 说明 在fastjson的1.2.80版本中可以通过将依赖加入到java.lang.Exception 期望类的子类中，绕过checkAuto。 0x02 简析 { "@type":"java.lang.Exception", "@type":"org.codehau...[2023/8/4]

我们非常高兴地宣布，OpenTiny Vue Playground 正式上线！ 链接：https: opentiny.github.io/tiny-vue-playground/ 在此非常感谢 xiaoy 同学对 OpenTiny Vue Playground 项目的贡献！ xiaoy 同...[2023/8/4]

摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 相信大家在职场中经常会用到流程图，在互联网行业，绘制流程图不论在产品的设计阶段，还是后期优化业务流程的阶段，都有着巨大的价值。事实上，不仅是互联网行业...[2023/8/4]

假设需要通过SignalR发送消息通知，并在前端接收消息通知的功能 创建SignalR服务 在项目中引用 abp add-package Volo.Abp.AspNetCore.SignalR 在Module文件中添加对模块依赖 [DependsOn( ... type...[2023/8/4]

前言 专栏分享：vue2源码专栏，vue router源码专栏，玩具项目专栏，硬核 ?? 推荐 ?? 欢迎各位 ITer 关注点赞收藏 ?????? 此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程，最终效果如下： 介绍 我们基于 canvas 实现了一款简单的涂鸦面板，...[2023/8/4]

基于React18 Hooks实现手机端弹框组件RcPop react-popup 基于react18+hook自定义多功能弹框组件。整合了msg/alert/dialog/toast及android/ios弹窗效果。支持20+自定义参数、组件式+函数式调用方式，全方位满足各种弹窗场景需求。 ...[2023/7/31]

阿里云开发者社区这个月组织了一个针对“云数据库 RDS MySQL Serverle 版”免费试用用户的做任务活动，上周找园子合作，希望能在园子里推广一下这个活动。 由于时间太紧，今天已经是活动的最后一天，为了做好推广效果，在首页发布这篇推广博文，请大家谅解。 和阿里云开发者社区的合作...[2023/7/31]

@目录Excel上传和图片视频上传Excel上传页面中的使用图片和视频上传的错误提醒以及逻辑处理上传进度处理 Excel上传和图片视频上传 Excel上传 excel的上传其实分为两步： 1、下载excel模板 2、上传excel模板 在项目中涉及到excel的业务，基本上都要先下载e...[2023/7/28]

前言 上周突然发现自己的自己站点的图片全都403了，之前还是好好的，图片咋就全都访问不了呢？由于我每次发文章都是先发了掘金，然后再从掘金拷贝到我自己的站点，这样我就不用在自己的站点去上传图片了，非常方便。 啥也没干，图片咋就403了呢？估计又是整了什么开源节流，降本增效吧，说白了就是大家都...[2023/7/28]

需求实战一 效果展示 代码展示 <template> <ARow> <ACol> <a-statistic-countdown :value="deadline" ...[2023/7/28]

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：空山 前言 由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化做了以下的分析，欢迎大家的交流 我们在日常...[2023/7/26]

好家伙,为了有足够的能力去开发组件,先研究一下别人的组件 开始抄袭模仿我们的行业标杆element-ui   找到Button组件的源码  只有三个文件,看上去非常易读,开搞    其中最重要的部分,自然是button.vue <...[2023/7/26]

如何编写难以维护的React代码？——滥用useEffect 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子： const ComponentA = ({ list }) => { ...[2023/7/26]

写在前面 前面的文章中提到过，自己开始在博客园上更新文章。 说也奇怪，自己博客园账号注册了好久，都没在上面更新过博客。 直到前段时间博客园的求助信息火了，才对博客园有了全新的认知。 博客园一个最大的特点就是简洁、干净，广告少。 但也有一个个人认为很不好的地方就是界面太丑，容易劝退新人。 ...[2023/7/26]

MarkdownQuote：简化 Markdown 中的代码引用！ 这是 SourceCodeTrace 项目之一，通过在 IDE 中提供一种便捷的方式，快速复制包含代码来源 Markdown 代码块。 SourceCodeTrace Project 帮助您在博客、文章记录的过程中，引入...[2023/7/24]

Selenium是一个非常强大的工具，用于自动化Web浏览器的操作。它可以模拟真实用户的行为，如点击按钮，填写表单，滚动页面等。由于Selenium可以直接与浏览器交互，所以它可以处理那些需要JavaScript运行的动态网页。 安装Selenium 首先，我们需要安装Selenium库。你可...[2023/7/24]

Vue的生命周期 Vue中的生命周期是指组件从创建到销毁的整个过程中，会触发一系列的钩子函数 Vue2中的生命周期 Vue2中的生命周期钩子函数是在组件的不同阶段执行的特定函数。这些钩子函数允许开发者在组件的不同生命周期阶段执行自定义的逻辑。 Vue...[2023/7/24]

需求实战一 组件来源 ant-design-vue Button 按钮 Progre  进度条 效果展示 代码展示 <template> <ARow> <ACol> <div style=...[2023/7/24]

JavaScript中的async和await关键字提供了一种现代语法，帮助我们处理异步操作。在本教程中，我们将深入研究如何使用async/await来掌控JavaScript程序中的流程控制。 总览 如何创建JavaScript异步函数 async关键字 await关键字 声明异步函数...[2023/7/21]

Vue引用js文件的多种方式 1.vue-cli webpack全局引入jquery (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。) (2)在webpack.ba...[2023/7/19]

Vue中的事件是什么 在Vue.js中，事件是用于处理用户交互的重要机制。Vue.js提供了一系列的事件处理方法和指令，使开发者能够方便地处理用户的各种操作。 1. 事件绑定：Vue.js通过v-on指令来绑定事件。可以在HTML标签上使用v-on指令来监听特定的事件，并在触发事件时执行相应的...[2023/7/17]

首先笔者有一定的vue基础，但是遇到了含有angular的应用，因此需要学习angular的应用，在学习过程中将自己的学习步骤给一一记录下来，因此假设读者也是具有html及js的基础，在此基础上可以跟着我快速学习并掌握angular的基本使用方法。 一、angular的基本介绍： Angul...[2023/7/17]

前言 .Net8的本地预编机器码AOT，它几乎进行了100%的自举。微软为了摆脱C++的钳制，做了很多努力。也就是代码几乎是用C#重写，包括了虚拟机，GC，内存模型等等。而需要C++做的，也就仅仅是引导程序，本篇通过代码来看下这段至关重要的引导程序的运作模式。原文:.Net8的AOT引导程序Bo...[2023/7/14]

大家好，我是 Kagol。 作为一名前端，在做业务开发的过程中，你是否曾经： 因为担心上线之后出bug，而反复手工验证自己负责的模块 不敢修改现有的“屎山”（别人写的或者是自己1年前写的）代码，从而不断地编写if/else 发现业务中有很多重复的代码，每次一改好多地方都要改，但又不敢重构，担...[2023/7/14]

总结/朱季谦 最近通过Vue + Element ui实现了动态表单功能，该功能还包括了动态表单新增行、删除行、动态表单验证、动态表单提交功能，趁热打铁，将开发心得记录下来，方便以后再遇到类似功能时，直接拿来应用。 简化的页面效果图如下： 最开始，我是用了纯粹的表格形式，后来发现，这种...[2023/7/12]

什么是 Hook hook 即为钩子,是一种特殊的函数,它可以让你在函数式组件中使用一些 react 特性,目前在 react 中常用的 hook 有以下几类 useState: 用于在函数组件中定义和使用状态(state)。 useEffect:用于在函数组件中处理副作用,也可以模拟 rea...[2023/7/12]

初识Nest JS Nest 是一个渐进的 Node.js 框架，它可以在 TypeScript 和 JavaScript (ES6、ES7、ES8)之上构建高效、可伸缩的企业级服务器端应用程序。 Nest 基于 TypeScript 编写并且结合了 OOP（面向对象编程），FP（函数式编程）...[2023/7/12]

Chrome浏览器调试工具的核心功能： ????注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型 快捷键/说明 切换浏览器标签 ?? Ctrl+1到8切换到对应序号的浏览器标签 ...[2023/7/10]

前言 最近在做一些性能优化相关的工作，相信大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化。在行业中，我们的页面P90在两秒内算是达标，超过这个时间那么你就可能会流失部分用户。 ...[2023/7/5]

一、概要 先看图   京豆多的离谱，你的第一想法肯定是：按F12修改了网页元素 没那么简单，你看支持刷新的     肯定还是假的，通过 Fiddler 或 Wireshark 等抓包工具修改了响应包；或者干脆改了本地host文件，指向了一个自己写的页...[2023/6/28]

TypeScript 5.2将引入一个新的关键字：using。当它离开作用域时，你可以用Symbol.dispose函数来处置任何东西。 { const getResource = () => { return { [Symbol.dispose]: () =&g...[2023/6/28]

之前写了两个 demo 讲解了如何实现 SSR 和 SSG，今天再写个 demo 说在 ISR 如何实现。 什么是 ISR ISR 即 Incremental Static Regeneration 增量静态再生，是指在 SSG 的前提下，可以在收到请求时判定页面是否需要刷新，如果需要则重新构...[2023/6/28]

写在前面 学习Vue之前最好有前端三驾马车的基础【HTML+CSS+JavaScript】 笔者接了一个从头开发的Vue项目，由于公司急着要，没有时间慢慢像在学校里学了，只能边学边做，现在项目雏形已经做的差不多了，因此正好以自己的方式来写笔记 笔者接项目的时候Vue零基础，前端基础也是除了d...[2023/6/26]

问题描述 使用Azure Media Service 制作视频点播服务，在客户端使用 Azure Media Player 播放器在 Edge 浏览器中播放视频时候遇见无法播放的问题： 错误信息： The video playback was aborted due to a corrupt...[2023/6/26]

摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言篇 在日常工作中，报表打印和导出为PDF是经常要处理的任务之一。除了方便我们将信息传达给同事和客户外，还可以让工作看起来更加专业、漂亮和规范，从而赢...[2023/6/21]

前言 在Vue项目开发过程中，当遇到应用逻辑出现错误，但又无法准确定位的时候，知晓Vue项目调试技巧至关重要，debug是必备技能。 同后台项目开发一样，可以在JS实现的应用逻辑中设置断点，并进行单步、进入方法内、跳出方法等调试，从而准确定位问题根源。 本文主要讲解针对Vue项目进行调试的 ...[2023/6/21]

前情 Tailwind CSS 是一个原子类 CSS 框架，它将基础的 CSS 全部拆分为原子级别，同时还补全各种浏览器模式前缀，兼容性也不错。它的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类名，然后生成相应的样式代码并写入到一个静态 CSS 文件中...[2023/6/19]

1 前言 随着 Vue、React、Angularjs 等框架的诞生，数据驱动视图的理念也深入人心，就 Vue 来说，它拥有着双向数据绑定、虚拟dom、组件化、视图与数据相分离等等造福程序员的优点，那 Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定要怎么做呢...[2023/6/19]

浏览器打开一个网页的全流程 简介 互联网日常生活中最为常见的行为便是在浏览器输入一个网址, 然后浏览网页内容, 这样一个简单的行为背后有哪些技术细节呢, 本文将做一些介绍. 全流程可拆分为4个主要步骤 将域名解析为IP地址 与目标主机建立TCP连接 (三次握手) 发送与接受数据 与目标主机断...[2023/6/12]

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。。 本文作者：霁明 一、背景 1、业务背景 业务中会有一些需要实现拖拽的场景，尤其是偏视觉方向以及移动端较多。拖拽在一定程度上能让交互更加便捷，能大大提升...[2023/6/9]

前言 前面完成了页面的跳转、登录，很多时候不刷新页面就想刷新局部数据，此时ajax就是此种技术，且是异步的。 ??本篇实现网页内部使用js调用ajax实现异步交互数据。 ??在js中使用 ajax是通过XMLHttpRequest来实现的。   Demo 下...[2023/6/9]

今天聊一个图片加载提前占位的一个问题 ??，内容比较适合初学者。 起因 在响应式页面当中，图片加载之前是不知道图片高度的，加载成功图片完全撑开。如果不做提前占位会把下面的内容挤下去，页面出现抖动，就像下面效果一样： 假如图片是自适应的，宽度为屏幕宽度的30%，高度等比例缩放，这时候是无法...[2023/6/9]

vue3 侦听器 在Vue3中，侦听器的使用方式与Vue2相同，可以使用watch选项或$watch方法来创建侦听器。不同之处在于，Vue3中取消了immediate选项，同时提供了新的选项和API。 创建侦听器 可以使用watch选项或$watch方法来创建侦听器，语法与Vue2相...[2023/6/9]

  线程 浏览器中有哪些进程呢？ 1.浏览器进程：浏览器的主进程，负责浏览器的界面界面显示，与用户交互，网址栏输入、前进、后退，以及页面的创建和销毁。 2.渲染进程(浏览器内核)：默认一个tab页面一个渲染进程，主要的作用为页面渲染，脚本执行，事件处理等。 3.GPU进程：用于3D绘制等...[2023/6/9]

基于electron25+vite4+vue3仿制chatgpt客户端聊天模板ElectronChatGPT。 electron-chatgpt 使用最新桌面端技术Electron25.x结合Vite4.x全家桶技术开发跨端模仿ChatGPT智能聊天程序模板。支持经典+分栏两种布局、暗黑+明亮...[2023/6/9]

1、使用场景 在日常开发中，我们会将重复代码抽象为一个函数或者组件，然后在需要时调用或者引入。但是，对于某些功能，这种方法可能不够优雅或者不够灵活。例如，我们可能需要在DOM元素上添加一些自定义属性或者绑定一些事件，这些操作可能难以通过函数或组件来实现。这时，自定义指令就派上用场了。 2、简介 ...[2023/6/8]

Vue3简介 Vue3是Vue.js的最新版本，于2020年9月18日正式发布。Vue3相比Vue2有很多改进和优化，包括但不限于： 更快的渲染速度：Vue3通过使用Proxy代理对象和优化虚拟DOM算法等方式，提高了渲染性能。 更小的体积：Vue3的体积比Vue2更小，打包后的文件...[2023/6/8]

前言 json是我们现代互联网程序最常用的交互格式，是否你在工作中会遇到前端说字段不一致需要改的需求，是否遇到过数据库字段名与javaBean的规范不同，是否遇到过json与javaBean相互转换时因为需求写的土匪代码，这些都可以用Jackson完成，我们经常和json打交道，而Jackson...[2023/6/2]

setTimeout 倒计时误差的出现主要与 JavaScript 的事件循环机制和计时器的执行方式有关。 在 JavaScript 中，事件循环是用于管理和调度代码执行的机制。setTimeout 函数用于设置一个定时器，在指定的延迟时间后执行回调函数。然而，由于事件循环的机制，setTim...[2023/6/2]