JocelynFung

摘要： 想要获取元素操作DOM，React中该怎么做呢？~ 首先肯定是要在DidMount周期函数中调用啦需要真实dom为前提嘛 1. 和VUE一样，可以使用this.$refs.xxx,结合元素中放置ref属性 【其实不推荐这样~】 2.可以使用document.querySelector('xx')获取 阅读全文

摘要： React中的继承原理 // 1.首先基于call继承， React.Component.call(this) //this为parent类的实例p class Parent extends React.Component{ constructor(props){ super(props) this 阅读全文

摘要： 让组件具备更强的拓展性与复用性 *传递数据值使用属性 *传递html结构使用插槽 如果不需要控制父组件书写结构的准确性来保证子组件的渲染位置，那可以直接使用双标签，在双标签里面书写需要的内容即可~ 如果需要具体准确的渲染，那可以使用具名插槽咯~ React需要我们自己实现，而Vue已经封装好，直接使 阅读全文

摘要： 前言： Vue中的组件开发： 1.全局组件和局部组件 2.函数组件和类组件（vue3不具备functional函数组件） React中的组件化开发： 没有明确全局和局部的概念，可以理解为都是局部组件，不过可以把组件注册到React上，这样每个组件只要导入React中即可使用 1.函数组件 2.类组件 阅读全文

摘要： 关于JSX底层处理机制 1）首先，编写的JSX语法，编译为虚拟DOM对象（virtualDOM） 虚拟DOM对象：框架内部构建的一套对象体系（对象的相关成员都是React内部规定的），基于这些属性描述出所构建视图中的DOM节点的相关特征。 a. 基于babel-preset-react-app，把J 阅读全文

摘要： 一、语法使用上的细节 JSX构建视图的基础知识 JSX：JavaScript and xml(html) 将js与html标签混合到一起 如何快速让VScode支持JSX语法，格式化，快键提示？ 创建的js文件，将后缀名设置为jsx即可 webpack的打包规则中，会对.jsx按照js的方式进行处理 阅读全文

摘要： React的MVC模式与Vue的MVVM模式 mvc:model数据层+view视图层+controller控制器 按照专业的语法构建视图（页面）：基于JSX语法 构建数据层：但凡在视图中需要动态处理的（需要变化的如“样式、内容”），都要有对应的数据模型 3.控制层：当在视图中（或根据业务需求）进行 阅读全文

摘要： 如果通过yarn安装，则将package.lock.json与node_modules两个文件删除，用yarn重新安装。 vue脚手架搭建项目后默认安装vue在包中，而React不止至于react~ 打包命令 browserslit的作用 脚手架的进阶应用 如果操作eject命令，可以暴露配置项修改 阅读全文

摘要： 时间久远，工作中没有遇到react的情况，早就忘记React怎么写了~回顾一下吧。 React项目的搭建 npx creat-react-app app-name React项目的运行 具体可以参考README中的说明，没有特殊的情况下，直接 npm start 删除项目src目录中不必要的代码先， 阅读全文

摘要： 按照常规，用户登录成功的时候是会返回一个token值，前端就可以将这个token存储到cookie中随后在其他接口使用的时候放置在Headers中进行传递。 实现这个功能，首先需要了解JWT Secret（密钥）与JWT（Token）。 JWT Secret (密钥): 这是一个私有的字符串，仅在服 阅读全文