这个项目主要参考了去哪儿网的布局，完成了首页、城市选择页面、详情页面的开发。 景点详情页面：实现公用的画廊组件，以及递归展示的列表组件。 Vuex: 专为 Vue.js 应用程序开发的状态管理模式。 Vue Router: 是 Vue.js 官方的路由管理器。 vue-awes…

最近项目涉及到一个支持批量操作的小需求，交互上需要使用框选来触发。在查阅了一些资料后发现，网上的方案基本都是基于绝对定位布局的，此方案如果是针对全局（在body上）的框选，还是可用的。但是现实需求里几乎都是针对某个区域的框选。如果用绝对定位实现就比较繁琐了，需要调整定位原点。下…

设置后可以让场景在反序列化后能够显示出我们想要的展示角度，设置远端位置能够避免造成场景显示不完全等问题。 这个动画我们的思路是通过改变 camera 的位置来的实现，使用动画函数我们可以在指定的时间周期内完成动画，可理解为将某些属性由起始值逐渐变到目标值的过程。通过在 acti…

所谓的“无缝滚动”就是多屏切换的过程是连续可循环的，而不是到最后一屏就停止播放。这种业务场景在实际开发中很常见，下面是“淘宝”和“京东” H5 版的首页截图，里面的 “banner 图”以及“头条栏”就是典型的无缝滚动的场景。但是体验一番之后，你会发现他们和原生 App 中的效…

自从用邮箱注册了很多账号后，便会收到诸如以下类似的邮件,刚开始还以为是一张图片，后来仔细一看不是图片呀，好像还是HTML呀，于是好奇宝宝我Google一下，查阅多篇资料后总结出怎么用前端知识和Node做一个这样的“邮件网页”。 1. 如何获取天气预报和ONE上的data？ 答：…

在移动端，利用H5技术，可实现微杂志,微信邀请函,H5小游戏等营销互动等应用开发，本文将介绍一种Create.js与Adobe Animate CC结合来制作H5落地页的方法。 通过两者结合既充份利用了Create.js的便捷性控制逻辑和整体框架结构，又充份应用了Animate…

去年圣诞节产品提了一个活动需求，其中有一个下雪的背景动画。在做这个动画的过程中加深了对 canvas 动画的一些了解，在这里我仅是抛砖引玉的分享一下，欢迎各位大佬批评。 代码已上传至 github ，感兴趣的可以 clone 代码到本地运行。望给个 star 支持一下。 UI …

本篇主要讲解，如何利用原生的 JavaScript 来实现一个简单的拼图小游戏。 想用一门语言来开发游戏，必须先了解如何使用这门语言来实现一些基础逻辑，比如图像的绘制、交互的处理、定时器等。 图形绘制是一切的基础，这里使用 JavaScript 在 canvas 上进行绘制。即…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…