J.c
本书的目录就激起了笔者强烈的阅读欲望。每阅读一章或一节，几乎都能解答之前遇到的疑惑，也开阔了知识面，是一本难得的好书，相见恨晚。笔者也相信，丰富的随书案例能在创作时激发灵感。 本文仅记录了部分知识点，感兴趣的读者可以深入阅读书本。 [原书案例>>][1] # 第一部分 JavaScript 动画基础 ## 第三章 三角学 ### 勾股定理： 用于直角三角形，直角两条边的平方和等于斜边的平方。 ### 已知两点计算长度 ``` a^2 + b^2 = c^2 ``` ### 三角函数 在直角三角形中， ``` sinθ = a /...
### 读书笔记 - [《Redis 实战》（思维导图）][1] ### 书本以外的知识点（不断积累）： 1. Redis 的单线程特性是指执行命令的线程，从任意个客户端接收到的命令都会被一个接一个执行。而事务（MULTI 和 EXEC）则会在 Redis 接收到 EXEC 命令时，将存储在事务队列的命令依次执行，执行期间不会被其他客户端的命令插入打断，即 Redis 事务是原子性的。 2. MULTI 和 EXEC 组成的事务在执行时不会被其他客户端打断，决解了“竞争条件”的问题。而 WATCH 命令则保证了：在任意个客户端连接的情况下，WATCH 到 EXEC 的整个代码逻辑（事务只是其中一部分）在执行期间数据的正确性（被 watch 的键未被改动）。...
原文：[Vue Authentication And Route Handling Using Vue-router][1] ![封面][2] [Vue][3] 是一个渐进式 JavaScript 框架，它使得前端应用的构建变得简单。搭配 [vue-router][4] 就能构建拥有复杂动态路由的高性能应用。vue-router 是一个高效的工具，它能在 Vue 应用中无缝地处理用户认证。在本教程中，我们将看到如何使用 vue-router 处理用户认证和应用各部分的访问控制。 ### 开始 通过 Vue cli 创建一个 Vue 应用： ```bash $ npm...
### 基础 ```js try { // 可能会导致错误的代码 } catch (err) { // 在错误发生时怎么处理 } finally { // 无论是否报错都会执行 } ``` `try-catch` 是针对可能抛出错误代码，避免因报错而中断整体代码的运行。 `try` 不能单独使用，必须搭配 `catch` 或 `finally` 使用。 当 `try`...
年纪大了，写不动文字笔记了（写到一半）😭。出思维导图，方便自己快速回顾及查阅。  [图片地址>>](https://blog-1251477229.cos.ap-chengdu.myqcloud.com/2019.09.21-pro-git-2/Pro%20Git%202.png) [MindNode>>](https://blog-1251477229.cos.ap-chengdu.myqcloud.com/2019.09.21-pro-git-2/Pro%20Git%202.mindnode.zip) --- 2019.10.25 补充： Git 2.23.0 （发布于2019.08.16）新增两个实验性命令： - git restore：和 git checkout -- 一样，减少 git checkout 的负担 - git switch：用于切换分支（亦可创建创建），但分支管理（如创删改查）仍可通过 git branch 参考地址：[《Git 2.23.0: Forget...
原文链接：[Auto-updating apps for Windows and OSX using Electron: The complete guide][1] **2017.11.06 更新**：electron-builder 提供了 electron-updater 模块，具体请查阅：[《Quick and painless automatic updates in Electron》](https://medium.freecodecamp.org/quick-painless-automatic-updates-in-electron-d993d5408b3a)。 由于我之前也调研了 Electron 的自动更新方面的知识，所以我会在保留原文所有信息的前提下，加入了一些备注（如作者的一些错误信息和补充了我个人的一些认识）。 --- 通过 [Electron][3]，你可能只需一眨眼的时间就完成了一个不错的桌面应用，并分发到用户手中。当你觉得自己能像一个侥幸的坏蛋一样轻松时，你可能会意识到你遗漏了一个重要的点：用户如何获取下一个版本呢？甚至该新版本新增了一些优秀的功能。当然，他们能删除后再重新安装该应用，但这难道不蹩脚吗？ 快速浏览 [Electron...
原文：[Machine Learning For Front-End Developers With Tensorflow.js——Charlie Gerard][1] > 摘要：结合 JavaScript 和诸如 Tensorflow.js 等框架是入门机器学习的好办法。本文将涵盖 Tensorflow.js 目前提供的三大主要功能，并阐明了在前端使用机器学习的局限性。 机器学习常给人的感觉是属于数据科学家和 Python 开发者的领域。然而，在过去数年，开源框架的涌现使得语言不再成为限制，JavaScript 就是其一。在本文，我们将使用 Tensorflow.js 并结合示例项目去探索在浏览器中使用机器学习的不同可能性。 ### 什么是机器学习？ 在开始深入代码前，我们先简单讲解机器学习是什么，及其核心概念和术语。 #### 定义 通用定义是赋予计算机从数据中获得学习能力而没有显式编程的能力。 > 人工智能领域的先驱者，Arthur...
> 曲线运动是指运动轨迹为曲线的运动。当物体运动的的速度与其所受到的合外力不在同一直线上时，物体便做曲线运动。典型的曲线运动有：平抛运动、斜抛运动、圆周运动等。——[维基百科][1] ## 引言 在 Web 页面中，直线运动很普遍，因为它实现简单的同时，也符合大多数场景。但是总有一些情况需要用到曲线运动。本文将曲线运动分为两种：「随机曲线运动」和「曲线路径运动」，后者是本文讲述的重点。而为了控制篇幅，部分章节以案例+外链的形式进行讲解。 ## 直线运动 在阐述曲线运动前，我们先看看直线运动。 在二维的直角坐标系中，速度矢量 ![速度公式][2]。当合外力方向不变时（即 ![vx][3]、![vy][4] 等比缩放或不变），物体会保持初始方向进行直线运动。 See the Pen 直线运动 by Jc (@JChehe) on CodePen. ## 典型的曲线运动 当物体运动的的速度与其所受到的合外力不在同一直线上时，物体便做曲线运动。典型的曲线运动有：平抛运动、斜抛运动和圆周运动。 See the Pen 典型的曲线运动...
原文：[Debouncing and Throttling Explained Through Examples][1] **Debounce** 和 **Throttle** 两者很类似（但不同！），均用于控制函数在一定时间范围内的执行频率。 将 debounce 或 throttle 后的函数用于 DOM 事件绑定是非常有用的。为什么？因为这让我们在事件和函数调用之间拥有了控制权。毕竟我们不能控制 DOM 事件的触发频率，却可以控制回调函数的执行频率。 例如，以下是 scroll 事件： See the Pen Scroll events counter by Corbacho...
在某些场景中，正态分布比随机分布更能还原自然现象。本文将阐述正态分布的相关知识，并结合案例讲解如何在动画中使用正态分布。 ### 什么是正态分布 其实，大家都熟知随机数，通过 `Math.random()` 就能返回一个 **[0, 1)** 区间内的 [伪随机数][1]。例如：当抛硬币的次数足够大时，正/反面的出现概率均为 50%。对于这种**均匀随机数**的情况是可以通过 `Math.random()` 模拟实现的。然而，自然界中有很多变量是服从或近似服从正态分布的。 ![正态分布][2] 正态分布，又名高斯分布 正态分布是一个在数学、物理及工程等领域都非常重要的概率分布，在统计学的许多方面有着重大的影响力。 一般地，如果对于任何实数 a, b（a < b），随机变量 X 满足： ![函数][3]，则称随机变量 X 服从正态分布。正态分布由参数 μ（期望值、均值）、σ（标准差）唯一确定，记作：![N][4]。如果随机变量 X 服从正态分布，则记作：![正态分布][5]。 正态分布的函数表达式：...