自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 使用JavaScript实现三种时间格式及获取过去一周时间

使用JavaScript实现三种时间格式及获取过去一周时间。

2025-03-31 15:30:51 179

原创 ECharts双Y轴柱状图配置详解

双轴对齐技术:通过确保左右轴刻度线对齐响应式布局:使用百分比边距适应不同屏幕尺寸视觉优化半透明网格线(#f5f5f5顶部圆角柱状设计自动换行标签处理交互增强:带颜色标识的自定义提示框。

2025-03-31 15:05:15 482

原创 《当代码穿上防弹衣:程序员与浏览器控制台的“宫斗剧“》

文/某不愿透露姓名的前端反侦察员各位看官,今天我们要聊的是一场浏览器世界里的"谍战风云"。作为前端开发界的福尔摩斯们,我们既要熟练使用开发者工具破案(debug),又要防止别人用同样的工具窥探我们的代码后宫。这时候两位"锦衣卫"闪亮登场——devtools-detector和disable-devtool,让我们看看它们是如何演绎这场无间道的。

2025-02-20 11:48:21 603

原创 前端开发者的“超级英雄”装备

防调试,防君子不防小人

2025-02-20 11:41:24 887

原创 【对于HTML5新增特性的理解以及在实际项目中的应用】

HTML5 的特性已成为现代 Web 开发的基石,麻溜掌握其核心功能来提升开发效率与用户体验吧!:为移动端、PWA(渐进式 Web 应用)提供基础支持。:通过结构化标签增强代码可读性和 SEO 友好性。:原生支持多媒体、图形、本地存储等复杂需求。减少类名定义,代码更直观。

2025-02-20 11:06:49 980

原创 如何实现一个水平垂直居中的元素

实现一个水平垂直居中的元素在网页设计中是一个常见需求,可以通过多种方法来实现。

2025-02-19 14:59:25 680

原创 什么是闭包?项目中如何用它解决实际问题?

闭包是函数能够访问其外部作用域变量的特性,即使外部函数已执行完毕。比如在项目中,我用闭包封装了一个日志工具,隐藏内部计数变量,只暴露日志方法。另外,在循环中处理异步任务时,闭包可以保留每次循环的变量值,避免因异步延迟导致的问题。是 JavaScript 中的核心概念,指一个函数能够“记住”并访问其**词法作用域(Lexical Scope)**外的变量,即使该函数在其外部函数执行完毕后被调用。简单来说,闭包是函数和其周围状态(即外部作用域)的组合。:隐藏内部数据,仅暴露必要接口,避免全局污染。

2025-02-19 14:20:10 317

原创 Vue 折线图学习示例及名词解释

浅学习折线图

2024-10-16 16:06:39 651 1

原创 vue实现如网页签订协议,确认按钮倒计时效果的弹窗

在 Vue 中实现一个具有确认按钮倒计时效果的弹窗,类似于网页签订协议时的确认流程,你可以参考以下代码示例。这个示例使用了 Vue 的数据绑定和生命周期方法,以及 Element UI 的。请注意,这个示例中的协议内容只是占位符,你应该在实际应用中展示真实的协议详情。此外,确认操作只是模拟了一个异步过程,你应该根据实际情况替换为真实的请求逻辑。

2024-10-15 14:16:47 606

原创 前端异步同步处理应用场景及优化

在前端开发中,同步和异步处理是两种常见的代码执行模式,它们各自适用于不同的应用场景,并且在实际开发中,我们也需要对异步处理进行优化,以提高代码的效率和可维护性。

2024-10-12 11:05:39 1095

原创 前端页面添加动态水印

要实现水印覆盖最外层页面body,并且水印内容为动态值加时间(时间也动态变化),同时水印的横向和纵向间隔受变量影响,且不影响页面操作,你可以使用Vue组件结合Canvas来实现

2024-09-25 10:44:09 737

原创 使用React、Redux和React Router构建一个简单的待办事项列表应用

为了构建一个使用React、Redux和React Router的简单待办事项列表应用,我们需要分步骤地搭建项目的结构,并集成这些库。以下是一个基本的指导,帮助你从头开始创建这样的应用。

2024-09-20 11:04:06 594

原创 TypeScript从入门到高级

TypeScript是由微软开发的开源编程语言,它是JavaScript的一个超集,为JavaScript添加了类型系统和其它面向对象的编程特性。):泛型允许在定义函数、接口或类的时候不预先指定具体的类型,而在使用的时候再指定具体的类型,提高了代码的复用性和灵活性。:TypeScript通过静态类型检查、接口、泛型等特性,提高了代码的可维护性和可扩展性,特别适合大型项目的开发。:理解ES6中的类概念,学习如何在TypeScript中定义类、构造函数、成员变量、成员方法、继承(

2024-09-19 11:52:39 2166

原创 前端框架vue和react

Vue能力的提升是一个综合性的过程,涉及多个方面的学习和实践。以下是一些具体的例子和策略,可以帮助你提升Vue开发能力:1. 深入理解Vue的核心概念11响应式系统:深入理解Vue的响应式原理,包括数据绑定、依赖追踪和视图更新机制。Vue 的响应式系统是其核心,它允许 Vue 组件响应数据的变化。这是通过 Vue 的内部机制实现的,包括使用 ES5 的 Object.defineProperty(Vue 2.x)或 Proxy(Vue 3.x)来劫持对象的 getter 和 setter。

2024-09-18 14:42:57 3146

原创 前端基础算法知识

基础算法知识的学习和举例教学

2024-09-18 10:37:30 686

原创 系统学习JavaScript

原生JavaScript(简称原生JS)是JavaScript的基石,它包含了语言的基本语法、数据类型、操作符、控制流结构、函数等。

2024-09-14 17:16:17 2482

原创 vue与iframe双向通信

【代码】iframe通信。

2024-09-11 16:36:29 364

原创 data固定数据优化避免scan重复

a.vue文件引入test.js文件。(感觉写麻烦了,先记录一下)优化代码,test.js文件。原代码,a.vue文件。

2024-09-11 14:23:11 255

原创 js数组处理相关

数组处理

2024-08-07 16:39:23 440

原创 ​​Vue.js 父子组件通信的示例

前端父子通信

2024-08-07 15:56:34 212

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除