![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端相关记录
jxc_
这个作者很懒,什么都没留下…
展开
-
<!DOCTYPE ...>有什么用处
1.<!DOCTYPE>是啥DOCTYPE也就是 document type ,文档类型。<!DOCTYPE>并不是一个html标签,它被声明在html文档的第一行,用来告诉web浏览器,我们写的这个html文件基于那个html版本,从而浏览器根据不同版本的规则来编写。<!DOCTYPE>必须在文档第一行来声明。如果没有声明,或者声明错误,...原创 2019-03-22 17:51:30 · 258 阅读 · 0 评论 -
JSX语法简介
const ele = <h1>Hello World!</h1>; 值不是字符串,而是一个标签 JSX是JavaScript和XML结合的一种格式。Js的语法扩展,完全在Js内部实现。 这种语言用于声明React中的元素,利用HTML语法来创建虚拟DOM。 ...原创 2019-03-02 11:18:21 · 72 阅读 · 0 评论 -
元素渲染
元素是构成React页面的最小元素,用来描述我们在屏幕上看到内容。渲染过程1.首先在首页(index.html)中添加一个id为‘root’的<div>.2.将React元素传递给ReactDOM.render(),将其渲染到页面上。const element = <h1>Hello, world</h1>;ReactDOM.render(el...原创 2019-03-02 17:15:28 · 65 阅读 · 0 评论 -
State与组件生命周期
State顾名思义,state用于表示组件的状态。相当于组件的私有变量,只可以在组件内部修改,完全受控于当前组件。是由类定义的组件所特有的。状态的声明class Clock extends React.Component{ constructor(props){ super(props); this.state = {date:new...原创 2019-03-04 19:44:50 · 61 阅读 · 0 评论 -
组件
React组件可以使我们将页面分为各个独立的,可复用的部件。组件可以接受任意的输入值,称之为props。组件调用后返回一个React元素。组件有两种定义方式:函数定义、类定义。//函数定义function Hello(props){ return <h1>Hello+' '{props.name}+'!'</h1>;}ReactDOM.re...原创 2019-03-04 18:51:45 · 48 阅读 · 0 评论 -
重启nginx报错
今天修改nginx配置文件,配置完了重启nginx一直报错。Job for nginx.service failed because the control process exited with error code. See "systemctl status nginx.service" and "journalctl -xe" for details.尝试的方法(前...原创 2019-04-15 19:07:56 · 1135 阅读 · 0 评论 -
React简介
1.React是一个用于构建用户界面的JavaScript库,主要用于构建UI。 2.React特点: 声明式设计(采用声明范式)、高效、灵活、JSX语法、组件、单向响应的数据流 3.React安装: npm install -g create-react-app create-react-app a...原创 2019-02-26 22:16:13 · 53 阅读 · 0 评论 -
js字符串与数组转化
1.字符串转化为数组var str = 'qwarasdazxav';var arr = str.split('');console.log(arr);// ["q", "w", "a", "r", "a", "s", "d", "a", "z", "x", "a", "v"]var arr2 = str.split('a');console.log(arr2);//[...原创 2019-03-20 16:49:56 · 338 阅读 · 1 评论 -
js数组中添加元素
1.尾部添加arr.push(element1, ..., elementN)2.头部添加arr.unshift(element1, ..., elementN)3.想添在哪就添在哪array.splice(start[, deleteCount[, item1[, item2[, ...]]]])//从下标为start的元素开始,删除deleteCount个...原创 2019-03-20 17:27:16 · 103 阅读 · 0 评论 -
JavaScript 中一些数学函数
JavaScript 中一些数学函数:1、绝对值语法:Math.abs(x)2、大于等于x的最小整数,天花板函数,向上取整语法:Math.ceil(x)3、小于等于x的最大整数,向下取整语法:Math.floor(x)4、四舍五入取整语法:Math.round(x)5、正弦函数语法:Math.sin(x)6、余弦函数语法:Math.cos(Math.PI/x...原创 2019-03-20 16:40:57 · 110 阅读 · 0 评论 -
一些关于H5的小知识
行内元素:span,img,a,b,input,u,em,i,del块级元素:p,div,li,h1~h6,blockquote,hr,br空元素(单标签元素): img,hr,br,input,meta,linkH5新特性:1.新结构性标签:header,nav,article,section,aside,footer新功能型标签:audio,video,embed,t...原创 2019-11-28 14:23:55 · 95 阅读 · 0 评论