恪晨的小站

React-React状态提升

Web React

状态提升的原因在使用多个组件时，需要反应相同的变化数据，这是应该使用状态提升，将共享的状态提升到最近的父组件中。举例描述以计算水在给定温度下是否会沸腾，设置一个基本的计算器程序。1、设置一个名称为BoilingVerdict的组件，用于判断接收到的温度是否导致水沸腾。当从props中接收的c

CSS-精通CSS第一章-基础知识

CSS Web

标签意义的重要性为页面引用加上正确的标记，可以更方便的搜索代码；不同程序或者设备可以理解有意义的标签，提高了用户体验；标签的语义化可以使Web开发者更快速的开发；ID和Class的选择使用在html5中新元素出来以后，网页文档更加具有语义化，即使因为某些原因导致网页CSS文档加载失败，页面所呈现

React-React表单

React Web

在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。受控组件在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState()来更新。渲染表单的

nginx配置websocket代理以及Gzip压缩

Nginx Web

前言在配置Nginx反向代理时，有时候访问的可能时需要websocket，但是Nginx默认是没有开启的，所以需要配置websocket的反向代理。配置内容：http { map $http_upgrade $connection_upgrade { default upg

配置npmrc加快项目依赖安装速度

Web

原因在项目中安装某些依赖时，会有不可抗拒的因素，导致依赖安装慢或者安装不上的问题，因为在项目中配置国内taobao源，便于安装。操作1、在项目根目录新建一个名称为.npmrc的文件；2、将以下内容复制到.npmrc文件中； registry=https://registry.npm.tao

JavaScript-权威指南-语句

Web JavaScript

复合语句与空语句JavaScript中将多条语句联合在一起形成复合语句，只需要将多个语句用{}括起来即可。语句块的结尾不需要分号；块中的原始语句必须用分号结束；语句块中的语句尽量尽心缩进显示；JavaScript中没有块级作用域，语句块中声明的变量并不只是在语句块可使用；声明语句var和functi

React-React列表与Key

Web React

在React中的列表与JavaScript类似，可以通过{}在JSX中进行列表的渲染。基础组件列表定义一个组件，并接收一个list作为参数，渲染出list中的每个元素，需要注意的是需要为每一个li设置key，不然会报错，因为key是为了帮助React识别元素，一个元素的 key 最好是这个元

前端项目关闭使用package-lock.json

Web

简单的说，package-lock.json是npm在安装依赖node_modules时自动生成的一个文件，这个npm5之后才有的，这个文件的功能主要是安装之后锁定包的版本，手动更改package.json文件安装将不会更新包，想要更新只能使用 npm install xxx@1.0.0 –sav

常用正则表达式

Web

校验数字的表达式数字：^[0-9]*$n位的数字：^\d$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$零和非零开头的数字：^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数：^

React-React事件处理与条件渲染

React Web

事件处理 React中，使用事件的方式与原生JavaScript中使用事件方式类似，但是在React中，事件的命名采用的是小驼峰式（类似eventName），并且在JSX语法中，需要给事件传入一个函数，而不是字符串。如：<button onClick={eventName}>click