2018年04月__let

原创使用webstorm找出指定文件夹内所有文件中包含的中文字符（webstorm利用正则查找内容）

首先在需要的目录右键，选择 Find in Path 如图填写正则（说明不仅仅可以查找中文这么简单哦！），勾选 Regular expression，查看目录是否正确，最后单击 Find 进行查找结果 ...

2018-04-27 16:04:12 8369

原创关于`1 + - + + + - + 1;`的理解（一元操作符 + - 的理解）

节选下面部分节选自：《你不懂JS：类型与文法》第四章：强制转换中的 “明确地：Strings <–> Numbers”除了String(..)和Number(..)，还有其他的方法可以把这些值在string和number之间进行“明确地”转换：var a = 42;var b = a.toString();var c = "3.14";var d = +c;...

2018-04-25 09:37:10 623

原创填补 window.isNaN 工具的缺陷

内容来自： You-dont-know-JS中类型与文法的第二章（值）不是数字的数字如果你不使用同为 number（或者可以被翻译为十进制或十六进制的普通 number 的值）的两个操作数进行任何算数操作，那么操作的结果将失败而产生一个不合法的 number，在这种情况下你将得到 NaN 值。NaN 在字面上代表“不是一个 number（Not a Number）”，但是正如我们即将看...

2018-04-24 16:15:42 817 1

原创使用“机械极小值（machine epsilon）”作为比较的容差处理JS中小数的比较

内容来自： You-dont-know-JS中类型与文法的第二章（值）小数值使用二进制浮点数的最出名（臭名昭著）的副作用是（记住，这是对所有使用 IEEE 754 的语言都成立的 —— 不是许多人认为/假装仅在 JavaScript 中存在的问题）：0.1 + 0.2 === 0.3; // false从数学的意义上，我们知道这个语句应当为 true。为什么它是 false...

2018-04-24 15:44:03 3441

原创 VUE 设置本地代理

配置proxyTable在vue-cli项目中的config文件夹下的index.js配置文件中，找到 proxyTable 的位置： dev: { env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assets...

2018-04-20 17:24:01 12970

原创 Jtopo 正确的添加自定义属性

在使用 Jtopo 的过程中，有时候我们需要自定义一些属性来帮我们完成某些功能在最开始的时候，我是直接添加的自定义属性： LockNode = new JTopo.Node(); LockNode.myType = "device"; // 自定义属性这样直接添加在使用时好像也什么毛病…console.log(LockNode.myType); // "device...

2018-04-20 10:37:39 3750 6

转载 vuex 详解

目录目录vuex安装及使用简介安装使用注册项目中调用vuex核心概念State单一状态树在 Vue 组件中获得 Vuex 状态mapState辅助函数对象展开运算符组件仍然保有局部状态GettersmapGetters 辅助函数Mutations提交载荷（Payload）对象风格的提交方式Mutations 需遵守 Vue 的响应规则使...

2018-04-18 11:13:59 757

转载《每周一点canvas动画》——圆周运动

效果源码终于到年底了，再过两天我也要回家过年了，想想就激动呢！今天给大家带来一个基于移动端的canvas价格选择效果。主要功能就是拖动标尺变动价格。而且支付宝和京东金融的里也有这样的效果（果然天下设计都是你抄我我抄你啊?）。效果演示地址点击预览1.实现思路整个效果的核心就是用canvas绘制的标尺。一共包括标尺主体，数字，和中间固定不变的标定轴，这几个部分都用canvas绘制。最...

2018-04-17 15:40:18 654

转载 28、《每周一点canvas动画》——canvas特效插件

很长时间没有更新文章了，经过几个月的时间，事情终于忙完了。今天，在这里为大家分享3款 canvas 特效插件，与其说是分享，不如说是为了方便使用，对前面章节的一些效果的封装。1. Martrix.jsGIthub地址API| 属性 | 类型 | 默认值 | 描述 | — | cW Number 1367 canvas宽度 cH Num...

2018-04-17 14:19:44 2800

各位同学实在不好意思，最近忙着面试找工作，耽搁了一个星期。由于前一篇文章的关注的量比较多，让我决定以后的文章尽量多加一些高质量的DEMO和配图。可能这比较耗费时间，但质量才是王道，希望大家给点时间。上一节我们介绍了重力和屏幕环绕在三维环境下的物理效果。其实三维环境中物体的运动状态，基本上与二维环境一样，主要的运动状态无非也就是那么几个：匀速运动，加速运动，碰撞，旋转等。再往后如果想要制作更加复...

2018-04-17 13:50:35 1935

转载 24、《每周一点canvas动画》——森林与星海

在上一节《每周一点canvas动画》——3D物理效果中，我们介绍了3维环境下的速度与加速度效果。这一节，我们继续介绍另外两个物理效果：重力和屏幕环绕。一、重力三维系统中实现重力效果的方式与二维的情况一样，设定一个重力值，比如 g=0.2 。然后，在动画循环中将它作用于物体竖直方向的速度上。虽然原理上没有什么大的变化，但是多了一个维度实现出来的效果确实相当具有视觉冲击力的。ok，一图胜千...

2018-04-17 13:41:53 451

转载 24、《每周一点canvas动画》——3D物理效果

在上一节《每周一点canvas动画》——3维环境搭建中，我们详细的介绍了要想在2D的画布上实现立体效果，需要做哪些事情。也就是我们所说的，怎样给画布中的物体搭建一个可以做三维运动的环境。这之后的所有知识和应用都是基于此环境来运行的。所以，务必弄懂。到现在为止，你可能发现我们所搭建的三维环境只是针对物体的大小变化做了一定的处理。但是，除了物体的大小，三维环境中，物体的颜色，物体的在光源环境下所展...

2018-04-17 12:00:25 812

转载 23、《每周一点canvas动画》——3维环境搭建

在上一篇《每周一点canvas动画》——从2D到3D中，我们讨论了要在2D的平面实现3D的效果，是一件多么复杂的事情。但是对于一些简单的3D效果，使用webGL不仅有杀鸡用牛刀的感觉，而且浏览器的兼容性也是一个很大的问题。所以，我们考虑在2D的canvas中去模拟3D的效果，将其作为我们项目中的降级方案。也许你对在2D的canvas中去模仿3D的效果保有怀疑，这里我先给一个小小的demo,让你直观...

2018-04-17 11:44:52 944

转载 22、《每周一点canvas动画》——从2D到3D

前面的章节我们介绍了2D层面的canvas动画，基本上如果你对原理和概念都理解了，一般的2D层面的动画对你来说都是小菜一碟。从这一章开始我们介绍如何使用2D的canvas来渲染3D系统。1.CSS3与webGL提到3D效果，你可能首先会想到css3中的3D动画。通过它，单个元素或是整个页面都可以通过动画，图片滤镜，以及2D或3D的变换变得生动起来。使用它来构建3D效果，一个最为直观的感...

2018-04-17 11:19:22 1332

转载 21、《每周一点canvas动画》——万有引力

每周一点canvas动画代码文件本章介绍，另一个动画应用——万有引力。听起来似乎有些玄乎，但是多事情千万不要被表面现象所迷惑,理解了原理就很简单！不管是地球上的是物体，还是宇宙中的星辰，物体与物体之间总是存在着一种看不见摸不着的的力场作用，这也就是为什么牛顿会被苹果砸，地球会围绕太阳做运动。在上一章我们讲解动量守恒，让很多人头疼不已，因为那应该算是这个系列最难的部分了吧。但我心中始终坚...

2018-04-17 11:17:37 654

转载 20、《每周一点canvas动画》——桌球运动(2)

每周一点canvas动画代码文件在上一节，《每周一点canvas动画》——桌球运动(1)中我们介绍了如何运用动量守恒和能量守恒的概念，最为真实的模拟了物体与物体之间发生碰撞后的情况。那么这一节，我们在上一节的基础上我们继续深入研究，非水平和垂直的情况下如何处理物体与物体之间碰撞后的情况，以及更为普适的多物体运动。本节主要内容：二维碰撞解析代码实现粒子系统总结1.二...

2018-04-17 11:15:52 550

转载 19、《每周一点canvas动画》——桌球运动(1)

每周一点canvas动画代码文件一本好的技术书籍往往都是由浅入深，本系列文章基本上也遵循这个原理。在上一章中我们介绍了高级的坐标旋转，并且通过它，我们实现了任意角度的碰撞反弹效果，它让物体与非水平和非垂直的面产生合乎情理的碰撞成为了可能。那么在本章我们继续深入的介绍另一个问题——物体与物体发生碰撞后应该如何处理？也许你会说，在前面的章节中我们不是已经介绍过物体与物体之间的碰撞检测了吗？但...

2018-04-17 11:09:02 687 2

转载超简单的纯前端模板引擎，只有几十行。

简单好用的纯前端模板引擎，AJAX的好搭档！ github地址：https://github.com/shalldie/mini-tpl引擎源码/** * 简易模板语法与ejs一样 */ (function(root, factory) { if (typeof define === "function" && define.amd) { ...

2018-04-17 10:39:36 2478

原创记录书单

一直以来觉得不错的文章都是放在收藏夹的，今天突然发现收藏夹已经有那么长了…教程阮一峰 | JavaScript 标准参考教程（alpha）阮一峰 | ECMAScript 6 入门WebGL 中文教程html5 Canvas画图系列教程Vue学习笔记目录正则MonoLog | HTML5，不只是看上去很美- 风之化身呀 | 简书文章你不懂JS（系列...

2018-04-10 17:39:46 453

原创 API接口收集

我们接触一项新技术需要写个练手项目就需要调用一些API接口，但是自己写有太麻烦，于是在网上收集了一些接口，以便使用：易搜数据小白接口阿里大于APiX 阿凡达数据百度API STORE 通联数据商城 Google API Library 聚合数据神州租车 Uber 阿里云百度云BmobGoogle Cloud PlatformLeanCloudOracle ...

2018-04-10 15:15:46 1079 1

river、的博客