
教程
文章平均质量分 90
喵十一点半
天才无非是长久的忍耐,努力吧!
展开
-
从0搭建前端脚手架详解(小白也可以搭建)
先来看一眼实现的效果。从图上来看这个脚手架的功能非常的简单只有一个创建的命令,其他都是帮助和显示版本号的。也就是上图这句,创建一个新项目,只需要输入create 项目名便可使用,在创建时执行了一系列的操作,这一块的思路很简单,就是将git仓库中的项目模板拷贝下来再依据使用者的不同操作对复制下来的模板的部分文件进行修改就可以了,大致思路便介绍到这里,接下来我们便来详细的讲讲如何实现,以及会用到的依赖。脚手架就是在启动的时候询问一些简单的问题,并且通过用户回答的结果去渲染对应的模板文件,我们接下来的流程亦是如此原创 2022-12-05 03:36:50 · 4789 阅读 · 10 评论 -
uniapp 卡牌发放教程
我们将所有卡牌从页面正中心发出,通过定位控制每张卡牌的left、top的值来实现卡牌发放的效果。假设条件:由于上述假设条件第三张卡片肯定是在第二排第一张。我们都知道在浏览器中屏幕是从 0 * 0 也就是从左上角开始的,因此我们第一排的top也同样是0,每排的第一张left值也是0。当前卡牌的数量(3) / 每排的数量(2) = 1.5,我们取整后(1) * 卡牌的高(200) = 200 这样我们就求出来了第三张的top就求出来了。但是这样就会引发一个问题,假设我们现在是第四张,第4张位置应该是 但如原创 2022-10-10 11:57:51 · 1190 阅读 · 0 评论 -
vue3教程
目的本篇教程励志用简单的例子来教会你理解并使用常用vue3的新特性,适合于从vue2转vue3的码友,本文请按顺序阅读,否则可能会出现需要查找解释的情况。响应性api在vue3.x中如果想让数据在改变时,视图层也相应发生变化就需要使用到响应性api。想创建一个响应式数据,归根结底就两种方法 ref、reactiveref接受一个内部值并返回一个响应式且可变的 ref 对象,该对象仅有一个value属性指向内部值, 可以用来读取和更改。 const num = ref(0); c原创 2022-05-02 00:53:57 · 2493 阅读 · 1 评论 -
uniapp map 制作一个简单的地图导航
uniapp map 制作简单地图导航原创 2022-04-30 00:15:31 · 7980 阅读 · 3 评论 -
turn.js教程及总结
先看一眼我制作的简单demo演示图这部分主要用作演示及养眼 接下来我们来抛开演示图来讲一下如何使用turn简介一个基于jquery用来实现3d翻书效果的插件使用所需jquery.js、turn.js这里面jquery全网一查都是, turn.js官网下载太慢了,嫌慢的码友们可以私信我或留言我会发给大家基本用法 $('#book').turn({ acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为true pages: 11, /原创 2022-04-10 11:25:30 · 13002 阅读 · 12 评论