DHLSP15-优快云博客

原创 AI的出现，是否能替代IT从业者？

AI不会完全取代IT从业者，但将重塑行业格局。它可替代30%基础运维工作（如代码生成、故障诊断），但无法胜任系统架构设计、复杂决策等需要业务理解和创新思维的任务。未来IT岗位将向AI提示工程师、伦理审计师等新角色转型，人机协作成为主流模式。从业者需掌握AI工具并深耕领域知识，从执行者升级为AI驾驭者和业务创新者。据预测，AI将淘汰部分初级岗位，但同时催生45%的新职位，推动行业向更高价值方向发展。

2025-10-28 10:29:53 1141

原创 JavaScript 性能优化实战大纲

本文系统介绍了JavaScript性能优化的核心思路与实践方案。从减少代码执行时间、降低内存占用等基础原则出发，详细阐述了代码优化、DOM操作、异步编程等关键技术点，包括避免全局变量、使用事件委托、批量DOM更新等具体方法。同时覆盖了网络请求优化、内存管理、工具使用等综合策略，并提供了实战案例和持续优化建议。特别强调了核心性能指标、代码体积控制、非关键资源延迟加载等现代Web开发中的关键优化手段，为开发者提供了一套完整的性能优化知识体系。

2025-10-28 10:23:08 567 1

原创事件循环、异步

事件循环

2025-03-18 13:50:23 340

原创手写 Promise 的实现

Promise的实现

2025-03-10 23:17:39 516

原创前端 Webpack 面试题

前端 webpack 面试题

2025-03-10 20:39:19 1983

原创前端Vue3面试题

前端Vue3面试题

2025-03-06 23:03:51 516

原创最新的前端场景面试题

前端场景面试题

2025-03-06 22:49:04 1309

原创阿里云服务器Linux(centos)系统安装nginx1.20.2

服务器Linux(centos)系统安装nginx

2024-12-08 20:58:01 694

原创实用AI工具推荐

人工智能

2024-10-24 10:17:10 464 2

原创 1024程序员节：致敬数字世界的构建者

1024程序员节

2024-10-24 10:07:14 673

原创 Vue项目的分页组件封装

Vue项目的分页组件封装

2024-10-24 09:55:08 502

原创人工智能技术的发展与前景

人工智能技术的发展和前景

2024-10-24 09:37:14 999

原创 Vue 3项目的性能监测和优化

Vue 项目的性能检测和优化方法

2024-10-24 09:27:09 1528

原创浅聊权限系统设计模型

浅聊权限系统设计模型

2024-07-04 17:25:16 756

原创介绍 HTTPS 中间人攻击

https协议是由http+ssl协议构成的。

2024-02-04 17:02:25 2191

原创 jquery table实现分页

jQuery Table实现分页组件

2024-02-04 10:11:32 1340

原创每日一题：简述ES6 的 class 和构造函数的区别？

每日一题：简述ES6 的 class 和构造函数的区别？

2024-01-30 16:00:00 532

原创 ES5/ES6 的继承除了写法以外还有什么区别？

ES5/ES6 的继承除了写法以外还有什么区别？

2024-01-30 11:26:13 878

原创介绍下深度优先遍历和广度优先遍历，如何实现？

介绍下深度优先遍历和广度优先遍历，如何实现？

2024-01-30 10:15:34 332

原创每日一题：封装 JavaScript源文件的全部内容到一个函数块有什么意义？

【代码】每日一题：封装 JavaScript源文件的全部内容到一个函数块有什么意义？

2024-01-29 15:34:42 323

原创每日一题：精简对象

现给定一个对象或数组 obj，返回一个精简对象。精简对象与原始对象相同，只是将包含假值的键移除。该操作适用于对象及其嵌套对象。数组被视为索引作为键的对象。当 Boolean(value) 返回 false 时，值被视为假值。你可以假设 obj 是 JSON.parse 的输出结果。换句话说，它是有效的 JSON。

2024-01-29 15:32:46 350

原创 [‘1‘, ‘2‘, ‘3‘].map(parseInt)的结果

['1', '2', '3'].map(parseInt)的结果

2024-01-23 16:47:16 538

原创 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？

2024-01-23 16:39:58 555

原创每日一看：精彩视频等归人

点击查看详情

2024-01-03 16:39:05 681

原创 CSS一个纯样式花里胡哨的动态渐变背景块

CSS一个纯样式花里胡哨的动态渐变背景块

2023-12-31 09:15:00 849

原创 CSS animation动画和关键帧实现轮播图效果HTML

CSS animation动画和关键帧实现轮播图效果HTML

2023-12-30 09:00:00 904

原创 CSS 丝带形状效果

CSS 丝带形状效果

2023-12-29 11:03:39 1563

原创页面左中右下布局HTML

页面布局布置

2023-12-29 09:00:00 954

原创 JavaScrip实现复选框的全选、全不选和反选

JavaScrip实现复选框的全选、全不选和反选

2023-12-28 09:30:00 513

原创 HTML常见标签和属性

HTML常见标签和属性

2023-12-28 09:00:00 480

原创 CSS-3D动画和NAV-TAB切换HTML

CSS-3D动画和NAV-TAB切换HTML

2023-12-27 09:52:44 820

原创 jQuery实现框里画面的展开、收起和停止

jQuery实现框里画面的展开、收起和停止

2023-12-27 09:00:00 1192

原创运维工程师的出路到底在哪里？

运维工程师的出路

2023-12-26 17:17:06 1441

原创 CSS、JavaScript实现进度条效果HTML

CSS、JavaScript实现进度条效果HTML

2023-12-26 15:00:00 1395

原创 jquery Tab切换，CSS3制作发光字

jquery Tab切换，CSS3制作发光字代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&

2023-12-26 09:58:47 1351

原创使用css实现旋转木马HTML

使用css实现旋转木马HTML

2023-12-25 15:12:45 1092

原创 css 精灵图动画制作(html)

【代码】css 精灵图动画制作(html)

2023-12-25 14:42:01 1149

原创 css画三角形

css 画三角形

2023-12-23 17:00:00 998

原创利用jquery eq()属性实现Tab标签的切换效果

利用jquery eq()属性实现Tab标签的切换效果

2023-12-22 15:06:23 488

原创 JavaScript计时器

JavaScript实现计时器

2023-12-22 14:46:39 934

气泡 Loading 效果

这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。角向渐变 conic-gradient() + mask 以及两个伪元素。我们需要多一组元素，将其绝对定位到上述圆环的头部或者尾部给每个子元素随机设置多个大小不一的圆，颜色保持一致给每个子元素随机设置不同方向的，向外扩散的位移动画给每个子元素随机设置负的 animation-delay，造成动画上的先后顺序，并以此形成整个无限循环的气泡扩散动画核心在于 @for $i from 1 through 100 { } 这段 SASS 代码内部将两个滤镜拿出来，它们的作用分别是： filter: blur()：给图像设置高斯模糊效果。 filter: contrast()：调整图像的对比度。让每个小球在动画的 75% ~ 100% 阶段做透明度从 1 到 0 的变换，而 0% ~ 75% 的阶段保持透明度为 0 让 200 个 div 依次进行这个动画效果（利用负的 animation-delay，从 -0 到 -4000ms），整体上就能形成逐渐消失的效果

2023-12-21

canvas和纯 CSS 实现波浪进度图

使用 SVG 实现波浪效果（SVG、CANVAS 实现贝塞尔曲线）使用 canvas 实现波浪效果的原理与 SVG 一样，都是利用路径绘制出三次贝塞尔曲线并赋予动画效果。主要是利用了动态绘制 ctx.bezierCurveTo() 三次贝塞尔曲线实现波浪的运动效果。纯 CSS 实现波浪效果（这里背景是蓝色静止的，运动是白色的椭圆形）后面漂浮的波浪效果，其实就是利用了上面的 border-radius: 45% 的椭圆形，只是放大了很多倍，视野之外的图形都 overflow: hidden ，只留下了一条边的视野，并且增加了一些相应的 transform 变换。为了方便写 DEMO，用到的长度单位是 VW 与 VH，不太了解这两个单位的可以戳这里：vh、vw、vmin、vmax 知多少在动画过程中，动态的改变 border-radius 的值；在动画过程中，利用 transform 对旋转椭圆进行轻微的位移、变形；上面也演示到了，多个椭圆同时转动，赋予不同时长的动画，并且添加轻微的透明度，让整个效果更佳逼真。一个圆形的进度和波浪状态的滑动的新DEMO查看预览。

2023-12-21

css样式粒子动效的按钮

CSS实现方式，主要也是两种方式，其实就是想一下有哪些属性可以无限叠加，一个是box-shadow，还有一个是background-image。这里主要通过background-size和background-position来控制原点的尺寸与位置，看着好像挺复杂，其实只要background-size和background-position与background-image位置一一对应就行了。虽然background-image不支持CSS动画，但是另外两个background-size和background-position支持呀，所以，CSS transition和CSS animation都可以用起来。animation和transition实现原理比较类似，优点是可以做出更加精细的动画，这里就拿:active方式来说吧。transition设置在:hover下就可以了，表示只有当鼠标经过时才有过渡，离开时没有。:active需要transition:0s；animation和transition实现原理比较类似，优点是可以做出更加精细的动画。CSS直接扔到项目里就能用。

2023-01-14

css样式粒子散开的按钮

2023-01-14

Chrome浏览器中Vue的结构化组件

安装后，在浏览器上可以查看Vue项目的数据结构和对应的数据交互。

2022-12-21

gulp创建项目和精灵图实现

let spriteData = gulp.src(sprite_path + dir + "/*").pipe( spritesmith({ imgName: dir + "-sprite.png", // 合成后的图片命名 cssName: dir + "-sprite.scss", // 合成后的图标样式 padding: 5, // 雪碧图中两图片的间距 algorithm: "binary-tree", imgPath: "./../images/" + dir + "-sprite.png", // // 雪碧图css类名前缀 // cssOpts: { // cssSelector: function (sprite) { // return '.s-' + dir + '-' + sprite.name; // } // } cssTem

2022-12-21

关于#linux#的问题：阿里云的一直报Linux的bug漏洞，Redis一直被挂掉

2023-06-21

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

TA关注的人