![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web开发
文章平均质量分 80
rosie同学
计算机专业渣渣一枚,希望能在博客记录点东西。
展开
-
【React源码笔记】setState原理解析
React把组件看成是一个State Machines状态机,首先定义数值的状态state,通过用户交互后状态发生改变,然后更新渲染UI。也就是说更新组件的state,然后根据新的state重新渲染更新用户的界面。而在编写类组件时,通常分配state的地方是construtor函数。刚开始热情满满学习的时候,总是从React官方文档开始死磕,看到state那一块,官方文档抛出了“ 关于 setState()你应该了解的三件事 “几个醒目的大字:(1)不要直接修改state(2)state的更新可能是异原创 2021-06-18 15:15:02 · 1370 阅读 · 0 评论 -
div内部元素实现水平垂直居中总结
(1)flex弹性布局第一种实现办法(align-self: center):.box{ width: 300px; height: 300px; background-color: red; /*弹性布局,子元素float,vertical-align,clear失效*/ display:flex; } .box_child{ width: 200...原创 2020-02-24 18:08:20 · 1979 阅读 · 0 评论 -
网页简单分页效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; } .bo...原创 2020-02-24 15:33:26 · 494 阅读 · 0 评论 -
for循环每次等待一秒执行
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head><body> <p id="text">0</p></body><script src=...原创 2020-02-23 23:07:21 · 8330 阅读 · 0 评论 -
web前端开发入门十个小项目(Hbuilder)
编译器:Hbuilder(读代码中详细注释可易懂)项目导航:项目名称实现功能鼠标点击事件鼠标点击按钮“不好”,当点击触发时就会弹跳强制勾选一选中则不能取消漂亮的跑马灯文字加速滚动和图片滚动鼠标触摸暂停点击按钮换颜色点击不同的按钮,覆盖原来颜色,呈现新的颜色简单的搜索框获取光标后,框中提示消失;输入内容后不会消失中英文变换点击按钮切换...原创 2019-07-25 19:26:11 · 9437 阅读 · 0 评论