摘要： 1.思路 生成一个新的div，添加（append）到document下，然后使用ReactDOM渲染该元素 创建一个Toast的类，因为需要类直接使用方法，所以创建相应的静态方法，直接调用 在方法调用前，清除定时器（如同节流），防止前面的定时器影响到后面弹出的toast的持续时间 2. es6中类的 阅读全文

摘要： 本质上，这两种方式都是为了加载css文件 区别 1.从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。 2.加载顺序区别加载页面时，link标签引入的 CSS 被同时加载；@i 阅读全文

摘要： Vue组件选项props 前面的话 组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将 阅读全文

摘要： Node.js 路由 我们要为路由提供请求的 URL 和其他需要的 GET 及 POST 参数，随后路由需要根据这些数据来执行相应的代码。 因此，我们需要查看 HTTP 请求，从中提取出请求的 URL 以及 GET/POST 参数。这一功能应当属于路由还是服务器（甚至作为一个模块自身的功能）确实值得 阅读全文

摘要： Cross Origin Resource Share (CORS) CORS是一个跨域资源共享方案，为了解决跨域问题，通过增加一系列请求头和响应头，规范安全地进行跨站数据传输 请求头主要包括 响应头主要包括 如何使用 客户端只需按规范设置请求头。 服务端按规范识别并返回对应响应头，或者安装相应插件 阅读全文

摘要： 1.swiper插件实现轮播图 swiper是一个实现轮播图很强大，上手也容易。并且也是现在app，网址等用的最多的，官方网址：http://www.swiper.com.cn/下载插件导入，按照教程即可实现精美效果 代码部分 2.JS实现轮播图 3.jQuery实现轮播图 4.css3实现轮播图 阅读全文

摘要： JavaScript防抖和节流 问题还原 我们先来通过代码把常见的问题还原: 在上面的程序中，看上去是没有什么问题，但是用户每输入一个字符，都会向后端发起一次请求，而这只是一个用户，如果同时很多用户进行相同的操作，无异于是给服务端造成极大的压力。 而解决这种问题，有很多种合适的方法，但是下文要说到的 阅读全文

摘要： 跨域解决方案之JSONP 同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 同源策略，它是由Netscape提出 阅读全文

摘要： 淡入淡出 首先我们先来看下js当中的一个普遍情况，就是精度问题。 JavaScript精度问题在js当中，关于小数的运算一向都是不够准确的。 例如： 在上面的代码中，我们可以发现，在js当中的小数运算，精度是存在问题的，并不是很精确。 为什么要说到透明度的问题呢？ 因为我们在设置透明度(opacit 阅读全文

摘要： 运动基础 我们先来实现一个简单的功能，当我们点击按钮之后，让一个元素动起来。并且到达500的边界之后立刻停止下来。 在上面的代码中，我们点击按钮之后，元素已经可以直接进行移动，但是却存在一个问题，什么问题呢？ 当我们点击按钮之后，元素始终以10px的匀速进行运动，到达500的临界然后停止。 但是我们 阅读全文