CodeBear

Phaser 是一款快速、免费以及开源 HTML5 游戏框架，它支持 WebGL 和 Canvas 两种渲染模式，可以在任何 Web 浏览器环境下运行，允许使用 JavaScript 和 TypeScript 进行开发. 因为将自己定位为游戏框架，所以Phaser在游戏功能方面…

我在掘金上发布的第一篇文章就是关于此项目的介绍，没想到已经过去俩年了，回头看看这俩年的成长...... 打死自己的心都有了！！！🙃 使用 vue-cli 工具可以方便的创建一个vue项目，其中选择技术栈时，勾选上TypeScript就好。 移除 filters 过滤器特性，官…

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…

在项目中，如果发现脚手架打包缓慢，体积又臭又大，那么，升级技术环境是提升的最快方式，比如node环境，比如升级脚手架版本，效果会有显著提升，而且是最廉价的优化方式。 首先当我们取用esmodel去引用jquery的时候npm搜索会先从当前目录的node_modules中找，找不…

webpack 处理项目时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行…

SimpleCrop 目前是全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。 项目地址：https://github.com/newbieYoung/Simple-Crop。 交互体验媲美原生客户端。 在裁剪图片场景中，存在两个坐标系，其一是裁剪图…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)