CodeBear

制作了一个图片像素风转换器，可以将图片转换成像素风格，并可转换为 `css box-shadow` 进行输出。前排先放效果图、转换器地址和 `GitHub` 地址：...

概括 主要阐述2d图形中碰撞检测原理及关键代码实现。主要分为：规则的几何图形碰撞判断，不规则多边形碰撞判断，像素检测。里面涉及一些数学几何原理：分离轴定理、向量叉乘的几何意...

小伙伴们知道 TienChin 项目前端用的是 Vue3，当我们把 Vue3 官网刷了一遍之后回来看 TienChin 项目的前端，发现还是有很多不太一样的地方，今天松哥就...

背景 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功能，并在全景图中添加二维 SpriteMaterial、Canvas、三维 GLTF...

一、什么是前端工程化？ 前端工程化就是通过各种工具和技术，提升前端效率、降低成本的过程。这句话有两个含义： 前端工程化的内容：各种工具和技术 前端工程化的作用：通过使用工具...

作为前端开发者，我们可以利用Web技术在非常多的环境下开发应用，为相关的用户提供服务。其中，以Photoshop为首的Adobe系列工具是我们时长要去面对的一个平台级应用。...

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属周边群，赢在新的起跑线。...

每天打开 VSCode 的时间越来越多，有时候甚至并不是因为写代码打开它。因为有各种各样的插件： ... 插件的id，最终会和你的开发者账号做拼接。比如大帅的开发者账号叫e...

小桔棱镜是一款专注于移动端操作行为的工具，涵盖APP操作回放、操作检测、以及数据可视化能力。本篇我们会从产品设计理念和技术实现思路上对棱镜进行整体介绍。 移动端作为当前大多...

在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。 它的值是...

开始会先介绍该插件的安装使用方式，然后简单介绍下主要的开发步骤。 安装和其他的vscode插件一样，直接在插件市场搜索 ‘小霸王’ 点击安装即可。 remote部分是远程资...

vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 风格的后台管...

Phaser 是一款快速、免费以及开源 HTML5 游戏框架，它支持 WebGL 和 Canvas 两种渲染模式，可以在任何 Web 浏览器环境下运行，允许使用 JavaS...

我在掘金上发布的第一篇文章就是关于此项目的介绍，没想到已经过去俩年了，回头看看这俩年的成长...... 打死自己的心都有了！！！🙃 使用 vue-cli 工具可以方便的创...

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 Ty...

webpack 处理项目时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundl...

SimpleCrop 目前是全网唯一支持裁剪图片任意角度旋转、交互体验媲美原生客户端的全平台图片裁剪组件。 项目地址：https://github.com/newbieYo...