初识 React
一、React 生命周期概述 React 组件的生命周期可以分为三个主要阶段:挂载(Mounting)、更新(Updating) 和 卸载(Unmounting)。每个阶段都有特定的方法,允许我们介入组件的生命周期。以下是 React 中的关键生命周期钩子: 1. 挂载阶段 constructor():组件初始化时调用,适合设置初始状态和绑定方法。 componentWillM...
一、React 生命周期概述 React 组件的生命周期可以分为三个主要阶段:挂载(Mounting)、更新(Updating) 和 卸载(Unmounting)。每个阶段都有特定的方法,允许我们介入组件的生命周期。以下是 React 中的关键生命周期钩子: 1. 挂载阶段 constructor():组件初始化时调用,适合设置初始状态和绑定方法。 componentWillM...
computed 和 watch 的区别 基本定义 computed: 计算属 性是基于它们的依赖进行缓存的。计算属性会根据依赖的数据的变化来重新计算,且只有在依赖的值发生变化时才会重新计算。这是它最显著的特性。 watch: 观察者是用来观察 Vue 实例上的数据变动,触发回调函数。它的特点是观察的是数据的变化,并在数据变化时执行回调函数,适合处理...
一、nextTick 的作用是什么? 在 Vue 中,我们知道数据是响应式的。当你修改了一个数据属性(比如 this.message = 'Hello'),Vue 会自动触发 DOM 的更新。但这个更新并不是立即完成的,而是异步执行的。Vue 会把所有的数据变更收集起来,统一在下一次“tick”中处理,以避免不必要的重复渲染,提高性能。 这就引出了一个问题:如果你在修改数据后立即去操作 ...
生命周期阶段 1. 初始化阶段 new Vue() 一切从 new Vue() 开始,Vue 实例被创建,初始化生命周期事件和钩子。 beforeCreate 这是第一个钩子,此时实例刚被初始化,数据观测和事件还未开始。data 和 methods 都不可用,适合做一些初始化前的准备工作。 created 数据观测和事件配置完成,data 和 methods 可以访问...
Vue 加载流程 Vue是如何加载main.js文件的 如果是用vue.js官网提供的脚手架工具并沿用默认配置的话,你执行npm run dev的时候会出来页面,是因为你根目录下的package.json文件里script配置了 "dev": "node build/dev-server.js" 也就是其实执行的是dev-server.js这个文件,里面有...
一、什么是 MVVM 设计模式? MVVM(Model-View-ViewModel)是一种软件架构模式,用于分离 UI 和业务逻辑,提高代码的可维护性和可测试性。MVVM 的三个核心部分如下: Model(模型):表示数据和业务逻辑,通常是从后端获取的原始数据或本地状态。 View(视图):用户界面,负责展示数据和接收用户交互(通常是 HTML 模板)。 ViewMode...
在 iOS 开发中,有时需要在 同一个项目 中开发多个 APP(例如主应用 + 轻量版 + 定制版)。这些 APP 可能有 相同的核心代码,但在 UI、功能或配置 上有所不同。下面在项目中 在一个 Xcode 项目中开发 3 个 APP,同时 复用组件和第三方库,提高开发效率并减少冗余代码。 一、使用 Xcode Target 实现多个 APP 在 Xcode 中,每个 APP 都是一个...
最近开发 iOS 手动打包开始变得频繁,所以集成的自动化也不可避免。在这里记录一下搭建持续集成的服务。 持续集成服务器初级配置 - Jenkis 安装 通过 Homebrew 安装 安装 $ brew install jenkins 后台进程服务 $ brew services start jenkins 如果不想启动后台服务,就只在 terminal 跑(关闭 te...
前阵子有在开发前端,用到了这个jQuery File Upload插件用来上传文件,也遇到了个适配 IE8 的坑,记录一下。 Demo Github 简单用法 $('#proImgsUpload').fileupload({ url : url, autoUpload : true, // 默认 add : function(e, data){ // 打开文件的...
没有设置头文件的目录 在项目的 target -> builds Settings -> User Header Search Paths 添加${SRCROOT} 值设置成 recursive