river、的博客

记录自己

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

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

2018-04-27 16:04:12

阅读数 3247

评论数 0

关于`1 + - + + + - + 1;`的理解(一元操作符 + - 的理解)

节选 下面部分节选自:《你不懂JS:类型与文法》第四章:强制转换中的 “明确地:Strings <–> Numbers” 除了String(..)和Number(..),还有其他的方法可以把这些值在string和number之间进行“明确地”转换: ...

2018-04-25 09:37:10

阅读数 103

评论数 0

填补 window.isNaN 工具的缺陷

内容来自: You-dont-know-JS中类型与文法的第二章(值) 不是数字的数字 如果你不使用同为 number(或者可以被翻译为十进制或十六进制的普通 number 的值)的两个操作数进行任何算数操作,那么操作的结果将失败而产生一个不合法的 number,在这种情况下你将得到 NaN ...

2018-04-24 16:15:42

阅读数 375

评论数 1

使用“机械极小值(machine epsilon)”作为比较的 容差 处理JS中小数的比较

内容来自: You-dont-know-JS中类型与文法的第二章(值) 小数值 使用二进制浮点数的最出名(臭名昭著)的副作用是(记住,这是对 所有 使用 IEEE 754 的语言都成立的 —— 不是许多人认为/假装 仅 在 JavaScript 中存在的问题): 0.1 + 0.2 === ...

2018-04-24 15:44:03

阅读数 538

评论数 0

VUE 设置本地代理

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

2018-04-20 17:24:01

阅读数 4943

评论数 0

Jtopo 正确的添加自定义属性

在使用 Jtopo 的过程中,有时候我们需要自定义一些属性来帮我们完成某些功能 在最开始的时候,我是直接添加的自定义属性: LockNode = new JTopo.Node(); LockNode.myType = "device"; // 自...

2018-04-20 10:37:39

阅读数 1354

评论数 6

vuex 详解

目录 目录 vuex安装及使用 简介 安装 使用 注册 项目中调用 vuex核心概念 State 单一状态树 在 Vue 组件中获得 Vuex 状态 mapState辅助函数 对象展开运算符 组件仍然保有局部状态 Getters mapGetters 辅助函数 Mutation...

2018-04-18 11:13:59

阅读数 164

评论数 0

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

效果源码 终于到年底了,再过两天我也要回家过年了,想想就激动呢!今天给大家带来一个基于移动端的canvas价格选择效果。 主要功能就是拖动标尺变动价格。而且支付宝和京东金融的里也有这样的效果(果然天下设计都是你抄我我抄你啊?)。 效果演示地址点击预览 1.实现思路 整个效果的核心就是用ca...

2018-04-17 15:40:18

阅读数 290

评论数 0

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

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

2018-04-17 14:19:44

阅读数 956

评论数 0

37、《每周一点canvas动画》——3D点线与水波动画

好像上次更新还是十一前,这唰唰唰的就过去大半个月了,现在才更新实在不好意思。这次我们不涉及canvas 3D的内容,主要分享一个比较炫的动画效果,可以算是上一篇文章《每周一点canvas动画》——3D点线与水波动画的加强版。在这篇文章中我们就分析这种效果是如何实现的,如果你对源码比较懵逼,相信看完...

2018-04-17 14:07:19

阅读数 274

评论数 1

26、《每周一点canvas动画》——3D旋转与碰撞

各位同学实在不好意思,最近忙着面试找工作,耽搁了一个星期。由于前一篇文章的关注的量比较多,让我决定以后的文章尽量多加一些高质量的DEMO和配图。可能这比较耗费时间,但质量才是王道,希望大家给点时间。 上一节我们介绍了重力和屏幕环绕在三维环境下的物理效果。其实三维环境中物体的运动状态,基本上与二维...

2018-04-17 13:50:35

阅读数 617

评论数 0

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

在上一节《每周一点canvas动画》——3D物理效果中,我们介绍了3维环境下的速度与加速度效果。这一节,我们继续介绍另外两个物理效果:重力和屏幕环绕。 一、重力 三维系统中实现重力效果的方式与二维的情况一样,设定一个重力值,比如 g=0.2 。然后,在动画循环中将它作用于物体竖直方向的速度...

2018-04-17 13:41:53

阅读数 138

评论数 0

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

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

2018-04-17 12:00:25

阅读数 290

评论数 0

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

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

2018-04-17 11:44:52

阅读数 368

评论数 0

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

前面的章节我们介绍了2D层面的canvas动画,基本上如果你对原理和概念都理解了,一般的2D层面的动画对你来说都是小菜一碟。从这一章开始我们介绍如何使用2D的canvas来渲染3D系统。 1.CSS3与webGL 提到3D效果,你可能首先会想到css3中的3D动画。通过它,单个元素或是整个...

2018-04-17 11:19:22

阅读数 520

评论数 0

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

每周一点canvas动画代码文件 本章介绍,另一个动画应用——万有引力。听起来似乎有些玄乎,但是多事情千万不要被表面现象所迷惑,理解了原理就很简单!不管是地球上的是物体,还是宇宙中的星辰,物体与物体之间总是存在着一种看不见摸不着的的力场作用,这也就是为什么牛顿会被苹果砸,地球会围绕太阳做运...

2018-04-17 11:17:37

阅读数 285

评论数 0

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

每周一点canvas动画代码文件 在上一节,《每周一点canvas动画》——桌球运动(1)中我们介绍了如何运用动量守恒和能量守恒的概念,最为真实的模拟了物体与物体之间发生碰撞后的情况。那么这一节,我们在上一节的基础上我们继续深入研究,非水平和垂直的情况下如何处理物体与物体之间碰撞后的情况...

2018-04-17 11:15:52

阅读数 149

评论数 0

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

每周一点canvas动画代码文件 一本好的技术书籍往往都是由浅入深,本系列文章基本上也遵循这个原理。在上一章中我们介绍了高级的坐标旋转,并且通过它,我们实现了任意角度的碰撞反弹效果,它让物体与非水平和非垂直的面产生合乎情理的碰撞成为了可能。那么在本章我们继续深入的介绍另一个问题——物体与物体...

2018-04-17 11:09:02

阅读数 198

评论数 1

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

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

2018-04-17 10:39:36

阅读数 834

评论数 0

记录书单

一直以来觉得不错的文章都是放在收藏夹的,今天突然发现收藏夹已经有那么长了… 教程 阮一峰 | JavaScript 标准参考教程(alpha) 阮一峰 | ECMAScript 6 入门 WebGL 中文教程 html5 Canvas画图系列教程 Vue学习笔记目录 正则 Mo...

2018-04-10 17:39:46

阅读数 121

评论数 0

提示
确定要删除当前文章?
取消 删除