前端
关注
分享
扫一扫
清宵尚温。
业精于勤，荒于嬉；行成于思，毁于随。
展开
-
【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 · 627 阅读 · 0 评论 -
npm 出现“Unexpected end of JSON input while parsing near“错误解决方法
npm cache clean --force 即可解决原创 2021-09-07 16:43:21 · 377 阅读 · 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 · 753 阅读 · 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 · 2571 阅读 · 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 · 623 阅读 · 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 · 33980 阅读 · 3 评论 -
react类组件常用生命周期理
react类组件常用生命周期理常用的生命周期图示：挂载阶段：constructor => render => componentDidMount => 结束更新阶段： render => componentDidUpdate => 结束卸载阶段：componentWillUnmount => 结束constructor构造函数用于以下两种情况：通过给 this.state 赋值对象来初始化内部 state。this.state = {prop: val,原创 2021-08-11 15:22:57 · 215 阅读 · 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 · 48079 阅读 · 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 · 568 阅读 · 0 评论