掘金黄金双枪

这是一份即将焕然一新的 cn.vuejs.org的学习笔记，此文附50张脑图，带你一起了解 Vue 3 新文档有哪些新的变化🕵️‍♂️

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

最近在写一个生日贺卡的小网页（可以作为特别生日礼物送给想送的人），上面可以动效展示她的图片，和想对她说的话。播符合场景的音乐。最后，有个类似于微信红包的抽礼物环节，你可以把想送的礼物或者特别的愿望放里面。然后把做好的网页做成二维码送出去， 然后在里面做好一切，发现因为播放是有问…

最近做个官网（技术栈使用Nuxt）需要用到滑动到可视区域才触发动画效果，几乎所有的页面都要”动“起来，手写要累死的节奏，赶紧寻找工具！发现wow.js+animate.css可以满足笔者的需求。 animate.css 是一个使用CSS3的animation制作的动画效果的CS…

在产品的快速迭代中，往往追求的是开发速度，甚至是忽略了代码的可读性与扩展性，不合理的大量使用 if/else 条件判断，使我们的程序复杂度大大提升。后续代码的扩展和维护就会变得非常困难且容易出错

本篇带来 4 种用完全 CSS 实现完全代替 JS 实现的场景。涨一波姿势~~~~~~~~~~~~~~~~~~~

业务方向是产品经理决定的，即使前端高质量高效率的完成了前端需求，也不能左右业务结果，那“业务的价值和你有什么关系”？

vue2+Openlayers地图在实际项目过程中实现的一些功能点，以及遇到的一些问题的技术分享，本文为第一篇，入门。

回答： 创建一个容器 首先调用map组件生成地图，添加中心坐标、地图投影坐标系、缩放等级……基础属性 创建一个高德地图图层。 创建一个获取路况图层。 一、OpenLayers 定义与选型 1. 定义