GaHoOo-优快云博客

原创使用Vue项目，选择 axios 来完成 ajax 请求实现淘宝商品展示

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，目前的主流 Vue 项目，都选择 axios 来完成 ajax 请求。完成的效果图：数据都是从JSON追加进入页面的，此代码中直接使用了淘宝源，Bootstrap还有Vue。<script type="text/javascript" src="js/vue.js" ></s...

2018-11-06 11:28:52 1063

原创用Vue实现购物车加减

通常我们会在模板中绑定表达式,模板是用来描述视图结构的。如果模板中的表达式存在过多的逻辑，模板会变得臃肿不堪，维护变得非常困难。因此，为了简化逻辑，当某个属性的值依赖于其他属性的值时，我们可以使用计算属性。那么什么是计算属性呢？计算属性就是当其依赖属性的值发生变化是，这个属性的值会自动更新，与之相关的DOM部份也会同步自动更新。实现的效果图如下：我是使用了bootstrap跟V...

2018-10-31 17:16:01 4289

原创 CSS3实现3D透明立体盒子

想要利用CSS3实现透明3D立体盒子就要清楚立方体是由六个面组成，分上下左右和前后，考虑这些可以帮助我们更好的融入CSS3的代码因此我设置了6个div，作为立方体的6个面因为定位的原因，一开始所有的盒子都是面对着屏幕这面的，因此要赋予每个面不一样的值，即不一样的位置它才能展现出来。.trangel div:nth-of-type(1){ left: 0; top:-10...

2018-10-19 11:26:22 2462 2

原创实现CSS3 3D围绕旋转

本案例主要使用了CSS3中的变换transform和动画animation属性，实现了跑马灯效果，详细的解释在代码中的注释中。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type=

2018-10-19 10:46:49 2682

原创 HTML中的数据存储

一什么是Web Storage 在HTML5中，除了新增canvas元素之外，还新增的非常重要的功能是可以在客户端本地保存数据的WebStorage功能。Web应用的发展，使得客户端存储功能使用得越来越多，而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案就是cookies，单数作为真正的客户端存储。顾名思义，WebStorage功能就是在Web上存储数据的功能...

2018-09-28 15:12:36 1418

原创 HTML5-用Canvas制作会走动的时钟

首先我们要清楚canvas是HTML5中新增的一个元素，专门用来绘制图形。在页面放置一个canvas元素，就相当于放置了一个画布，可以在其中进行图形的绘制。为canvas添加简单的样式<style> body{ background: black; } canvas{ background: #fff; }</style><canvas...

2018-09-21 15:40:30 776

html5从一开始就给予开发者很多的期待，给开发者提供了众多新的API，不用像以前那样为了实现某个功能而写很多的代码。在以前，如果要实现图片的预览会怎么做呢，我上网科普得知了不少，鉴于安全的原因，web端的JS是不能直接读取文件的本地真是路径的，那么只能将图片上传到服务器上，然后再拿到图片的链接，这样才能实现基本的图片预览。 fileReader:现在html5提供的API不再让图片预览那么...

2018-09-14 15:42:55 788

原创 Jquery中的ajax简单实现视频展示效果

首先看看效果图：点击前：点击后：以下为代码内容：导包：<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>页面布局： <div class="container"> <div class="container_hea

2018-09-07 16:09:58 1347

GaHoOo的博客