摘要:
# vue笔记(持续更新) ## Vue scoped >scoped解决了什么? > >模块化编程下,在对应模块的js中import css,这个css仍然是全局。因此会产生css样式之间污染。scoped可以使css样式只作用于当前组件,解决了组件之间样式污染。给每个style都设置上scope 阅读全文
摘要:
# React笔记-Hooks(九) ## Hooks ### 概念 >React Hooks 的意思是 组件尽量写成纯函数 如果需要外部功能和副作用 就用钩子把外部代码"钩"进来 ### 函数组件和类组件区别 >- 函数组件没有状态(state) 类组件有 >- 函数组件没有生命周期 类组件有(挂 阅读全文
摘要:
React笔记-生命周期(七) 生命周期值React组件从装载到卸载的全过程 在这个过程中React提供了多个内置函数供开发者在不同阶段执行需要的逻辑 状态组件由3个阶段组成 挂载阶段(MOUNTING) 更新阶段(UPDATING) 卸载阶段(UNMOUNT) 从纵向划分为2个阶段 Render阶 阅读全文
摘要:
React笔记-组件通信(六) props概念 props是组件之间通讯的纽带 props也是组件中内置的一个属性 通过父级组件传入 在类组件里 可以直接通过this.props获取 注意: props是不可变的(只读) 修改需要从传值的组件中修改 props改变会使视图重新渲染 组件传值 父传子 阅读全文
摘要:
React学习笔记-state(四) 概念 state的主要作用是用于组件保存 控制以及修改自己的状态 它算是组件的私有属性 不可通过外部访问和修改 只能通过组件内部的this.setState来修改 修改state属性会导致组件的重新渲染 注意: 如果直接通过this.state.xxx的方式修改 阅读全文
摘要:
React学习笔记-渲染列表Key(五) 渲染列表需要添加key属性 import React from "react" export default class LearnKey extends React.Component { state = { infos : [ {name : 'Bob' 阅读全文
摘要:
React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以 一种不 阅读全文
摘要:
React学习笔记-事件(三) 定义事件 React 元素的事件处理和 DOM 元素的很相似 但是有一点语法上的不同 React 事件的命名采用小驼峰式(camelCase)而不是纯小写 如点击事件onClick import React from 'react' export default cl 阅读全文
摘要:
React学习笔记-组件(一未完成) 特点 声明式 组件化 跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- 阅读全文
摘要:
JavaScript兼容-持续更新 1.css非行内样式操作 // currentStyle用于IE低版本 getComputed用于主流浏览器 // element 目标元素 attribute 目标属性 function getStyle(element, attribute) { return 阅读全文