GLChan

微信小程序开发实践

一、基础 整体架构与主要文件 微信小程序采用双线程架构,分为渲染层(WebView 渲染 WXML 和 WXSS)和逻辑层(JavaScriptCore 运行逻辑),两者通过微信提供的机制通信。数据和逻辑在逻辑层,视图在渲染层。 主要文件: app.js:小程序的入口文件,定义全局逻辑和 App 实例。 app.json:全局配置文件,设置页面路径、窗口样式等。 app....

Gulp 基础与工作流

Gulp 基础 Gulp的核心作用 Gulp 是一个基于流(Stream)的自动化构建工具,依赖 Node.js 运行。它通过任务(Task)定义一系列文件操作(如压缩、合并、转换),以提高开发效率和代码质量。 核心作用: 自动化任务:自动执行文件处理,如 Sass 编译、JS 压缩、图片优化。 流式处理:通过管道(pipe)处理文件,避免临时文件,性能优于基于文件系统的工具...

Vue 的 $attrs 和 $listeners 的使用

作用: $attrs:包含父组件传递给子组件的所有未被声明为 props 的属性(除 class 和 style 外)。它帮助实现属性的透传,简化多层组件间的数据传递。 $listeners:包含父组件传递给子组件的所有事件监听器(不包括 .native 修饰的事件)。它用于透传事件,方便子组件触发父组件的事件。 适用场景: 多层组件嵌套:当需要将父组件的属性或事件透...

React Router 作用和用法

React Router 是一个用于 React 应用的客户端路由库。它允许在单页应用(SPA)中实现页面导航和 URL 管理,与 React 的组件化开发无缝集成。 作用: 声明式路由:通过组件配置路由规则,简化页面切换逻辑。 URL 同步:保持 UI 与浏览器 URL 的同步,支持前进/后退。 嵌套路由:支持多级页面结构,适合复杂应用。 基本用法: React R...

Vue 中的 keep-alive 组件

一、keep-alive 的作用是什么? 在 Vue 应用中,当项目中切换组件(比如通过 v-if 或路由切换)时,默认情况下组件会被销毁和重新创建。这虽然能保证状态的隔离,但如果组件内容复杂(比如包含大量数据或 DOM 元素),频繁的销毁和创建会带来性能开销。 keep-alive 的主要作用是缓存被包裹的组件实例,避免每次切换时都重新渲染。被 keep-alive 包裹的组件在切换时...