Dec282021
前端项目构建与部署实践指南
在前端开发过程中，构建和部署是非常重要的环节。只有正确地构建和部署项目，才能保证项目的稳定性和可用性。本文将介绍一些前端项目构建和部署的最佳实践，帮助开发者高效地完成这一过程。
构建项目
使用包管理工具
在构建项目之前，第一步是使用合适的包管理工具来管理项目的依赖。最常用的包管理工具是 npm 和 Yarn。你可以使用这些工具来安装所需的依赖，并且可以指定具体的版本。这...阅读全文
作者：绝缘体.. | 分类：CSS, docker, git, javascript, webpack, 云计算, 前端技术, 开发工具, 编程语言 | 阅读： | 标签：CSS, docker, git, javascript, webpack
抢沙发
Dec272021
36：WEB漏洞-逻辑越权之验证码与Token及接口
知识点
验证码安全
分类：图片，手机或者邮箱，语音，视频，操作等
原理：验证生成或验证过程中的逻辑问题
危害：账户权限泄露，短信轰炸，遍历，任意用户操作等
漏洞：客户端回显(已讲)，验证码复用，验证码爆破(已讲)，绕过等
Token安全
基本上述同理，主要验证中可存在绕过可继续后续测试
token爆破，token客户端回显等
验证码识别插件工具使用
captcha-killer，Pkav-Http-Fuzz，reC...阅读全文
Dec222021
前端开发中的表单验证与数据校验
在前端开发中，表单验证和数据校验是非常重要的一部分。通过对用户输入的数据进行验证和校验，可以提高用户体验，防止恶意攻击以及保护数据的完整性。下面我们将讨论一些常见的表单验证和数据校验方法。
为什么需要表单验证和数据校验？
表单验证和数据校验的主要目的是确保用户输入的数据符合我们的要求。在用户提交表单之前，我们可以通过表单验证来检测、拦截一些常见的错误或者非法输...阅读全文
Dec202021
Node.js中的异步编程和回调函数
在Node.js中，异步编程是非常重要的，因为Node.js是基于事件驱动的，单线程的服务器端JavaScript运行环境。异步编程使得在处理各种I/O操作时能够更高效地利用系统资源。
1. 异步编程的优势
与传统的同步编程相比，异步编程具有以下几个优势：
1.1 提高系统的性能和吞吐量
由于Node.js是单线程的，同步操作会导致整个进程阻塞。而异步编程使得可以在等待I/O操作的同时处理其他任务，提高了...阅读全文
Dec182021
JS实现Excel导出并附带样式Demo：保姆级
介绍
在Web开发中，常常需要将数据以Excel的形式导出，以方便用户进行离线数据处理。而JavaScript可以很方便地实现这个功能。本文将演示如何使用JavaScript实现Excel导出，并附带样式。
实现方法
准备工作
首先，我们需要在页面中引入两个库：SheetJS和jszip。SheetJS是用于处理Excel文件的库，而jszip是用于压缩文件的库。我们可以通过CDN引入这两个库，也可以下载到本地并引入。
<...阅读全文
Dec182021
使用React构建可复用的UI组件库
在现代web应用开发中，构建可复用的UI组件库是一项非常重要的任务。这个UI组件库可以帮助我们提高开发效率、保持一致的用户体验，并方便不同项目之间的共享和重复利用。在本文中，我们将探讨如何使用React构建一个可复用的UI组件库。
为什么选择React
React是一个非常流行和强大的JavaScript库，它专注于构建用户界面。React采用组件化的开发方式，将UI分解为独立、可重用的组件。这种组...阅读全文
Dec152021
JavaScript中的异步编程：Promise、Async/Await等
在JavaScript中，异步编程是非常常见的。由于JavaScript是一种单线程语言，任何长时间运行的操作都可能导致页面冻结或阻塞。为了解决这个问题，JavaScript提供了多种异步编程的机制，包括Promise、Async/Await等。
Promise
Promise是ES6引入的一个概念，它是一种表示异步操作最终完成或失败的值的对象。Promise可以避免Javascript中的回调地狱（callback hell）问题，并提供了一种更便捷...阅读全文
Dec102021
使用 Canvas 实现粒子效果的酷炫动画
在现代Web开发中，动画效果已经成为网站设计中不可或缺的一部分。而其中的酷炫粒子效果则备受瞩目，给用户带来了独特的视觉体验。本文将介绍如何使用Canvas来实现一个令人惊叹的粒子效果动画。
准备工作
首先，我们需要在HTML文件中创建一个Canvas元素，用于显示我们的动画。可以通过以下代码来实现：
<canvas id="canvas"></canvas>
接下来，我们需要一些CSS样式来设置Can...阅读全文
Dec052021
使用jQuery实现全屏滚动效果
全屏滚动效果是一种常见的网页设计动画效果，它能够给用户带来流畅的浏览体验，同时也能提升网页的视觉效果。本篇博客将介绍如何使用jQuery实现全屏滚动效果。
准备工作
在开始之前，我们需要引入以下必要的文件：
jQuery库文件
全屏滚动效果插件（例如fullpage.js）
CSS样式文件
HTML结构
首先，我们需要在HTML文件中创建一个满屏容器，例如：
<div id="fullpage">
<div cl...阅读全文
Dec052021
下一代前端框架Svelte 5响应式系统预研：Signals机制与性能突破
下一代前端框架Svelte 5响应式系统预研：Signals机制与性能突破
引言
随着前端应用复杂度的不断提升，响应式系统的性能优化成为了现代前端框架的核心竞争点。Svelte 5作为下一代前端框架，引入了全新的Signals响应式系统，这一变革性的架构设计有望重新定义前端开发的性能标准。本文将深入分析Svelte 5的Signals机制，探讨其相较于传统虚拟DOM方案的性能优势，并展望其对未来前端开发范式...阅读全文
作者：绝缘体.. | 分类：javascript, react, typescript, vue, 前端技术, 编程语言 | 阅读： | 标签：javascript, react, typescript, vue, 编译