夜月还山岚
码龄5年
求更新 关注
提问 私信
  • 博客:166,548
    社区:1
    166,549
    总访问量
  • 54
    原创
  • 4,777
    粉丝
  • 47
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:浙江省
目前就职: 杭州笛佛软件有限公司
加入CSDN时间: 2020-04-09
博客简介:

jxnd123456的博客

查看详细资料
个人成就
  • 获得1,608次点赞
  • 内容获得4次评论
  • 获得1,065次收藏
  • 代码片获得1,126次分享
  • 博客总排名17,116名
  • 原力等级
    原力等级
    5
    原力分
    1,179
    本月获得
    20
创作历程
  • 3篇
    2025年
  • 51篇
    2024年
成就勋章
TA的专栏
  • JavaScript设计模式
    13篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 5

TA参与的活动 2

兴趣领域 设置
  • 前端
    html5javascriptjquerycssbootstrapcss3typescriptvue.jsangular.jsscsswebpack
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

90人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

前端 CSS 框架:分类、选择与应用

前端 CSS 框架是用于简化网页样式开发、提升设计效率的工具集,它们通常包含预定义的样式类、响应式布局系统、组件库等,能帮助开发者快速构建美观且兼容的界面。中(需理解 Material Design 规范)原生 CSS(Grid/Flexbox)低(类名直观,但需熟悉类名体系)高(需掌握 CSS 布局原理)高(可完全自定义主题和工具类)低(组件化思维,入门简单)极活跃(插件、组件库丰富)成熟(资源多,但更新较慢)中(需按设计规范调整)轻量(按需加载后更小)基础(需自行封装组件)极高(完全自由控制)
原创
博文更新于 2025.06.23 ·
985 阅读 ·
19 点赞 ·
0 评论 ·
18 收藏

前端常见七种报错类型及解决方案

前端开发中常见的错误类型主要分为代码错误和逻辑错误。代码错误包括语法错误(SyntaxError)、引用错误(ReferenceError)、类型错误(TypeError)、范围错误(RangeError)、URLError、EvalError和基类型Error,这些错误通常会在浏览器控制台中显示具体信息,便于开发者排查。逻辑错误则不会在控制台中报错,但程序运行结果不符合预期,需要通过打印日志或打断点进行调试。针对代码错误,开发者应仔细检查代码语法、变量声明、类型匹配和参数范围等;针对逻辑错误,可以通过co
原创
博文更新于 2025.05.09 ·
2158 阅读 ·
27 点赞 ·
0 评论 ·
21 收藏

Vite的介绍与使用

无往不利的webpack迎来了新的对手Vite,Vite 是一种新型的前端构建工具,由 Vue.js 核心团队成员尤雨溪开发。它凭借其独特的设计理念和高效的性能,在前端开发领域迅速崭露头角。目前VIte的生态越来越丰富,很多新项目开始采用Vite作为打包构建工具。
原创
博文更新于 2025.04.28 ·
863 阅读 ·
13 点赞 ·
0 评论 ·
32 收藏

前端项目从开发到部署全流程介绍

每次代码推送到仓库时,GitLab CI/CD会自动触发构建、测试和部署流程,确保项目的更新能够快速、准确地发布到生产环境
原创
博文更新于 2024.12.02 ·
2489 阅读 ·
26 点赞 ·
0 评论 ·
26 收藏

获取iframe内部的DOM元素方式(跨域与不跨域)

这里使用contentDocument属性来获取iframe的document对象。由于contentDocument在某些浏览器中可能不被支持,所以使用||操作符来兼容,当contentDocument不可用时,使用contentWindow.document来获取
原创
博文更新于 2024.11.30 ·
5228 阅读 ·
25 点赞 ·
0 评论 ·
16 收藏

滑块自动验证实现

另外,还需要获取滑块组件的宽度,直接选中元素看他的宽度就可以。(0 到 1 之间)计算出一个经过缓动处理的值,使得动画在开始和结束时速度较慢,中间速度较快。手动滑动滑块通常不是匀速,一般开始慢,中间快,结尾慢。因此,我们利用0.5x^3来实现模拟前半段运动,利用0.5((x - 2)^3 + 2)来模拟后半段运动。另外,需要注意有些登录框放在iframe里,获取滑块DOM的时候需要先拿到iframe,然后从iframe里面获取滑块,例如。),这是通过将元素的中心位置作为鼠标的起始位置来计算的。
原创
博文更新于 2024.11.29 ·
3426 阅读 ·
37 点赞 ·
4 评论 ·
28 收藏

405错误(Not Allowed) 的原因及处理方式

在前端开发中,405 状态码表示 “方法不被允许(Method Not Allowed)”。这意味着客户端(通常是浏览器)试图使用一种服务器不允许的 HTTP 方法来访问某个资源。例如,服务器可能只允许使用 GET 方法来获取某个 HTML 文件,但客户端却使用了 POST 方法进行访问,此时就会出现 405 错误。
原创
博文更新于 2024.11.28 ·
58508 阅读 ·
21 点赞 ·
1 评论 ·
25 收藏

前端开发设计模式——外观模式

外观模式(Facade Pattern)是一种软件设计模式,它为子系统中的一组接口提供了一个统一的高层接口,这个接口使得子系统更容易使用。在前端开发中,外观模式用于简化复杂的操作或者系统,将多个底层的功能封装在一个简单的接口后面,使得其他部分的代码(比如业务逻辑代码或者其他组件)可以更容易地调用这些功能,而不需要了解底层复杂的细节。
原创
博文更新于 2024.11.27 ·
2049 阅读 ·
60 点赞 ·
0 评论 ·
19 收藏

利用D3.js实现数据可视化的简单示例

svgx// 添加折线d3.line():创建一个折线生成器。:定义折线在 x 方向上的坐标获取方式。对于每个数据点,通过xScale比例尺将月份数据映射到 x 坐标,并加上 25 是为了使折线稍微偏离坐标轴一点,让数据点在坐标轴刻度的中间位置。:定义折线在 y 方向上的坐标获取方式。通过yScale比例尺将销售金额数据映射到 y 坐标。:在 SVG 元素中添加一个元素,用于绘制折线。:将salesData数组绑定到元素上。:设置填充颜色为无。
原创
博文更新于 2024.11.22 ·
2155 阅读 ·
25 点赞 ·
0 评论 ·
27 收藏

前端数据可视化思路及实现案例

首先通过echarts.init方法初始化一个 Echarts 图表实例,传入图表容器的 DOM 元素。然后定义了图表的配置对象option,包括标题、提示框、坐标轴和数据系列等设置。xAxis的data属性设置为销售数据中每个月的名称数组,yAxis为数值轴,series中定义了一个折线图数据系列,其data为销售金额数组。
原创
博文更新于 2024.11.21 ·
2233 阅读 ·
26 点赞 ·
0 评论 ·
26 收藏

前端开发设计模式——责任链模式

责任链模式是一种行为设计模式,它允许多个对象依次处理同一个请求。每个对象都有机会处理请求,如果一个对象不能处理请求,它会将请求传递给下一个对象,直到有一个对象能够处理请求或者请求到达链的末尾包含一个指向下一个处理者的引用和一个处理请求的抽象方法。抽象方法通常接受一个请求参数,并返回一个处理结果或者将请求传递给下一个处理者。
原创
博文更新于 2024.11.14 ·
1759 阅读 ·
42 点赞 ·
0 评论 ·
12 收藏

前端数据可视化库介绍Echarts、D3.js、Plotly、Matplotlib

Echarts 是一个由百度开源的数据可视化库,它提供了直观、生动、可交互、可个性化定制的数据可视化图表。Echarts 支持多种图表类型,包括折线图、柱状图、饼图、散点图、地图等,能够满足不同场景下的数据展示需求。
原创
博文更新于 2024.11.14 ·
2013 阅读 ·
27 点赞 ·
0 评论 ·
13 收藏

堆排序,学习笔记

在最大堆中,每个节点的值都大于或等于它的子节点的值;在最小堆中,每个节点的值都小于或等于它的子节点的值。例如,对于一个最大堆,根节点的值是整个堆中的最大值。当我们要进行排序时,我们可以利用这个性质,每次将堆顶元素(最大值)取出,然后重新调整堆,使得剩余元素仍然保持堆的性质,如此反复,直到堆为空,就可以得到一个有序的序列。如果它小于子节点的值,就将它和最大的子节点交换位置,然后继续向下调整,直到满足堆的性质。重复上述交换和调整堆的步骤,每次将当前堆中的最大值放到数组的已排序部分的末尾,直到整个数组都被排序。
原创
博文更新于 2024.11.11 ·
415 阅读 ·
14 点赞 ·
0 评论 ·
5 收藏

数据流图,学习笔记

数据流图(Data Flow Diagram,DFD)是一种用于描述系统数据流程的图形化工具。它可以帮助开发人员更好地理解系统的业务流程和数据流动,从而更好地进行系统设计和开发。
原创
博文更新于 2024.11.10 ·
4920 阅读 ·
21 点赞 ·
0 评论 ·
30 收藏

数据库设计——E-R 图,学习笔记

E-R 图(Entity-Relationship Diagram,实体 - 联系图)是一种用于数据库设计的可视化工具,它可以帮助数据库设计人员更好地理解和设计数据库系统。
原创
博文更新于 2024.11.09 ·
3307 阅读 ·
14 点赞 ·
0 评论 ·
19 收藏

UML统一建模语言,学习笔记

目录一、UML 的概述二、UML 的主要图形类型1. 类图2. 对象图3. 用例图4. 序列图5. 协作图6. 状态图7. 活动图三、UML 的关系1. 继承2. 实现3. 关联4. 聚合5. 组合四、UML 的应用场景1. 软件设计系统2. 需求分析3. 项目文档化4. 团队协作
原创
博文更新于 2024.11.08 ·
1161 阅读 ·
28 点赞 ·
0 评论 ·
23 收藏

前端开发设计模式——原型模式

可以定义一个构造函数,并在构造函数的原型上添加属性和方法,然后通过new关键字创建对象,这些对象将继承构造函数原型上的属性和方法。这里通过自定义构造函数创建了对象,同样实现了原型模式的功能。
原创
博文更新于 2024.11.05 ·
2457 阅读 ·
64 点赞 ·
0 评论 ·
28 收藏

前端项目配置文件的各种配置

通过配置文件,可以根据项目的特定需求来定制构建和运行过程。不同的项目可能有不同的构建目标、环境设置和优化需求,配置文件允许开发者灵活地调整这些参数。例如,一个大型企业级应用可能需要更严格的代码压缩和优化,而一个小型个人项目可能更注重开发效率和快速迭代。配置文件可以让开发者根据项目的实际情况进行调整。
原创
博文更新于 2024.11.04 ·
1402 阅读 ·
31 点赞 ·
0 评论 ·
26 收藏

javaScript 和 Java 的语法区别(有前端基础)

在 ES6 中引入了类的概念,但本质上是基于原型的面向对象编程。可以使用class关键字定义类,通过构造函数和原型链来实现继承。是纯粹的面向对象编程语言,使用class关键字定义类,通过类的继承和接口实现多态性。Java 的面向对象编程更加严格和规范。
原创
博文更新于 2024.11.02 ·
1109 阅读 ·
15 点赞 ·
0 评论 ·
12 收藏

js、vue、angular中的函数声明方式及特点

/ 函数体函数声明会被提升,这意味着可以在函数声明之前调用它。在编译阶段,JavaScript 引擎会先读取函数声明,并将其添加到执行环境中,使得函数在整个作用域内都可以被访问。这种方式使得代码结构更清晰,易于阅读和维护,适合定义一些具有明确功能的独立函数。
原创
博文更新于 2024.11.01 ·
1564 阅读 ·
33 点赞 ·
0 评论 ·
29 收藏
加载更多