摘要: 其实说是复盘,因为在平常的开发中因为公司一些项目和其他原因断断续续的使用了一段时间 vue3,因为着急赶项目,有些知识点没有系统性学习,所以决定从今天开始一点点再学习一遍٩(•̤̀ᵕ•̤́๑)ᵒᵏᵎᵎᵎᵎ哈哈! 刚开始从vue2 过渡到 vue3的同学们其实是有些不适应的,但是随着前端框架更多的拥抱 阅读全文
posted @ 2024-04-10 15:44 木鱼水心 阅读(41) 评论(0) 推荐(0)
摘要: 360 全景浏览是一种性价比很高的虚拟现实解决方案,给人一种全新的浏览体验,让你足不出户就能身临其境地感受到现场的环境。该技术被广泛地应用在房产、酒店、家居等领域。 下面我们使用三种方法讨论一个 360 全景的实现。 一、CSS3 利用 CSS 中的变换、旋转等属性就可以实现一个 360 全景。实现 阅读全文
posted @ 2022-03-15 08:33 木鱼水心 阅读(1314) 评论(0) 推荐(1)
摘要: 借助前端构建工具webpack 1、webpack是facebook为react量身打造的构建工具 2、主要作用是实现模块化,代码整合,代码分割的作用 3、使用webpack整合以后 也不需要使用browser进行将jsx转成js了 webpack实现模块化 什么是模块化 1、模块指的是一组具有同等 阅读全文
posted @ 2017-05-30 19:39 木鱼水心 阅读(3825) 评论(0) 推荐(0)
摘要: 一、react组件的生命周期 1、生命周期指的是组件从初始化开始到结束的过程 或者是生命周期是描述ract组件从开始到结束的过程 2、每个react组件都具有生命周期 3、react都对组件通过生命周期给予的钩子函数进行管理 react组件经历总体阶段 1、mounted阶段 加载阶段 或者说初始化 阅读全文
posted @ 2017-05-30 19:00 木鱼水心 阅读(588) 评论(0) 推荐(0)
摘要: 组件通信无外乎,下面这三种父子组件,子父组件,平行组件(也叫兄弟组件)间的数据传输。下面我们来分别说一下: 父子组件: 这里我们通过设置默认状态,添加onchange事件,并把状态以默认属性的形式给子组件,然后通过this.props来获取。 说完了父子组件,那么子组件如何传递到父组件呢? 【子组件 阅读全文
posted @ 2017-05-30 17:55 木鱼水心 阅读(301) 评论(0) 推荐(0)
摘要: 一、React数据的传输 1、属性和状态是react中数据传递的载体 2、属性是声明以后不允许被修改的东西 3、属性只能在组件初始化的时候声明并传入组件内部,并且在组件内部通过this.props获取 4、组件内部可以通过getDefaultProps声明默认属性 下面来说一下属性传值的两种方式:1 阅读全文
posted @ 2017-05-29 21:05 木鱼水心 阅读(319) 评论(2) 推荐(0)
摘要: 一、组件的嵌套 在做移动端的时候,有时候我们可以把React与mui混合使用,但mui中的classname记得换成className,另外三大框架(vue/react/angular)都可以与bootstrap搭配使用, 在一些简单的页面中我们可以使用bootstrap的可视化组件快速搭建原型页面 阅读全文
posted @ 2017-05-29 20:23 木鱼水心 阅读(414) 评论(0) 推荐(0)
摘要: 一、React的发展 facebook在构建instagram网站的时候遇见两个问题: 1、数据绑定的时候,大量操作真实dom,性能成本太高 2、网站的数据流向太混乱,不好控制 于是facebook起初调研过市场上已存的mvc框架,发现都不太满意,于是就推陈出新,开发了react框架,并在2013年 阅读全文
posted @ 2017-05-28 21:01 木鱼水心 阅读(471) 评论(0) 推荐(1)