2022年中总结 | 拒绝摆烂！卷人想唠唠2022前半年
一图流总结2022上半年 为什么今年想写一篇年中总结 首先自我检讨，这半点由于工作方向的转变和大量的工作和学习安排，导致我并没有太多的时间去薅掘金的羊毛写文输出 兜兜转转，在掘金写文也一年时间了，真正开始输出是在去年6月的第一次更文活动，当时研究方向主要是3维gis和智慧城市方向，所以输出了一系列Cesium相关的文章，也认识到了一众同样在Cesium领域内摸爬滚打的小伙伴，去年对三维gi
Cesium | Camera类介绍及其业务场景的简单实现
前言在二维地图中，我们只需要提供经纬度坐标即可定位到指定地点，而在三维世界中，经纬度（即二维坐标系）是无法描述一个要素的位置，所以需要使用笛卡尔坐标系来描述空间要素的位置。具体介绍这里不啰嗦，在之前的文章中已经大致介绍过，这篇主要来讲解一下 camera 相关参数及利用camera能够做出的效果及其实现思路。 camera我在 blender 中截了一张图模拟我们的相机对象，球体便是 cesium
🏂抢不到冰墩墩？快用canvas画一个谁也抢不走的冰墩墩吧！
冬奥会正在如火如荼的进行，从第一天的冰壶到👦短道速滑队惊心动魄的金牌再到前几天看到🏂谷爱凌做出第一个偏轴1620我直接激动地跳起来，今年冬奥看点十足！不得不提的就是今年冬奥的吉祥物冰墩墩也是成了新网红，网络上全是他的身影，前两天开启的购买我也是一个都没抢到…真是要气死了。 于是我决定自己画一个，作为一个前端人，曾经也是学生会宣传部骨干成员，怎么说也是有点美术功底在的（自我感觉良好）。 本篇文
「新春创意」快打开摄像头召唤属于你的虎年吉祥物🐅
实现效果 前言第一篇简单实现了一下支付宝写福字的效果，当时就有一个想法，能不能实现支付宝的扫福呢，查找了许多资料后发现单靠前端还是无法实现，于是我换了个思路，利用 ar 去扫福，召唤虎年吉祥物。本文实现效果也许很 low，但旨在抛砖引玉，希望各路大神能让我大开眼界（春节企划的文章都挺 nb 的……发现大家脑洞和实力简直太强了） 实现的技术路线：AR.js + A-Frame + artoolkit
「新春创意」用喜庆的音乐送自己一场音乐烟花show🎊🎊
前言继写个福字送给新年的自己后，为了让新春氛围更加浓厚，必不可少的就是烟花和 BGM 了，这篇文章我们就利用 p5.js 实现一个根据音乐来绽放烟花，为新春增色添彩~ 效果预览 什么是 p5.js 官网：p5.js 是个 JavaScript 创意编程程式库，其专注在让编程更易于使用及更加广泛的包容艺术家、设计师、教育家、初学者以及任何其他人！p5.js 是个免费及开源的软件因为我们相信所有人都应
「新春创意」写个福字送给新年的自己吧！
前言我又双叒来参加活动了，新年新气象，作为新年的第一篇文章，必须福气满满，给自己一个好兆头（读书笔记暂时鸽一下，哈哈哈哈）。不知道jym还记不记得去年支付宝的一个写福字的活动，我当时还写了一个自认为很好看的福呢。 前几天突发奇想，身为一个前端人为什么不能自己做一个呢？说干就干！ 怎么实现美其名曰写福，其实就是在浏览器绘制，我们很容易就能想到用canvas实现。我们只需要用canvas捕捉鼠标移
w字总结《深入浅出Vue.js》之变化侦测篇
变化侦测 什么是变化侦测？ Vue.js自动通过状态生成DOM，并将其输出到页面，此为渲染。Vue.js的渲染过程是声明式的，我们通过模版来描述状态与DOM之间的映射关系。而当应用内部状态变化时需要重新渲染，而如何确定状态中什么变化了就是变化侦测要解决的问题。 object的变化侦测如何追踪变化？两种方式可以追踪变化：Object.defineProperty和ES6的Proxy。 由于ES6在
w字总结《JavaScript设计模式与开发实践》（设计原则和编程技巧）
设计原则和编程技巧单一职责原则（SRP）SRP原则体现为：一个对象（方法）值做一件事情。 设计模式中的SRP代理模式，迭代器模式，单例模式，装饰者模式都运用到了SRP 代理模式以图片预加载为例，我们添加虚拟代理来执行预加载图片，本体仅仅负责向页面中添加img标签，这也是他最原始的责任。 123456789101112131415161718192021222324252627// myImage负