最早实现这个效果，是2011年用Objective-C在iOS里实现的。原仓库地址：https://code.google.com/archive/p/ccjoystick/downloads 在Vue里实现这个东西没啥用处，毕竟Vue也不是一个游戏框架，但是谁叫Vue这个话题…

之前在外卖软件上看到这个左右联动的效果，觉得很有意思，所以就尝试使用Vue来实现，将这个联动抽离成为一个单独的组件，废话少说，先来一张效果图。 这个组件分为两个部分，1、左菜单；2、右菜单。 这里是为了做demo，所以在数据上只是单纯捏造。

之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅，于是找找…

说明一睹效果最终实现的效果就是上图这样，是不是感觉还ok。整体布局页面布局分为顶部导航栏、堆叠区域、底部标签栏 三个模块。侧边栏弹窗点击页面筛选按钮，侧边弹出窗口。里面的范围滑块、switch开关、R

我们总是听到从五年后看现在，但是我想说从五年后你想要成为的人，看自己，（请你一定不要停下来，成为你想要成为的人）。先2年规划，然后再逐步规划。不要抱怨，反思自己，不埋怨（就算埋怨也是无用功，你改变不了别人，你能改变的只有自己）。持续不断的学习（哪怕是阶段性）（只要持续不断）。我…

平时工作当中，也已经很久没有用JSONP 来跨域请求了，现重新整理一下，写出自己对 JSONP 的理解。如果写的有不对的，请各位看官评论指出，感谢。 行文时，系统环境为 macOS Mojave v10.14.5，开发工具为 vscode 1.45.1，浏览器为 Goolge …

SpriteJS是一款由360奇舞团开源的跨终端canvas绘图库，可以基于canvas快速绘制结构化UI、动画和交互效果，并发布到任何拥有canvas环境的平台上（比如浏览器、小程序和node）。 Sprite为图形创建类似于DOM的对象模型，因此我们可以像创建DOM元素一样…

当我们给中间的框加了一个固定的高度，但是中间内容超过了框的高度。我们试图滚动中间内容的时候就会出现以下的情况: 这样就能避免产生滚动穿透，但是这种方案存在一个问题，就是当页面超过一屏幕的时候并且页面已经滚动了一部分距离，这时候当我们打开弹窗的时候，页面就滚动到了顶部，关闭弹窗的…

最近好多事情，最近前端分享会也如期而至，有幸这次分享会，正好周末有时间，做个总结吧。 这次想分享的就是算法与数据结构，刷了一段时间题目，逛了逛LeetCode，看了很多关于这个方面的文章，有所感悟，准备做个记录吧。 当你想花时间去了解学习一件对你来说，很苦难的事情的时候，我们需…