TechBlog
首页分类标签搜索关于
← 返回分类列表
加载中...

© 2025 TechBlog. All rights reserved.

分类

共 340 篇文章
next.js项目部署流程

next.js项目部署流程

两种部署方式。

时间:10/26/2025

XSS-攻击详解原理类型与防范策略

XSS-攻击详解原理类型与防范策略

XSS(跨站脚本攻击)是一种常见的网络安全漏洞,攻击者通过在受信任网站中注入恶意脚本,在用户浏览器中执行。主要分为存储型(脚本存储在服务器)、反射型(通过URL参数传播)和DOM型(完全在客户端执行)。XSS可导致会话劫持、数据窃取等严重后果。防范措施包括:输入验证与过滤、输出编码转义、内容安全策略(CSP)、设置HttpOnly/Secure Cookie等安全响应头,以及使用现代前端框架的自动转义功能。防御核心原则是"不信任任何用户输入",需采用多层次防护策略。

时间:10/19/2025

水墨风鼠标效果实现

水墨风鼠标效果实现

实现水墨拖尾、点击水墨圈效果鼠标

时间:10/07/2025

搭建node脚手架一

搭建node脚手架一

搭建node脚手架(一)

时间:09/16/2025

函数柯里化化繁为简的艺术与实践

函数柯里化化繁为简的艺术与实践

在编程的世界里,有一种优雅的技术,它能够将复杂的多参数函数转化为一系列简洁的单参数函数,这就是函数柯里化。今天,让我们一起深入探讨这个以逻辑学家 Haskell Curry 命名的概念,揭开它神秘的面纱,并看看它在现代前端开发中的强大威力。

时间:09/15/2025

前端1.html基础

前端1.html基础

HTML是用于构建网页的超文本标记语言,通过标签定义内容结构。文章介绍了HTML的基本概念、文件结构、常见文本标签(如标题、段落、列表、表格)、元素属性(class、id等)以及区块元素(块级与行内元素)的区别。最后讲解了表单元素的使用方法,包括文本输入、单选/复选框和提交按钮,为网页开发提供了基础指导。全文系统性地介绍了HTML的核心知识点和基本应用。

时间:09/08/2025

整理了几道前端面试题

整理了几道前端面试题

整理了一些前端面试题

时间:09/05/2025

特殊字符论一个-bug-如何经过千难万险占领线上

特殊字符论一个-bug-如何经过千难万险占领线上

每一个在线上逍遥法外的 Bug,都不是偶然。它是一场精心策划的奇迹,是开发、联调、测试、上线四大环节“完美”配合的杰作。下面,就让我们复盘一下,如何倾团队之力,将一个 Bug 护送至线上,享受荣华富贵

时间:08/27/2025

大前端实现一个前端埋点SDK,并封装成NPM包

大前端实现一个前端埋点SDK,并封装成NPM包

🚀来做一个支持的前端埋点 SDK,并把它封装成的形式。

时间:08/26/2025

WEB-APIsDOM-节点操作

WEB-APIsDOM-节点操作

得到的是伪数组,包含所有的亲儿子。另一种写法(不用手动补0)千万不要忘记加小括号。

时间:03/16/2025

Html-label标签中的for属性关联表单控件将标签与特定的表单元素如输入框复选框等关联起来提高可用性无障碍性

Html-label标签中的for属性关联表单控件将标签与特定的表单元素如输入框复选框等关联起来提高可用性无障碍性

当用户点击"省份名称:"文本时,会自动获取输入框的焦点,使用户体验更好。:对于使用屏幕阅读器的用户,这种关联可以帮助他们更好地理解表单结构。:当用户点击标签文本时,浏览器会自动将焦点转移到关联的表单元素上。:它将标签与特定的表单元素(如输入框、复选框等)关联起来。属性的值必须与要关联的表单元素的。属性是一个重要的无障碍功能属性。

时间:03/16/2025

黑马node.js教程nodejs教程AJAX-Day01-04.案例_地区查询查询某个省某个城市所有地区代码示例

黑马node.js教程nodejs教程AJAX-Day01-04.案例_地区查询查询某个省某个城市所有地区代码示例

axiosTest.html效果ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        

时间:03/16/2025

小程序生命周期-47-小程序生命周期-页面生命周期

小程序生命周期-47-小程序生命周期-页面生命周期

页面生命周期函数中有两个函数需要特别注意:onLoad 函数和 onReady 函数,这两个函数在一个页面中只会调用一次;小程序的页面生命周期是指小程序页面从 加载 → 运行 → 销毁的整个过程;页面生命周期函数需要在每个页面的 Page() 方法中进行定义;

时间:03/16/2025

html5制作2048游戏开发心得与技术分享

html5制作2048游戏开发心得与技术分享

在这个项目中,我们使用HTML5、CSS3和JavaScript实现了经典的2048游戏。通过这个项目,我不仅掌握了游戏开发的基本流程,还深入理解了JavaScript面向对象编程和DOM操作的实践应用。通过这个项目,我不仅提升了JavaScript编程能力,还深入理解了游戏开发的各个环节。特别是在算法实现和用户体验优化方面,获得了宝贵的经验。这些经验对于后续的前端开发工作都有很大帮助。最后,我认为一个好的项目不仅要实现基本功能,还要注重代码质量和用户体验。

时间:03/16/2025

jQuery从入门到应用选择器DOM与Ajax综合指南

jQuery从入门到应用选择器DOM与Ajax综合指南

文章主要涉及jQuery的基础知识,包括jQuery对象、选择器、DOM操作、事件处理以及Ajax的使用。文章结构清晰,分章节详细介绍了各个部分,并且包含代码示例和说明

时间:03/15/2025

Axios介绍前端开发处理网络请求首选工具,基于Promise-HTTP客户端,可以在浏览器和Node.js环境使用Axios库

Axios介绍前端开发处理网络请求首选工具,基于Promise-HTTP客户端,可以在浏览器和Node.js环境使用Axios库

Axios是一个基于Promise的HTTP客户端,可以在浏览器和Node.js环境中使用。它提供了一套简单且一致的API,使得发送HTTP请求变得异常便捷。自发布以来,Axios已成为前端开发中处理网络请求的首选工具之一。Axios作为一个功能丰富、使用简便的HTTP客户端库,凭借其优秀的API设计和强大的功能扩展性,成为现代前端开发中处理网络请求的首选工具。通过合理利用配置选项、拦截器、错误处理等机制,可以构建出高效、健壮的前端应用。

时间:03/15/2025

CSSHTML新特性

CSSHTML新特性

在 Web 开发的不断演进中,HTML5 带来了一系列令人振奋的新特性,极大地提升了网页的功能和用户体验。今天,我们就来深入探究一下这些新特性。

时间:03/15/2025

六十天前端强化训练之第二十天React-Router-基础详解

六十天前端强化训练之第二十天React-Router-基础详解

通过本教程,大家可以掌握React Router的核心用法,建议结合官方文档和实际项目进行实践练习。路由配置需特别注意组件层级和匹配顺序,动态路由参数处理要考虑边界情况,嵌套路由是实现复杂布局的利器。

时间:03/15/2025

基于expressTSmysqlsequelize的后端开发环境搭建

基于expressTSmysqlsequelize的后端开发环境搭建

基于express+TS+mysql+sequelize的后端开发环境搭建

时间:03/15/2025

六十天前端强化训练之第十九天全面掌握组件通信父子组件-Props-传值终极指南

六十天前端强化训练之第十九天全面掌握组件通信父子组件-Props-传值终极指南

就像人与人之间需要说话交流,组件之间也需要「沟通」来传递数据。当父组件(上级)需要给子组件(下级)传递信息时,最常用的方法就是Props传值,通过这个完整指南,大家可以系统掌握 Props 传值的各种技巧。建议边学边练,尝试用不同框架实现相同功能,体会设计思想的差异。遇到问题时,多查阅框架官方文档,保持代码规范性

时间:03/15/2025

Vue3Vite指南全局引入SCSS文件后出现Undefined-mixin一招解决命名空间陷阱

Vue3Vite指南全局引入SCSS文件后出现Undefined-mixin一招解决命名空间陷阱

本文针对Vue3+Vite项目全局引入SCSS时出现Undefined mixin错误,解析其根源为Sass模块化命名空间机制,提供三种解决方案:显式命名空间调用、全局暴露命名空间及主文件聚合导出,并附验证步骤与最佳实践。涵盖SCSS环境配置、@use/@import对比、常见问题排查,助开发者高效管理全局样式。

时间:03/15/2025

六十天前端强化训练之第十七天React-Hooks-入门useState-深度解析

六十天前端强化训练之第十七天React-Hooks-入门useState-深度解析

基础概念useState 是用于给函数组件添加状态管理的 Hook遵循语法使用规则只在组件的顶层调用 Hooks不要在循环、条件或嵌套函数中调用 Hooks遵循不可变原则(immutability)最佳实践对于复杂对象,使用扩展运算符进行合并更新异步操作时使用函数式更新确保获取最新状态拆分多个 useState 管理不同状态性能优化对于昂贵的初始化,使用函数式初始化当更新依赖前值时,必须使用函数式更新使用 React.memo 防止不必要的重新渲染常见错误。

时间:03/14/2025

js面试题

js面试题

1.新增块级作用域(let,const)不存在变量提升存在暂时性死区的问题块级作用域的内容不能在同一个作用域内重复声明4.新增了解构赋值从数组或者对象中取值,然后给变量赋值8.Promise解决回调地狱的问题。自身有all,reject,resolve,race方法原型上有then,catch把异步操作队列化三种状态:pending初始状态,fulfilled操作成功,rejected操作失败状态:pending->fulfilled;

时间:03/14/2025

Figma介绍基于云的协作式界面设计工具,主要用于UIUX设计原型制作和团队协作

Figma介绍基于云的协作式界面设计工具,主要用于UIUX设计原型制作和团队协作

Figma 是一款基于云的协作式界面设计工具,主要用于 UI/UX 设计、原型制作和团队协作。它颠覆了传统设计工具的单机模式,以云端实时协作和跨平台兼容性为核心优势,适用于设计师、开发者、产品经理等多个角色。核心特点。

时间:03/14/2025

上一页
12345...15
下一页第 1 / 15 页