摘要: 1. 安装node.js 2. 安装webpack npm install webpack g 3. 安装vue cli脚手架构建工具 npm install vue cli g 4. 新建Vue项目 ① cd 目录路径 ② vue init webpack [项目名称] 5. 安装依赖 npm i 阅读全文
posted @ 2019-02-25 15:52 肆灵 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 注:链接大部分是笔记的参考文章,想详细了解的可以点进去看。 Javascript (一):封装 "http://www.ruanyifeng.com/blog/2010/05/object oriented_javascript_inheritance.html" Javascript(二):构造函 阅读全文
posted @ 2019-02-25 15:50 肆灵 阅读(501) 评论(0) 推荐(0) 编辑
摘要: position的定位类型有:static(默认值)、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)、sticky(粘性定位)。 其中最常用的就是relative和absolute了。我们先来区别一下相对定位和绝对定位,最后再详细讲解其它取值分别是什么意思。 阅读全文
posted @ 2018-12-30 19:09 肆灵 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 来做一个小时候一直玩的吃豆人游戏动画吧~ 阅读全文
posted @ 2018-12-23 20:18 肆灵 阅读(1591) 评论(0) 推荐(0) 编辑
摘要: 这是个仿碧欧泉官网的购物车结算页面。 这里仅提供思路和我的代码作参考,代码具体需要看自己的html界面。 其中的难点在于数量的更改以及价格的结算。当出现一个商品时的结算是较为简单的。但是若有多个商品,则每个数量的更改应有对应的价格。 (几乎所有有实际应用功能的购物车都是如此,所以从一开始做的时候就应 阅读全文
posted @ 2018-09-20 09:46 肆灵 阅读(902) 评论(0) 推荐(0) 编辑
摘要: 在购物车中往往有很多件商品,一般不会将所有商品都写上id去进行操作,而是采用this这个参数进行操作对应模块。 结果图如下所示: 主要代码: html部分: <div class="delete-div"><a class="a-delete" onclick="del(this)">删除1</a> 阅读全文
posted @ 2018-09-19 11:30 肆灵 阅读(2355) 评论(0) 推荐(0) 编辑
摘要: 没有写什么复杂的代码,就是简单的实现了这个功能。亲测可用,若有不正之处欢迎指正。 <script type="text/javascript"> function mkLinks(num){ var str="23QWERTYUIOPASDFGHJKLZXCVBNM1456789zxcvbnmasd 阅读全文
posted @ 2018-09-19 11:20 肆灵 阅读(2125) 评论(0) 推荐(0) 编辑