![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
清宵尚温。
业精于勤,荒于嬉;行成于思,毁于随。
展开
-
【react】类组件与函数组件 ref 通信
类组件与函数组件 ref 通信本篇文章主要针对于react 16版本以上用法1、创建ref 实例 constructor(props) { super(props); this.state ={ tags:[], actionTag:'',//点击的实体名称 tagindex:0, submenu:[], NewAttr:[],//添加的空白属性原创 2021-12-24 01:13:10 · 567 阅读 · 0 评论 -
npm 出现“Unexpected end of JSON input while parsing near“错误解决方法
npm cache clean --force 即可解决原创 2021-09-07 16:43:21 · 341 阅读 · 0 评论 -
JS获取网页高度和宽度
JS获取网页高度和宽度网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: docu原创 2021-09-06 18:05:05 · 676 阅读 · 0 评论 -
js中 json动态设置key的值
js中json动态设置key的值var obj={};obj.name="object";obj["age"] =26;var key="keyString";obj[key]="keyValue";原创 2021-08-31 14:36:38 · 2451 阅读 · 1 评论 -
CSS语法
CSS基础语法一、引入CSS样式的三种方式1、行內样式表:在HTML标签中,使用style=""的形式引用优点:使用灵活,优先级权重最高缺点:不符合w3c关于内容与表现分离的要求。代码杂乱,不利于后期维护、样式复用2、内部样式表:在<head></head>标签中,使用style标签包裹css代码特点:一定程度的实现了HTML与css的分离,但是分离不够彻底,没有办法多页面 公用样式3、外部样式表:jcss代码全部写到一个css文件中,使用link标签,将HTML文件与原创 2021-08-17 17:28:35 · 548 阅读 · 0 评论 -
【html css】DIV+CSS如何让图片和文字在同一行
【html css】DIV+CSS如何让图片和文字在同一行前端react项目要写一个图标放在标题后面。在div+css布局中,如果一行(或一个DIV)内容中有图片和文字的话,图片和文字往往会一个在上一个在下。目前使用3种方法实现,我用百度图片作为示例。1.添加CSS属性vertical-align:middle;<style> a img { border: none; } .testdiv * { vertical-align: middle; }原创 2021-08-11 16:49:52 · 31537 阅读 · 3 评论 -
react类组件常用生命周期理
react类组件常用生命周期理常用的生命周期图示:挂载阶段:constructor => render => componentDidMount => 结束更新阶段: render => componentDidUpdate => 结束卸载阶段:componentWillUnmount => 结束constructor构造函数用于以下两种情况:通过给 this.state 赋值对象来初始化内部 state。this.state = {prop: val,原创 2021-08-11 15:22:57 · 177 阅读 · 0 评论 -
几个div在一行的三种方法
几个div在一行的三种方法在网页开发过程中总会有需求让几个div水平显示在一行,而正常情况下两个div默认是block,所以是不能显示在一行的,如下面显示:<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style>div {height: 200px;width: 200px;}.div-green {background-c原创 2021-08-03 16:04:14 · 43097 阅读 · 3 评论 -
react 中 引入图片的几种方式
react 中 引入图片的几种方式//方式一:import tsIcon from '../images/typescript.jpeg';//方式二:const tsIcon = require( '../images/typescript.jpeg');//使用方式一<img src={tsIcon} alt= "" />//使用方式二<div style={{ background: `url(${tsIcon}) no-repeat`}}> <原创 2021-08-02 16:56:47 · 486 阅读 · 0 评论