Csy Blog

正确的开始，微小的长进，然后持续。祝我们有一万次微小的闪耀。

《重构：改善既有代码的设计 第二版》笔记

该笔记不适合人类舒适地阅读 重构第一步:有一套可靠的测试集，可以借助测试框架配置好这些测试，否则就得耗费大把时间来回比对，降低开发速度。重构精髓：小步修改，每次修改后就运行测试。 重构手法 提炼函数 以查询取代临时变量 从赋值表达式的右边提炼一个函数来 内联变量 改变函数声明 拆分循环 以多态取代条件表达式 以管道取代循环 何时重构 由经...

Posted by csy on 2019-05-01

symbol到底是什么？

前言 Symbol是ES6的特性，现在ES9都出来了。以前看过Symbol，但是这么久都没有用过就渐渐只记得名称了。 MDN上的描述： “数据类型 “symbol” 是一种原始数据类型，该类型的性质在于这个类型的值可以用来创建匿名的对象属性。该数据类型通常被用作一个对象属性的键值——当你想让它是私有的时候。symbol 数据类型具有非常明确的目的，并且因为其功能性单一的优点而突出；一个 ...

Posted by csy on 2019-04-15

nginx之HttpProxy模块

前言 虽然以前配置过几次nginx，因为不常用，一直没有系统的去整理学习过。今天遇到了点问题，感觉之前一直都是似懂非懂，非常有必要做个小结。 当nginx使用了HttpProxy模块，用户的整个请求会在nginx中缓冲直至传送给后端被代理的服务器。默认缓冲区大小等于指令，一般等于页面大小,可能是4K也可能是8K,取决于平台。但我们可以把它设置得更小。如果缓冲区开启,nginx假定被...

Posted by csy on 2019-04-02

Layabox小游戏试玩小结

一、试玩历程 随着微信小游戏的大热，我们组的运营也坐不住了。从18年9月份的时候开始接触Layabox游戏引擎，当时看了一篇文章对比了各大游戏引擎，作者用各种数据安利Layabox，说是目前全球性能最高的HTML5引擎之一。那就来试试吧。 第一个小游戏《玩个锤子》，用TypeScript + Layabox进行开发。 当时layabox官方已经发布了LayaA...

Posted by csy on 2019-03-13

闭包和高阶函数

1. 高阶函数 什么是高阶函数？ 函数可以作为参数传递 函数可以作为返回值输出 1.1 函数作为参数传递 即经常用到的回调函数 1.2 函数可以作为返回值输出 “无论通过何种手段将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包。” – 《你不知道的javascript》 举例函数作为返回值输出： :chestnut:1...

Posted by csy on 2019-02-17

JavaScript的reduce

前言 在《重构》这本书里，提到了一个重构的方法“以管道取代循环”，那么什么是管道呢？reduce是如何工作的？ Array.reduce(callback[, initialValue]) reduce(归纳)，为数组中的每一个元素执行callback方法，并将每次callback方法的返回结果，作为下一次调用callback方法的参数 (通常也把这种思想叫做管道机制pipeli...

Posted by csy on 2019-02-05

CSS3实现环形倒计时、圆形进度条

需求 答题、问卷形式的活动经常用到的环形倒计时。进度条通常都是长条，有时候也有环形进度条的需求。倒计时是从有到无，相反的，进度条从无到有。实现方式差不多。 实现思路 如果只是实现一个圆环，可以这样写 1 2 3 4 5 6 7 8 9 <style type="text/css"> .circle { width : 200px; height :...

Posted by csy on 2019-01-31

js检测浏览器切换到后台的方案

需求 游戏中播放背景音效，如果手机切换到其他程序，暂停背景音乐。手机回到游戏页面，播放背景音乐。 H5引入的Page Visibility API 这个 API 本身非常简单，由以下三部分组成。 document.hidden：表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签页中 或者 浏览器最小化（注意，页面被其他软件遮盖并不算隐藏，比如打开的 sublime 遮住...

Posted by csy on 2019-01-23

理解Object.defineProperty()笔记

介绍 Object.defineProperty(obj, prop, descriptor)方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。 这个方法允许修改默认的额外选项（或配置）。默认情况下，使用 Object.defineProperty() 添加的属性值是不可修改的。 Object.defineProperty()和点运算符为对象的属性赋值时，数...

Posted by csy on 2018-12-03

call、apply、bind的实现

call、apply、bind 都用来改变函数体内部的this指向 第一个参数都是this，如果没有第一个参数，this 的值绑定为全局对象 都可以利用后续参数传参 call：fn.call(this,1,2,3) apply:fn.apply(this,[1,2,3]) bind:fn.bind(this)(1,2,3) ...

Posted by csy on 2018-11-20

FEATURED TAGS
Web JavaScript 加密 SVG 笔记 CSS Layabox H5游戏 Nginx 重构 Node.js 设计模式 内存泄漏 IndexedDB javascript 随记 AI
ABOUT ME

Web Developer
盐于律己，甜以待人

FRIENDS