下面全是废话，没耐心的直接看最底下源码。
————————————————————————————————————————————
由于本人是一个纯净的后端开发，对于前端这几年的发展严重脱节。最近由于开发需要，开始了解前端框架，并决定实践一番。可是选框架就花了一周（实在看不懂现在的框架文档
）。几乎所有框架文档上来就一个npm安装，似乎不用点包管理会显得很low一样。。。（我也不知道这什么时候开始的，我也不懂，我也不敢问）。不过说实在的，像我这种从来没用过npm的，我觉得现在的前端框架文档真的不友好（没错，我不是针对谁，我是说所有。。。再次流下没有技术的泪水）。
反正也看不懂，就盲选了一个。vant,有赞出品（就是那个掀起996风潮的）。虽然对这个公司没什么好感，但是看了一下组件demo，粗略浏览了一下文档，客观地说质量还是不错的。
然后就是开撸了。。。这里提醒一下，vant是基于Vue的，新手请踏实地从Vue开始！！！别问为什么！！！老子看vant的安装看了2个小时，最后都没成功跑起来。
然后又是漫长的google（百度）。。。。。。最后！！！发现了可以直接引用框架样式和js的方法！！！****。
不过，这里有一点要注意的是，引用了框架的样式和js，并不能马上应用。由于Vue的特性（实在编不下去了），必须实例化vue，然后，呵呵。一切都是那么简单。这里实在要吐槽一下现在的框架文档，不要为了高大上而高大上，老老实实讲解最亲民的使用方法不好？一定要搞那么花里胡哨？
最后贴出源码，供大家参考，大神勿喷。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
<title>filmMobile</title>
</head>
<body>
<div id="app">
<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
</div>
</body>
<!-- 引入组件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@1.6/lib/vant.min.js"></script>
<script>
// 必须实例化
var app= new Vue({
el:"#app",
});
</script>
</html>
1489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
