随笔分类 - Web
摘要：1. @ 和 : 的区别 @是v-on的简写,用于设置HTML属性 @click="onOperate(slotProps.row)" onOperate是一个方法,发生点击事件是会调用onOperate方法,执行对应的处理 : 是v-bind的简写,用于绑定HTML事件 :disabled="ha
阅读全文
摘要：##1. React Hook/Hooks是什么? (1). Hook是React 16.8.0版本增加的新特性/新语法 (2). 可以让你在函数组件中使用 state 以及其他的 React 特性 ##2. State Hook (1). State Hook让函数组件也可以有state状态, 并
阅读全文
摘要：【相关文档】:印记中文-react-router-dom文档 ##1. 简介 react-router-dom是react的一个的路由插件库, 专门用来实现一个SPA应用(Simple Page Application),即单页面应用,在单页面应用中,点击导航组件跳转时浏览器的页面不会刷新(地址栏左
阅读全文
摘要：##1. 父组件给子组件传递数据 通过props传递数据信息 ##2. 自足按键给父组件传递数据 通过props传递数据,此时传递的是一个函数 子组件收到某些数据后,将数据作为参数调用该函数,此时父组件就可以在对应的方法中接收到对应的参数,然后进行处理 ##3. 发布订阅 适用于任意组件之间的通信
阅读全文
摘要：##1. package.json中配置 在package.json中添加如下代码: "proxy":"http://localhost:5000" ###说明 优点：配置简单，前端请求资源时可以不加任何前缀。 缺点：不能配置多个代理。 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那
阅读全文
摘要：##1. 旧版本的声明周期 ###1. 原理解析 初始化阶段: 由ReactDOM.render()触发初次渲染 constructor() componentWillMount() render() componentDidMount() > 常用 更新阶段,由组件内部this.setSate()
阅读全文
摘要：##1.高阶函数 若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。 若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。 常见的高阶函数有：Promise、setTimeout、arr.map()等等 ##2. 函数的柯里化 通过函数调用继续返回函数的方式，实现多次接收参数
阅读全文
摘要：##1. 总结 ###1. 通过onXxx属性指定事件处理函数(注意大小写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件 —————— 为了更好的兼容性 React中的事件是通过事件委托方式处理的(委托给组件最外层的元素,事件冒泡) ————————为了高效 ###2. 通过
阅读全文
摘要：##1. 简介 组件可以通过添加ref属性来表示自己 react会收集实例的ref信息,以ref定义的名称为key,定义ref的节点为value,然后将这个key-value放到实例的refs属性中 可以通过this.refs.refName获取该ref对应的节点 不要过度使用ref ##2. 字符
阅读全文
摘要：##1. 简介 pros用于接收传入组件的属性信息 一般pros只用于读取,不能修改,修改pros代码会直接报错 ##2. 基本使用 //创建组件 class Person extends React.Component{ constructor(props){ //构造器是否接收props，是否传
阅读全文
摘要：##1. 简介 组件内部可以维护一个状态数据state,通过this.state访问该数据,一般定义为一个对象,可以包含多个key-value组合; 通过setState()更新组件的状态数据时,组件会重新调用render()重新渲染页面 ##2. 写法 ###1. 构造器中初始化state con
阅读全文
摘要：##1. 简介 通过class关键字创建组件 ##2. 原生JS创建类 ###1. 示例代码 展开代码 // 组件名大写 class Person { // 用于初始化对象 constructor(name,age) { // this 指向类的实例对象 this.name = name; this
阅读全文
摘要：##1. 简介 函数式组件本质上就是一个JS函数 作为一个组件，至少包括一些结构代码 ##2. 示例代码 展开代码 ##3. 运行原理 ReactDOM.render解析组件标签 解析到组件为函数式组件，调用该函数，将返回的虚拟DOM转为真实DOM呈现在页面 普通JS函数中的this指向的是wind
阅读全文
摘要：##1. 简介 JSX，是一个 JavaScript 的语法扩展，使用JSX可以提高我们的开发效率； JSX语法是类XML语法，好处是标签可以任意嵌套，我们可以像HTML一样清晰看到DOM树结构和其属性 ##2. 语法规则 标签中使用表达式时要用{} 只有一个根标签 标签必须闭合 标签首字母 若首字
阅读全文
摘要：##1. 简介 官网地址 react是一个用于构建用户界面的JavaScript库 ##2. 为什么要学习React ###1. 原生JS的缺点 原生JS操作dom繁琐,效率低 原生JS直接操作dom,浏览器器会进行大量的重绘重排操作 原生JS没有组件化编码方法,代码复用率低 ###2. React
阅读全文
摘要：设置select，option文本居中 可以通过 padding 属性设置内边距，使它看上去居中； select{ # 从左到右依次表示上内边距，右内边距，下内边距，左内边距； padding ：0 0 0 20px； } 使用padding 时，option 不用设置即可居中，样式继承select
阅读全文
摘要：$.ajax({ // 请求方式 type:"post", // contentType contentType:"application/json", // dataType dataType:"json", // url url:url, ...
阅读全文
摘要：浏览器解析HTML文件时，先判断script 标签中是否有src属性，有则执行指定路径下的JS文件，没有则执行script标签中的js脚本。 1. HTML内嵌JS head里面添加script元素，script元素内定义JS方法 <head> <script> function hi() { al
阅读全文
摘要：HTML元素ID和JS方法名重复时，JS中的重名方法无法被找到，不能执行。 修改ID或者方法名，两者不一致即可。
阅读全文
浙公网安备 33010602011771号