- 博客(9)
- 收藏
- 关注
RSS订阅原创 主流 React 框架的项目创建
React1.create-react-app全局安装create-react-app ---(可以使用但并不是一定):$ npm install -g create-react-app全局安装创建一个项目:$ create-react-app your-app 注意命名方式，不要出现项目名称为驼峰式Creating a new React app in /dir/your-app.Installing packages. This might take a couple of
2022-02-14 11:12:32
328
原创 React 事件绑定有哪些方法
首先在state 设好 " count "1. 直接在 render 内写行内箭头函数。<button onClick= {() => {this.setState({count: this.state.count + 1})}}>点击按钮 + 1</button>2. 在组件内使用箭头函数定义的一个方法2-1. 设好箭头函数 addHandler10addHandler10 = () => {this.setState({crunt:
2022-02-13 13:32:08
1567
原创 React 组件中的 DOM 样式
1.行内样式 行内样式需要写入一个样式对象，而这个样式对象的位置可以放在很多地方，例如render函数里、组件原型上、外链js文件中 2.使用class React推荐我们使用行内样式，因为React觉得每一个组件都是一个独立的整体 其实我们大多数情况下还是大量的在为元素添加类名，但是需要注意的是，class需要写成className（因为毕竟是在写类js代码，会收到js规则的现在，而class是关键字） 3.不同的条件添加不同的样式 ..
2022-02-11 14:35:12
386
原创 React VScode 扩展组件
Reactjs code snippets （Reactjs 代码片段 "有每个片段的触发器"）Reactjs code snippets - Visual Studio MarketplaceOne Dark Pro （一个黑暗专业）One Dark Pro - Visual Studio Marketplacevscode-icons （vscode 图标）vscode-icons - Visual Studio Marketplacenpm Intellisense
2022-02-10 22:11:06
631
转载 JS中获取DOM的方法
获取DOM的方法document.getElementById(‘id名’)在document上下文下获取元素(通过Id获取的元素是一个元素对象，获取不到就是null)document.getElementsByTagName(‘标签名’)通过指定的上下文获取指定的标签，获取的是一个元素集合，如果没有获取到元素，那就是空元素集合document.getElementsByClassName(’’)通过指定的上下文或按照class名取指定的标签，获取的是一个元素集合，如果没有获取到元素,那就是空
2022-02-10 21:05:42
835
原创 es5 的继承 和 es6 的类的继承机制的不同之处
ES5的继承时通过prototype或构造函数机制来实现。ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上（Parent.apply(this)）。ES6的继承机制完全不同，实质上是先创建父类的实例对象this（所以必须先调用父类的super()方法），然后再用子类的构造函数修改this。具体的：ES6通过class关键字定义类，里面有构造方法，类之间通过extends关键字实现继承。子类必须在constructor方法中调用super方法，否则新建实例报错。因为子类没有
2022-02-10 21:01:29
237
原创 小小技术点：过渡动画
过渡transition:linear （匀速）transition:ease（逐渐慢）transition:ease-in（加速）transition:ease-in-out（先加速后减速）transition:ease-out（减速）若分开表示，用逗号隔开transition-property:all(过渡所有）transition-duration: 1s (过渡时间）transition-delay: 2s (延迟过度时间）transition-ti...
2021-10-14 20:08:43
137
原创 如何解决高度塌陷
想要解决高度塌陷共有三种方法：1、使用 overflow:hindden 来解决高度塌陷，但它存在的缺点是溢出的内容也会被隐藏。2、clear:both （会增加代码冗余，clear清除浮动）在html中添加空的div，给这个div加clear:both原理：清除浮动带来的影响，缺点：在html中有冗余的代码3、万能清除法：父级元素：：after{content:" ",display:block;clear:both; height:0 width:0 ...
2021-10-14 14:26:05
120
原创 前端基础常识
前端基础:head 头部 body 身体超链接<a herf " ">表单控件：文本框：<input type = "text">密码框：<input type = "password">单选框：<input type = "radio "+name属性，name属性相等>复选框：<input type = "checkbox">下拉列表<select> <option> XX </op
2021-10-10 19:42:27
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人