weixin_37600329的博客

原创 构建工具与模块化：现代前端开发的基石

本文介绍了现代前端开发中的核心工具链，重点讲解了npm包管理器和Webpack构建工具的使用。内容包括：npm/yarn基础命令操作、package.json文件配置详解、Webpack的核心配置（入口、输出、加载器、插件等）。通过代码示例展示了如何配置Webpack处理JavaScript、CSS、图片等资源，并介绍了常用插件如HtmlWebpackPlugin和MiniCssExtractPlugin。这些工具共同构成了现代前端模块化开发的基础设施，帮助开发者实现高效的代码组织、打包优化和自动化构建流程

原创 版本控制与协作：Git让团队开发更高效

Git版本控制与协作摘要 Git是现代软件开发的核心工具，提供强大的版本控制功能。本文介绍了Git的基础概念（工作区、暂存区、版本库）、常用命令（init、add、commit、status等）和分支管理策略（创建/切换/合并分支）。通过GitHub等平台可实现高效团队协作，支持多人并行开发。文章还包含.gitignore配置、冲突解决等实用技巧，帮助开发者掌握从代码管理到团队协作的完整工作流程。Git消除了传统文件版本管理的混乱，为软件开发提供了可靠的基础设施。

原创 Vue.js 面试题集合

Vue.js 面试题摘要 本文整理了Vue.js常见面试题，涵盖核心概念、响应式原理、组件通信等关键知识点。主要内容包括： Vue基础概念：渐进式框架、核心特性及Vue2/3区别 响应式原理：Vue2的Object.defineProperty和Vue3的Proxy实现 组件通信方式：props/emit、provide/inject、EventBus等 生命周期钩子及Ajax请求时机建议 v-model双向绑定实现原理及自定义方法 组件复用方案：Mixin混入和自定义Hook 适合Vue开发者系统复习核心

原创 前端高频面试题总结

本文总结了前端高频面试题，主要涵盖JavaScript基础知识，包括： 数据类型与检测：7种基本类型和引用类型的区别，typeof/instanceof/Object.toString检测方法 作用域与闭包：全局/函数/块级作用域，var/let/const区别，闭包概念及应用场景 this指向：四种绑定规则（默认/隐式/显式/new绑定）及其优先级 原型与继承：原型链机制，5种继承实现方式（原型链/构造函数/组合/原型式/寄生式）及其优缺点 文章还提供了大量代码示例，帮助理解JavaScript核心概念，

原创 JavaScript实战项目：待办事项管理应用

本文介绍了一个基于JavaScript的待办事项管理应用开发项目。项目采用现代前端技术栈（HTML5/CSS3/ES6+）和模块化设计，实现任务增删改查、标记完成、筛选分类等核心功能，并支持优先级设置、截止日期等扩展特性。文章详细展示了项目架构设计（MVC模式）、文件组织结构，以及核心代码实现，包括数据模型定义（Todo类）和本地存储服务（StorageService）。该项目将JavaScript基础知识综合应用于实际开发，帮助开发者掌握前端项目构建全流程。

原创 ES6+新特性：现代JavaScript的强大功能

箭头函数：简洁语法、this绑定、使用限制模板字符串：字符串插值、多行字符串、标签模板let/const：块级作用域、暂时性死区、常量特性类和继承：class语法、继承机制、私有字段模块化：导入导出、动态导入、模块组织ES6+的新特性让JavaScript变得更加现代化和强大，掌握它们是成为优秀前端开发者的必经之路！如果这篇文章对你有帮助：👍，让更多人看到🔄转发分享，帮助更多学习ES6+的朋友💬评论区留言，分享你最喜欢的ES6+特性关于作者每周更新实用的前端教程，从入门到进阶。

原创 异步编程基础：掌握JavaScript的异步世界

本文介绍了JavaScript异步编程的核心概念，包括同步与异步的区别、事件循环机制和回调函数的使用。通过代码示例展示了同步代码的阻塞特性和异步代码的非阻塞特性，详细讲解了回调函数的基础用法、异步回调实现以及回调地狱问题。文章还演示了如何通过命名函数来减少回调嵌套，为后续学习Promise和async/await打下基础。这些内容是掌握现代JavaScript异步编程的关键知识点。

原创 数组和对象深入：数据处理的艺术

JavaScript数组与对象高级操作摘要 本文深入讲解了JavaScript中数组和对象的高级操作方法。数组部分重点介绍了map、filter、reduce等遍历筛选方法，以及排序、查找等实用技巧，通过商品筛选、订单统计等实例演示复杂数据处理。对象部分涵盖属性操作、解构赋值、展开运算符等核心概念，展示了如何高效处理对象数据。文章配有丰富的代码示例，包括数组转换、对象遍历、数据分组等实战场景，帮助开发者掌握复杂数据结构的处理艺术，提升前端开发中的数据操作能力。（148字）

原创 DOM操作与事件处理：让网页动起来

JavaScript DOM操作与事件处理摘要 本文系统介绍了JavaScript操作DOM的核心知识，包括：DOM树结构解析、多种元素选择方法（传统与现代API）、元素内容与样式操作技巧、动态创建/删除DOM节点，以及事件处理机制。重点讲解了querySelector、classList等现代API的使用，事件冒泡/捕获原理，并提供了实际项目案例（如交互式表单验证）。通过学习，开发者能够掌握让静态网页动起来的关键技术，实现丰富的用户交互体验。

原创 GitHub 热榜项目

基于最新的 GitHub Trending 数据整理，展示当前最受关注的开源项目。

原创 JavaScript基础语法：从零开始的编程之旅

本文介绍了JavaScript基础语法核心内容，包括变量声明（const/let最佳实践）、7种基本数据类型和引用类型，以及运算符使用要点。重点讲解了条件语句（if/switch）和循环结构（for/while）的用法，强调类型检测和严格相等比较的重要性。文章还提供了JavaScript发展简史和学习目标，帮助初学者建立系统认知框架，为后续深入学习打下坚实基础。

原创 移动端适配不用愁！响应式设计完全指南

移动端适配响应式设计指南：弹性布局+媒体查询双管齐下 移动端流量占比超60%，响应式设计成为必备技能。本文提供完整解决方案：基于三大核心技术——弹性网格布局、弹性图片和媒体查询。通过相对单位(vw/vh)替代固定像素，结合Flexbox和Grid实现自适应布局，配合媒体查询针对不同设备优化显示效果。实战案例包括响应式导航栏、图片处理和断点设计技巧，从320px到4K屏幕全适配。还涵盖高分辨率屏幕、暗色模式等高级特性，确保网站在各种环境下都能提供最佳用户体验。

原创 掌握CSS选择器优先级，让你的样式更可控

CSS选择器优先级完全指南 本文系统讲解了CSS选择器的优先级机制，帮助你解决样式冲突问题。主要内容包括： 基础选择器：元素、类、ID和属性选择器的特性及权重（1-100分） 组合选择器：后代、子、相邻兄弟等选择器的应用场景 伪类/伪元素：状态伪类、结构伪类和内容生成等高级用法 优先级计算：详细解析权值累加规则，提供样式冲突解决方案 通过实际代码示例，展示如何合理使用各类选择器，避免!important滥用，实现精准控制样式表现。适合前端开发者系统掌握CSS选择器优先级规则。

原创 告别div满天飞！HTML5语义化标签让你的代码更优雅

《告别div满天飞：HTML5语义化标签实践指南》 本文介绍了HTML5语义化标签的优势和正确使用方法。传统div布局存在SEO不友好、可访问性差等问题，而语义化标签能明确表达内容结构，提升代码可读性和维护性。文章详细解析了7个核心语义化标签：<header>定义页头、<nav>导航区域、<main>主内容区、<article>独立内容单元、<section>文档区块、<aside>侧边栏和<footer>页脚，并通过重构案

原创 前端技术实际应用场景详解

原创 cursor启动 Browser Tools mcp服务

需要按照正确的顺序启动两个服务：首先启动 Browser Tools Server：然后在另一个终端启动 MCP server：

原创 java实际工作中的问题和解决方案

使用线程安全的数据结构或者使用同步机制来保证线程安全。例如，可以使用ConcurrentHashMap来代替HashMap，使用AtomicInteger来代替int。可以使用Java的垃圾回收机制来自动释放不再使用的对象。数据库连接池：在Java后端开发中，数据库连接池是非常重要的。使用数据库连接池来管理数据库连接，避免每次访问数据库都需要创建一个新的连接。使用参数化查询来避免SQL注入攻击。例如，可以使用PreparedStatement来代替Statement，使用占位符来代替用户输入的内容 .

原创 关于Vue常见问题的解答：

可以尝试使用cnpm来安装依赖，它是一个国内的npm镜像版本，安装速度会更快。你可以通过以下命令安装cnpm：`npm install -g cnpm --registry=https://registry.npm.taobao.org`- 一些npm包的安装需要编译的环境，如果你在Windows上遇到这个问题，可能需要安装Visual Studio的一些库和Python 2+。- 如果你给组件内的原生控件添加事件，但事件没有生效，可能是因为你没有使用`.native`修饰符。这通常可以解决问题。

原创 前端面试必备:深入理解 CSS 核心知识点

前端面试必备:深入理解 CSS 核心知识点

原创 vue常见面试题

虚拟 DOM 是 Vue.js 的核心特性之一,它通过高效的 DOM diff 算法,只更新必要的 DOM 部分,大幅提高了渲染性能。虚拟 DOM 是 Vue.js 的核心特性之一,它通过高效的 DOM diff 算法,只更新必要的 DOM 部分,大幅提高了渲染性能。开发者需要在子组件中定义 props 并在父组件中传递数据,同时子组件可以通过 `$emit` 触发自定义事件,父组件可以监听这些事件并执行相应逻辑。这些只是一些常见的 Vue.js 面试题,实际面试中可能会出现更多更深入的问题。

原创 刷新父级页面

总的来说，调用 window.parent.location.reload();触发页面生命周期事件：刷新页面会触发页面的生命周期事件，例如 onload 事件，可以在页面重新加载时执行相应的操作。执行其他操作：在某些情况下，子页面的操作可能会影响到父级页面，因此刷新父级页面可以确保页面状态和数据的一致性。更新显示内容：通过刷新父级页面，可以更新显示在父级页面上的内容，确保内容与子页面的操作保持同步。刷新父级页面：这个方法会刷新包含当前页面的父级页面，即重新加载父级页面的内容。

原创 Composer提示：Installation failed, reverting ./composer.json and ./composer.lock to their original cont

5.可以执行需要的命令了。

原创 vue2与vue3的区别

Vue.js 3中的全局API发生了变化，例如Vue.component()变成了app.component()，Vue.directive()变成了app.directive()，Vue.filter()变成了app.filter()等。Vue.js 3则使用ES6的Proxy API对数据进行代理，通过reactive()函数给每一个对象都包一层Proxy，从而实现对数据的监控。Vue.js 3中的VNode发生了变化，可以更好地支持渲染函数和自定义渲染器。TypeScript支持。

原创 thinkPHP5和thinkPHP6的时间between查询的数组

tp5和tp6 框架升级 时间between查询写法不一致

原创 array_map

array_map() 函数返回用户自定义函数作用后的数组。回调函数接受的参数数目应该和传递给 array_map() 函数的数组数目一致。语法：array_map(function,array1,array2,array3...)

原创 php 二维数组去重

php 二维数组去重

原创 php 报错Array to string conversion

php 报错Array to string conversion

原创 vue3 useRouter 传递和获取参数方法

传递参数router.push('/index?id=1&name=aaa') // query 参数 router.push({ path: '/index', // name: 'index', query: { id: 1, name: 'aa' } }) // params 参数 router.push({ n...

原创 css3 object-fit

css3 object-fit

原创 css flex 子项分组布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...

原创 css flex 内联与块的上下左右居中布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...

原创 php 二维数组去重方法

php二维数组去重