children(插槽)children的作用类似于Vue中插槽的概念。children属性名固定，它是React的核心API。class Test extends React.Component {render () {return (<div><div>测试Children:</div><div>{this.props.chi

vuex管理token状态localStorage是浏览器技术，不是Vue的，其本身并没有“响应式”技术，故一个组件修改了localStorage的用户信息后，另外一个组件并不能马上get(获得)到 (除非页面刷新)，用户体验不好。现在使用vuex技术，实现多个组件之间共享数据、更新数据，还有响应式效果，并且vuex的数据可以被vue很好的监听。vuex介入后的模式是：用户组件操控vuexvuex

input事件修饰符(modifiers)vue官网：https://vue.docschina.org/v2/guide/forms.html#修饰符-modifiers.lazy默认情况下，v-model 会在每次 input 事件触发之后，将数据同步至 input 元素中。可以添加 lazy 修饰符，从而转为在触发 change 事件后同步：<!-- 在触发 "change" 事件后同

react 组件监听浏览器窗口变化react 组件实现监听浏览器窗口变化，需要在window对象中添加监听事件，事件中参数1是监听的事件，参数2为事件调用的方法。// 监听浏览器窗口变化componentDidMount() {// 在window对象中添加监听事件window.addEventListener('resize', this.resizeWindow)}// 移除监听窗口变化的事件

高阶组件高阶组件 HOC（hight ordered component）withRouter就是高阶组件高阶组件的本质其实就是一个函数，该函数参数接收一个组件，返回值依然是一个组件，返回的组件一般会比参数组件多一些props属性组件代码复用的一种方式（高阶组件可以向别的组件中注入通用的props属性）// 实现一个高阶组件// 参数表示输入的组件function withRouter (Inpu

React-router动态路由路由的路径可以进行模糊匹配路由映射的path可以是模糊匹配class DynamicRouter extends React.Component {render () {return (<Router><h1>动态路由</h1><hr/>{/*配置路由的链接

使用 nodemon 来自动重启http服务每次修改代码之后，都需要重启http服务器:进入控制台。按下ctrl+c，停止已有http服务器。手动运行：node index.js 来重启服务器。这会很麻烦。有没有一个工具能自动检测到代码的修改并自动重新运行代码呢？有，它叫nodemon。安装 nodemon通过npm包管理工具来进行安装。任意打开一个cmd命令行窗口，输入如下命令npm insta

组件接收数据props必须继承React.Component才可以成为一个类组件render方法的作用：产生组件的模板，属于react的核心api，名称固定必须通过this.props获取父组件传递数据，是只读的，不可以修改。class Nihao extends React.Component {render () {console.log(this.props)let uname = this

Ajax1. URL网址的基本概念URL概念：统一资源定位符 （UniformResourceLocator）俗称网址，用来标识某个资源在网络中的唯一位置。组成部分：示例网址：https://detail.tmall.com/item.htmid=555428842095通信协议： https://域名（服务器地址）： detail.tmall.com资源（文件）的具体位置：/item.htm?i

极验1. 人机交互验证介绍什么是人机交互验证：极验是一款人机交互页面效果系统，用户的行为没有满足要求，不给与下一步执行的机会，大致效果如下，用户如果没有把目标滑到指定区域就禁止下一步操作。之前的传统网站，用户输入 用户名、密码、验证码就可以登录系统了，这样的网站不安全，有网络爬虫技术，可以通过“后端程序代码” 模拟账号登录，进而获得网站的信息。现在比较先进的网站，都使用“人机交互验证”功能，对登录