SunFlower

摘要： 在组件化中选择合适的CSS解决方案应该符合以下条件： 可以编写局部css：css具备自己的具备作用域，不会随意污染其他组件内的原生； 可以编写动态的css：可以获取当前组件的一些状态，根据状态的变化生成不同的css样式； 支持所有的css特性：伪类、动画、媒体查询等； 编写起来简洁方便、最好符合一贯 阅读全文

摘要： 如何使用ref 在React的开发模式中，通常情况下不需要、也不建议直接操作DOM原生，但是某些特殊的情况，确实需要获取到DOM进行某些操作： 管理焦点，文本选择或媒体播放； 触发强制动画； 集成第三方 DOM 库； 方式一：传入字符串 使用时通过 this.refs.传入的字符串格式获取对应的元素 阅读全文

摘要： React脚手架 React脚手架本身需要依赖node，所以我们需要安装node环境。 什么是npm？ 全称 Node Package Manager，即“node包管理器”； 作用肯定是帮助我们管理一下依赖的工具包（比如react、react-dom、axios、babel、webpack等等）； 阅读全文

摘要： React的特点 声明式编程 声明式编程： 声明式编程是目前整个大前端开发的模式：Vue、React、Flutter、SwiftUI； 它允许我们只需要维护自己的状态，当状态改变时，React可以根据最新的状态去渲染我们的UI界面； 组件化开发 组件化开发： 组件化开发页面目前前端的流行趋势，我们会 阅读全文

摘要： 注册局部组件 全局组件需要使用我们全局创建的app来注册组件； 通过component方法传入组件名称、组件对象即可注册一个全局组件了； 之后，我们可以在App组件的template中直接使用这个全局组件： 当然，我们组件本身也可以有自己的代码逻辑： 比如自己的data、computed、metho 阅读全文

摘要： v-model的基本使用 表单提交是开发中非常常见的功能，也是和用户交互的重要手段： 比如用户在登录、注册时需要提交账号密码； 比如用户在检索、创建、更新信息时，需要提交一些数据； 这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-model指令来完成： v-model指令可以在 阅读全文

摘要： 认识计算属性computed 什么是计算属性呢？ 官方并没有给出直接的概念解释；而是说：对于任何包含响应式数据的复杂逻辑，你都应该使用计算属性；计算属性将被混入到组件实例中。所有 getter 和 setter 的 this 上下文自动地绑定为组件实例； 计算属性的用法： 选项：computed 类 阅读全文

摘要： 模版语法二 条件渲染 某些情况下，我们需要根据当前的条件决定某些元素或组件是否渲染，这个时候我们就需要进行条件判断了。 Vue提供了下面的指令来进行条件判断： v-if v-else v-else-if v-show v-if的渲染原理： v-if是惰性的； 当条件为false时，其判断的内容完全不 阅读全文

摘要： Vue3带来的变化（性能） 使用Proxy进行数据劫持 在Vue2.x的时候，Vue2是使用Object.defineProperty来劫持数据的getter和setter方法的； 这种方式一致存在一个缺陷就是当给对象添加或者删除属性时，是无法劫持和监听的； 所以在Vue2.x的时候，不得不提供一些 阅读全文

摘要： https://developer.mozilla.org/zh-CN/docs/Web/API/Node 阅读全文