- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue实现简单的移动端购物车案例
通过vue实现一个简单的移动端购物车案例，包括显示商品基本信息，添加商品数量，选择及全选商品，进行计算价钱、购买或删除等操作。效果及演示如下图实现步骤一、首先将需要用到的vue.js文件准备，或直接使用cdn地址<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script&...
2019-07-15 17:16:04
4015
1
原创 H5实现可拖动的360度环拍物品展示（2）
之前通过treesixty.js插件实现了可拖拽的360度环拍物品展示H5实现可拖动的360度环拍物品展示（1）现在使用另外一个方法来实现类似的效果。需要用到的图片为：一张初始视角jpg图片和一张高相同的长条图，长条图包含每张角度物品图片。实现过程html<!doctype html><html lang="en" class="no-js...
2019-07-09 12:08:41
4276
原创 H5实现可拖动的360度环拍物品展示（1）
需要实现可拖动的360度环拍的物品展示效果，大概效果为，拖动可360度查看。使用threesixty.js插件实现。ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持键盘上的箭头键，也支持触摸和移动设备。可以使用 nextFrame() 和 pr...
2019-07-09 11:16:19
7955
3
原创 swiper横向轮播——阶梯式滚动轮播
Swiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。在工作的过程中遇到需要实现一个阶梯式的轮播效果，思索后决定使用swiper来解决这个问题。需要实现的效果大致如下图。一、加载swiper插件，需要用到的有...
2019-07-05 16:14:34
10196
7
原创 three.js加载3D模型（.glb格式和.gltf格式）
要使用three.js实现在网页中加载3D模型进行实时展示的功能，首先要了解three.js什么是three.js，Three.js是一款开源的主流3D绘图JS引擎，简单点，可以将它理解为three+js就可以了，three表示3D，js表示JavaScript的意思。那么合起来，three.js就是使用JavaScript脚本语言来写3D程序的意思。使用three.js可以创建你想要的3...
2019-07-05 10:52:03
52500
38
原创 JavaScript编程风格、代码规范
也写了挺长时间的js代码了，回过头来看看很多基础的问题都没有注意到，重新认真学习了一下代码规范，还是很有必要学习的，好的开始是成功的一半，如果连基本的规范都没有达到，那写出来的代码必然是漏洞百出的。正好这两天的工作很清闲，整理一波js的编程风格和代码规范。一、基本的格式化缩进层级：使用4个空格作为一个缩进层级语句结尾：JS语句要以分号结尾行的长度：建议将行的长度限制在80个字符...
2019-07-04 15:10:16
568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人