- 博客(12)
- 收藏
- 关注
原创 从Vue2的角度学Vue3
Object.defineProperty逐个代理属性,为每个属性创建 getter 和 setter,代理开销大深度代理,处理深层嵌套的复杂数据结构,性能较差; 不能响应新增的属性,需要使用 Vue.set 或 this.$set 添加新的响应式属性proxy代理整个对象,代理开销更少只有实际访问的数据才做代理操作,内存占用更少拦截对象的所有访问操作,包括读取、修改、删除,更有效地管理复杂的数据结构支持响应新增的属性虚拟 DOM 进行了优化,减少了不必要的渲染和比对,提升了渲染性能。尤其在大型
2025-02-25 17:22:28
821
原创 前端知识点查漏补缺
/ 自定义指令是前端框架Vue中的一种功能// 使用: v-color.bold 传递了一个修饰符bold// 注册:// 0.全局注册// 在 main.js 或 app.js 中注册全局指令// bind钩子:指令第一次绑定到元素时调用。只调用一次。// 指令的值可以通过 binding 对象获取// value:传递给指令的值。// oldValue:指令更新前的值。// arg:指令的参数(如果有)。// modifiers:修饰符对象,包含所有传递给指令的修饰符},
2025-02-20 12:54:34
1727
原创 JavaScript常用方法汇总(字符串、数组、对象、数学、日期等)
Object.defineProperty(obj, prop, descriptor):定义对象的属性并配置其特性。Math.sin(x)、Math.cos(x)、Math.tan(x):返回角度的正弦、余弦、正切值。indexOf(searchString):返回子字符串首次出现的位置,如果没有找到则返回 -1。filter(callback):创建一个新数组,数组中的元素是回调函数返回 true 的元素。indexOf(item):返回数组中元素首次出现的位置,如果没有找到则返回 -1。
2025-02-18 19:10:27
791
原创 前端知识点查漏补缺
接收多个参数,存储在一个数组中将数组元素根据给定的回调函数进行累加或其他操作,total从0开始函数声明 function add() {}函数表达式 const add = function {} 有匿名和具名函数箭头函数error-lens显示你最后选中的html元素的可枚举属性。
2025-01-23 16:12:32
194
原创 React Native和 React、Vue3、Vue2 的区别,包含具体语法区别
React和Vue都是构建前端应用的框架,但在设计哲学和数据绑定方式上有所不同。React更注重单向数据流,而Vue支持双向数据绑定。React采用JSX和虚拟DOM,而Vue使用模板语法和指令系统。是专门为移动端开发的框架,允许开发者使用React来编写原生应用。Vue3在性能、响应式系统和TypeScript支持上相比Vue2有显著提升,并且引入了Composition API,使得组件逻辑的组织更加灵活。
2025-01-23 11:13:05
1883
原创 从Vue Router的角度学React Router
使用 BrowserRouter 或 HashRouter 包裹应用,定义路由规则。Vue.use() 和 new VueRouter()Router component 或 render。Link 或 history.push()useEffect 和 history。path 和 component。Route 和 Switch。Route 组件的嵌套。Redirect 组件。没有路径的 Route。
2025-01-22 17:29:00
145
原创 从Vuex的角度学Redux
编写返回函数的 action creators,接收 dispatch 和 getState 作为参数,允许你在异步操作完成后分发 actions。用于从 Redux store 中选择(读取) state。通过 dispatch,你可以触发 actions(同步或异步)。mapState、mapGetters、mapActions、mapMutations函数。types.js: 定义 Redux action 类型的常量。actions.js: 定义action creators。
2025-01-22 15:14:39
491
原创 从Vue的角度学React
jsx(js语法扩展,允许js中迁入html结构) 转换为React.createElement('h1', { className: 'greeting' }, 'Hello, world!') 函数组件或类组件。外部 CSS 文件、CSS-in-JS 库(如 styled-components)父组件访问子组件实例暴露内容 forwardRef 允许在函数组件中转发ref。避免在组件重新渲染时创建新的回调函数,优化性能,当依赖值变化才更新。v-if, v-else 和 v-show。
2025-01-22 10:34:49
271
原创 React和React Native区别
React 和 React Native 在语法上有许多相似之处,但它们的差异主要体现在渲染机制、布局方式、事件处理、访问原生功能等方面。React Native 侧重于跨平台的原生开发,因此它有一些与 React 不同的 API 和组件设计,确保可以访问和操作移动设备的特性。
2025-01-17 11:13:04
2098
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人