前端之路

0

Web Audio Api与HTML Audio

• Obeing   2020-04-30 发布
• 收藏

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

0

egret动画与更新

• Obeing   2020-02-29 发布
• 收藏

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

0

egret适配模式

• Obeing   2019-12-29 发布
• 收藏

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

3

白鹭引擎渲染优化 - CacheAsBitmap

• Obeing   2019-11-30 发布
• 收藏

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

1

Eggjs中的进程管理

• Obeing   2019-10-27 发布
• 1 收藏

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

2

Egg中的安全防范

• Obeing   2019-09-26 发布
• 1 收藏

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

4

JS实现判断DAG图是否有环

• Obeing   2019-08-30 发布
• 1 收藏

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

3

简单理解梯度下降算法及js实现

• Obeing   2019-08-10 发布
• 3 收藏

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

2

理解Koa洋葱模型

• Obeing   2019-07-28 发布
• 1 收藏

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

2

typescript中的模块引用

• Obeing   2019-07-17 发布
• 1 收藏

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

3

babel-polyfill的相关知识

• Obeing   2019-06-25 发布
• 2 收藏

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

8

计算平均值的不同实现方式

• Obeing   2019-06-18 发布
• 6 收藏

本文翻译并严重删减自five-ways-to-average-with-js-reduce/ 如果我们有以下数组：需求是先过滤掉 found 为 false 的 item 再计算求平均值 {代码...} 一般想到的方法不外乎是一下几种： 1、for 循环 （可阅读性差...

1

数据上报分析一

• Obeing   2018-11-21 发布
• 1 收藏

背景： mpc管理台业务配置越来越多，特别是货架管理，卡产品管理，卡券管理三大模块配置信息眼花缭乱， 屏幕的展示空间有限，需要合理排布配置信息才能最大化利用页面空间，减少业务配置信息， 采集用户操作行为...

22

vueTable大数据展示优化

• Obeing   2018-10-09 发布
• 14 收藏

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

0

Vue nextTixk与任务

• Obeing   2018-08-31 发布
• 收藏

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

1

webpack 笔记

• Obeing   2018-08-22 发布
• 1 收藏

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

5

关于location跳转的表现

• Obeing   2018-07-26 发布
• 4 收藏

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

14

前端拖拽组件优化

• Obeing   2018-03-30 发布
• 11 收藏

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

4

探究http-proxy-middleware源码

• Obeing   2017-06-17 发布
• 9 收藏

一、http-proxy-middleware 与 node-http-proxy 配置http-proxy-middleware可以很容易地在connect, express, browser-sync实现http代理 http-proxy-middleware 是基于node-http-proxy实现的中间件 二、http-proxy...

0

gulp自动化构建学习

• Obeing   2017-03-20 发布
• 收藏

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