橱窗外的小孩

摘要： React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或者说为什么会出现对应的定义方式呢？下面就简单介绍一下。 无状态函数式组件 创建无状态函数式组件形式是从React 0.14版 阅读全文

摘要： 在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 实例化 当组件在客户端被实例化，第一次被创建时，以下方法依次被调用： 阅读全文

摘要： 1. this.$router： (个人观点：可以用来传递参数) 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； this.$router.push({ path: '/monitor', qu 阅读全文

摘要： 表单提交中get和post方式的区别有5点 1.get是从服务器上获取数据，post是向服务器传送数据。 2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTPpost机制，将表单内各个字段与其内容放置在HTML 阅读全文

摘要： 背景介绍 什么是npm？ npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）, NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，它是 Node 获得成功的重要原因之一。常见的使用场景有以 阅读全文

摘要： 识别各种浏览器的实现原理是根据navigator.userAgent返回值识别: 实现: 附几种浏览的user_agent..像360的兼容模式用的是IE、极速模式用的是chrom的内核 比如判断360两种模式用下面代码： 阅读全文

摘要： 方法1. 添加：document.getElementById("id").classList.add("类名")； 删除：document.getElementById("id").classList.remove("类名")； 方法2 var classVal=document.getEleme 阅读全文

摘要： 2009年，W3C提出了一种新的方案--Flex布局，可以简便、完整、响应式地实现各种页面布局。目前已得到所有现在浏览器的支持。 flex浏览器支持 一、Flex布局是什么？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定 阅读全文

摘要： 自从用习惯flex布局我基本已经不怎么使用float了。 现在又出现了grid布局，就像flex的升级版，布局上十分强大。 主要属性： grid-template-columns：//竖向排列 grid-template-rows：//横向排列 首先比较一下flex和grid实现自适应九宫格，高度8 阅读全文

摘要： 为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle"); document.getElementById("myDIV").className = "mystyle"; document.getEle 阅读全文