Audio()构造器创建并返回一个 HTMLAudioElement，通过标签的形式加载声音，创建的这个标签可以不用append到html中播放。

最近发现游戏在 webview 中操作交换事件掉帧特别厉害，有时候直接跳过了交换的动画。猜想是因为逻辑需要计算后续所有的步骤，在计算完成之前这部分逻辑就相当于阻塞动画。因此阅读动画和Ticker帧刷新的源码，证明猜想。

项目中，通过devtool模拟器为iphone6/7/8 plus中设备像素为414*736，canvas的宽高为1242 * 2208，根据设计稿配置的内容宽高是750 * 1204,这么多数据到底是怎么计算出来的，如何适配的？

这篇文章要从 egret 中的对象基类 DisplayObject 实例属性 cacheAsBitmap 说起。官方文档建议静态的UI使用建议设置 cacheAsBitmap 为 true 减少重绘次数。

javscript的代码只能运行在单线程中，也就是一个nodejs进程只能运行在一个cpu上。如果需要充分利用多核cpu的并发优势，可以使用cluster模块。cluster能够创建多个子进程，每个进程都运行同一份代码，并且监听的是同一个端口。

以前获取前端安全方面的知识非常零碎且大多停留在看，又或者自己在实际项目中用到了其实也不太清楚。通过这次egg项目实践能更加深刻的理解。egg在框架中内置了安全插件 egg-security， 提供了默认的安全实践。

在添加依赖关系时，在向后端发送请求前，前端应该先判断当前添加的连线是否与已存在的依赖关系成为闭环（循环依赖为无效的任务流），减少无效的请求。job可以任意依赖，也就是每个job可以有多个字节点或者父节点。

看了很多文章，梯度下降算法描述都比较艰涩难懂比如说: 目标函数f(θ)关于参数θ的梯度将是损失函数（loss function）上升最快的方向。然后会推导出下面这个公式。

+---------------------------------------------------------------------------------------------------->

ts可以用于node环境和web环境，或者说在es module出来之前，大部分的包都是遵循commonjs的，而这些遵循commonjs的包现在大多还存在与nodejs当中，也是nodejs迟迟还没有全面支持esm的原因。那么ts怎么兼容commonjs和esm包呢？

使用@babel/polyfill可以让你在任何es2015+的环境中编写代码，而不需要担心兼容性问题。它会在全局变量上添加一些类似于原生的方法。但是webpack一直以来配置都特别复杂，直到webpack4才开始做0配置。项目中如果需要webpack的配置可能都是ctrl+c ctrl+v,没有及时去更新，会对polyfill有一些误解，比如说，项目中会同时出...

本文翻译并严重删减自five-ways-to-average-with-js-reduce/ 如果我们有以下数组：需求是先过滤掉 found 为 false 的 item 再计算求平均值 {代码...} 一般想到的方法不外乎是一下几种： 1、for 循环 （可阅读性差，写法并不优雅） {代码...} 2、 使用 filter/map/reduce 分离功能（代码非常干净，实际开发我们更多可能用...

背景： mpc管理台业务配置越来越多，特别是货架管理，卡产品管理，卡券管理三大模块配置信息眼花缭乱， 屏幕的展示空间有限，需要合理排布配置信息才能最大化利用页面空间，减少业务配置信息， 采集用户操作行为数据，分析高频操作，绘制出热力图等供产品/运营/设计同学参考，优化参数配置，有效提高点击转化。 数据上报...

大数据项目根据用户输入代码查询数据，用户的代码不可控（比如select from db limit 5000），有可能一页需求要求展示100行5000列数据。由于是用户代码实时查询的数据，后端不可能将所有查询结果都存储。因此，查询的结果是实时的、全量的，分页和排序都需要前端去实现。

两个macrotask中可能穿插着ui重渲染，所以在microtask中在ui重渲染之前把所有的数据更新，一次渲染就能得到最新的DOM结构，减少开销;所以优先把更新数据的操作放在microtask队列中,批处理更新

可以看到webpack打包生成是一个立即执行函数，modules参数是各个模块的代码， 其中/* 1 */对应的是index.js，/* 2 */对应的是util.js,/* 0 */是执行1的主模块文件，可以看到模块函数有三个参数module、exports、__webpack_reuire__，这些都是在立即执行函数内部传递的

在项目遇到location.replace没有立即跳转，而是replace后面的代码执行完才做跳转的。奇怪的是网上很少关于这方面解释的文章下面是复现记录日志截图。

1、拖拽的时候跟随鼠标的影子成为ghost，是Api自动生成的。但是由于这是一个很简洁的页面，背景全为白色在拖拽的时候其实很难看出拖到了哪里。Api虽然提供了e.dataTransfer.setDragImage(img, 0, 0)方法让我们在去改变这个ghost，但是设置的这个img必须是HTML img element、HTML canvas element，否则它必须是一个可见的...

一、http-proxy-middleware 与 node-http-proxy 配置http-proxy-middleware可以很容易地在connect, express, browser-sync实现http代理 http-proxy-middleware 是基于node-http-proxy实现的中间件 二、http-proxy-middleware简单用法 {代码...} {代码...} 三、使用node-http-proxy进行http代理的代码对比 {代码...} 由上...

如果是不引用这个模块直接用require的话，则是在文件夹下建立一个index.js，在index.js中引用其他全部的文件，因为require首先会寻找文件夹下的index.js

app.use(function(req,res,next){})默认匹配的路由是‘/’，多个use要使用next()方法，但是使用了，res.end()或者res.send()就不能使用next到达下一个use了

创建对象的设计模式 工厂模式 抽象了创建具体对象的过程，用函数封装以特定接口创建对象的细节 解决了创建多个相似对象的问题，没有解决对象识别的问题 {代码...} 构造函数模式 构造函数可以用来创建特定类型的对象，可以用instanceof检测类型 使用new操作符会经历以下四个步骤 创建一个新对象 将构造函数的作用域赋给新...

defer和asnyc（只对外部文件有效） defer 在页面完成解析时执行代码，这个属性表明脚本在执行时不会影响页面的构造，在元素中设置这个属性相当于告诉浏览器立即下载但延迟执行

概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli {代码...} 文件解释： build中配置了webpack的基本配置、开发环境配置、生产环境配置 config中配置了路径端口值等 node_modules为依赖的模块 src放置组件和入口文件 static放置静态...