恪晨的小站

React-React表单

Web React

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

nginx配置websocket代理以及Gzip压缩

Web Nginx

前言在配置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-权威指南-语句

JavaScript Web

复合语句与空语句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事件处理与条件渲染

Web React

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

JavaScript-权威指南-对象

Web JavaScript

前言对象是JavaScript中的基本数据类型；对象是一种复合值，对象可看做属性的无需集合，每个属性都是一个键值对；属性名是字符串，所以我们可以把对象看成字符串到值得映射。JavaScript不仅是字符串到值得映射，还可以从一个称为原型的对象继承属性。除了字符串、数字、Boolean值、null

React-React生命周期

Web React

在React组件中使用state，可以实现代码一次编写，便可以让组件自我更新。State 与 props 类似，但是 state 是私有的，并且完全受控于当前组件，即仅在其组件内部有效。组件中使用state 要在组件中使用state，则必须使用class组件，并且在class的构造函数中对th