我们在做页面元素拖动功能的时候会考虑到pc端和移动端的适配，那么pc端我们用mousedown，mousemove，mouseup组合，移动端会用到touchstart，touchmove，touchend组合也能动起来，如果两端兼容，那么我们可以同时绑定这两种事件来适配。

vue-draggablegithub地址欢迎starDraggable plug-in can use mobile phone and PC at the same timehow to use {代码...} First example {代码...} # Second example {代码...} # Three example {代码...}

说实话requireJS我没使用过，原因是接触的16年时候觉得很鸡肋，随后马上就用webpack ES6模块化和node的CommonJS了，昨天看文章看到了模块化，就想着这个东西如何实现。想想确实也不是很简单。简单实现一下

一、确定github网站的ip 打开网址：[链接] 192.30.253.112 github.com 192.30.253.113 github.com 二、确定域名ip 打开网址：[链接] 或者是 151.101.185.194 github.global.ssl.fastly.net 151.101.13.194 github.global.ssl.fastly.net 三、确定静态资源ip 打开网址：[链接] 151.101.12.133 assets-cdn.github.com 151....

最近在学习d3.js,刚开始到选择器这一节，有一个selection.data方法，发现这个方法第二个参数可传可不传，第二个参数是函数，但文档里面并没有第二个参数使用方式的讲解，很难找到列子，所以就干脆撸源码了。

1.下载 [链接] 解压放到想要安装的目录下，例如 这样就能启动服务了 2.启动服务 {代码...} 这样就启动成功了 常见的redis服务命令：        卸载redis服务-------------redis-server --service-uninstall        开启redis服务-------------redis-server --service-start        停止redis服务-------------redis-server...

原因： 当你正常使用setState(name: e.target.value),这样中英文都不会有问题，但当你进行数据处理的时候 比如： setState(name: e.target.value.replace(/[^0-9a-zA-Zu4e00-u9fa5]/g, '')), 也就是想输入的时候就剔除数字汉字字母以外的内容，这时候输入框里面就是 “nninihnihao你好”，这样子的。

最近读《JavaScript高级程序设计》，里面有一章介绍数组类型，有一个方法是之前没怎么见过，也是我没有系统的掌握，发现这个方法大有可用，还有可能提高你编程的B格，所以就记录下来

我叫王大锤，是一家出版社的编辑。我负责校对投稿来的英文稿件，这份工作非常烦人，因为每天都要去修正无数的拼写错误。但是，优秀的人总能在平凡的工作中发现真理。我发现一个发现拼写错误的捷径：

lazyMan链式调用 {代码...} 请实现一个这样的东西。 第一反应，这不是链式调用吗，我们常用的jquery就是这样的啊。 仔细一看，中间那个sleep好像不太好弄。 怎么样才能让他10秒后才执行下面的东东嘞？？ 那就先写出个大概样子 {代码...} 首先是一个函数，然后返回一个对象，里面有sleep方法和eat方法，并且能够返回对象...

前言 很久没有写过小组件了，突然想做一个抽奖转盘，就花半天时间做一个，很简单 1.支持把一个圆盘分成n瓣。2.实现转动动画。3.弄个指针样式意思意思。4.遇到抽奖的需求改吧改吧就能用了。 图是这样的 过分中分析的问题：1.怎样根据数组长度把分好的扇形角度旋转到合适的位置。2.扇形内部的元素也会跟着旋转，怎么矫正。...

深度优先遍历和广度优先遍历 什么是深度优先和广度优先 其实简单来说 深度优先就是自上而下的遍历搜索 广度优先则是逐层遍历, 如下图所示 1.深度优先2.广度优先 两者的区别 对于算法来说 无非就是时间换空间 空间换时间 深度优先不需要记住所有的节点, 所以占用空间小, 而广度优先需要先记录所有的节点占用空间大深度优...

关于react 动画组件已经有很多，最近想自己做一个，目的就是依赖css3动画，这样能保证性能，项目种简单动画足够了；如果要复杂一些的动画，那就依赖于js了，本篇主要实现一个Animate组件，给组件内部添加元素的入场动画和出场动画，于是就花费半天时间试试，主要采用animate.css，大家一定很熟悉，下面就是思路和代码，...

JS在1.6中为Array新增了几个方法map()，filter()，some()，every()，forEach()，也就是一共有这么多方法了。

之前一直没完全弄清楚js原型链和继承，有时候是自己的理解，有时候靠死记；最近要回头看看js的基础，顺便记录一些内容。摘抄于阮一峰大神；如果想好好复习一下js基础内容，戳这里[链接]

记得16年的时候我初入前端差不多一年，公司做了一个webapp，有上传头像功能，当时这个项目不是我在负责，测试的时候发现苹果用户拍照上传头像会翻转，当时几个前端的同学捯饬了一下午也没解决，结果问题转到我这里，还有半个小时下班；当时也是一脸懵逼，首先想到的是，这怎么判断它是否翻转了呢？安卓没问题啊，有些苹...

接触react也有一段时间了，一直在做关于react前端架构相关的研究，今天遇见了一个需求：在做后台管理项目的时候，产品经理提出：从列表页填写查询条件，然后查询出结果，点击某一条结果进入编辑页面，编辑完了之后返回列表页，还想看到之前查询的条件和查询的结果；（目前是返回直接刷新页面，等于查询条件为空）。

接触vue也有一年多的时间了，一直没有做记录。作为一个前端开发者，对我而言，vue是一个正确的选择。vue的易用性，渲染能力，开发文档等等，都比较友好。最近的一段时间也在做react。

在很早之前就接触display：flex布局，尤其是不考虑低版本浏览器兼容之后，就开始肆无忌惮的使用了。之前做pc端的时候，要求兼容到ie8，也不会注意到它。后来做移动端，第一次看到display：flex，还是从一个实习生的代码里，然后查了查资料，居然是这么方便。

highcharthighcharts是国外的一家公司开发的图表库，主要采用svg画图，不支持h5的浏览器采用vml绘制，2009 年发布第一版，目前版本6.0.3；