- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue实现简单的移动端购物车案例
通过vue实现一个简单的移动端购物车案例，包括显示商品基本信息，添加商品数量，选择及全选商品，进行计算价钱、购买或删除等操作。效果及演示如下图实现步骤一、首先将需要用到的vue.js文件准备，或直接使用cdn地址<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script&...
2019-07-15 17:16:04
3914
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
4136
原创 H5实现可拖动的360度环拍物品展示（1）
需要实现可拖动的360度环拍的物品展示效果，大概效果为，拖动可360度查看。使用threesixty.js插件实现。ThreeSixty 是生成可拖动的360度预览图像序列的 jQuery 插件。只需要在你的 HTML 页面包引入最新的 jQuery 和 threesixty.js 文件就可以使用了，支持键盘上的箭头键，也支持触摸和移动设备。可以使用 nextFrame() 和 pr...
2019-07-09 11:16:19
7733
3
原创 swiper横向轮播——阶梯式滚动轮播
Swiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件，是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。在工作的过程中遇到需要实现一个阶梯式的轮播效果，思索后决定使用swiper来解决这个问题。需要实现的效果大致如下图。一、加载swiper插件，需要用到的有...
2019-07-05 16:14:34
9660
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
51799
38
原创 JavaScript编程风格、代码规范
也写了挺长时间的js代码了，回过头来看看很多基础的问题都没有注意到，重新认真学习了一下代码规范，还是很有必要学习的，好的开始是成功的一半，如果连基本的规范都没有达到，那写出来的代码必然是漏洞百出的。正好这两天的工作很清闲，整理一波js的编程风格和代码规范。一、基本的格式化缩进层级：使用4个空格作为一个缩进层级语句结尾：JS语句要以分号结尾行的长度：建议将行的长度限制在80个字符...
2019-07-04 15:10:16
538
原创 Krpano相关
由于工作原因很长时间都没有进行博客更新了，目前是一名前端工作者，从h5移动端开发到VR动效开发，接触的东西已经将Java差不多完全抛弃了，现在入坑Krpano、three.js等全景相关知识，由于是动效开发，更多的是研究css3、原生js和jQuery。 关于Krpano 推荐两个网站krpano.com（krpano官方网站，全英文，可以查阅文档、工具等内容，还...
2019-05-07 14:55:38
1241
1
原创 苹果Safari浏览器上video标签的播放问题
最近在做一个国际自驾游旅行社的官网，应boss要求，要把官网的首页做成以视频为背景的样子，大概是这样，首页的大图使用video来完成。但是在MAC系统上确不能播放，出现了白屏的现象。最终通过努力还是解决了这个问题。首先写一个简单的播放视频的html代码，大概是这样：<video autoplay loop> <source src="video/xxx...
2018-07-24 13:42:23
25018
1
原创 TypeScript基础知识--基础类型
基础类型为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便使用。布尔值最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean。数字和JavaScript一样，TypeScript里的所有数字都是浮点数。这些浮点...
2018-06-22 13:01:27
440
原创 TypeScript快速入门基础
TypeScript是JavaScript的一个超集类型编译为普通的JavaScript。TypeScript是纯面向对象与类，接口和静态类型。流行的JavaScript框架角2.0是写在TypeScript。TypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调...
2018-06-19 22:48:04
468
原创 jQuery库简介及下载引入
使用jQuery之前要学习HTML基础、CSS样式以及JavaScriptjQuery是一个JavaScript函数库，对JavaScript进行封装，使JavaScript更加简洁。jQuery库可以通过一行简单的标记被添加到网页中。使用jQuery不用担心浏览器的兼容问题jQuery库包含的功能有： HTML元素选取，HTML元素操作（修改，删除、隐藏），CSS操作，HTML事件函数，J...
2018-05-18 11:45:56
12841
2
原创 JavaScript对象
JavaScript是一种基于对象的语言，对象是JS中最重要的元素JavaScript中包含有：HTML DOM对象、内置对象、浏览器对象、ActiveX对象JavaScript对象的使用方法 对象是由属性和方法封装而成的，所以属性的引用就是使用“.”，通过上下标的方式引用 对象方法的引用:ObjectName.methods();HTML DOM对象当网页被加载时，浏览器会创建页面的...
2018-05-16 22:27:06
276
原创 JavaScript基础
JavaScript是脚本语言，可用于web和HTML，更可广泛用于服务器、PC端、移动端轻量级编程语言，可插入HTML页面的编程代码，插入HTML页面后可由所有的浏览器执行用法： 1.必须位于<script></script>标签之间 2.可被放在HTML页面的<body>和<head>部分中（通常放在<head>中，不干扰...
2018-05-15 22:46:07
211
原创 Java多线程
关于多线程有关的概念： 进程：进程指正在运行的程序，当一个程序进入内存运行，即变成一个进程，进程是处于运行过程中的程序，并且具有一定独立功能。 线程：线程是进程中的一个执行单元，负责当前进程中程序的执行，一个进程中至少有一个线程。一个进程中是可以有多个线程的，这个应用程序也可以称之为多线程程序。 一个程序运行后至少有一个进程，一个进程中可以包含多个线程多线程就是一个程序中有多个线...
2018-05-08 21:29:19
207
原创 css页面特效--多列与瀑布流效果
1、多列在css3中，可以创建多列来对文本或者区域进行布局属性： column-count：列数 column-gap：距离 column-rule：线及线的颜色HTML文件为：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2018-05-08 20:32:01
4413
原创 css页面特效--2D、3D转换、过渡、动画
1、2D、3D转换通过除css3转换，能够对元素进行移动、缩放、转位、拉长或伸缩等。转换是使元素改变形状、尺寸和位置的一种效果。可以使用2D、3D来转换元素。 2D转换方法： translate()：移动 rotate()：旋转 scale()：缩放 skew()：倾斜 3D转换方法： rotateX() ...
2018-05-07 22:13:51
708
原创 IO流——序列化流、反序列化流以及打印流
用于从流中读取对象的操作流 ObjectInputStream 称为反序列化流用于向流中写入对象的操作流 ObjectOutputStream 称为序列化流特点：用于操作对象。可以将对象写入文件中，也可以从文件中读取对象对象序列化流ObjectOutputStream 将Java对象的基本数据类型和图形写入OutputStream。可以使用ObjectInputStr...
2018-05-06 20:34:57
403
原创 IO流——缓冲流
在进行读取文件中数据的操作时，读取数据量大的文件时，读取的速度会很慢，Java中提供了一套缓冲流，可以提高IO流的读写速度。缓冲流 根据流的分类分为字节缓冲流与字符缓冲流字节缓冲流字节缓冲流根据流的方向有字节缓冲输出流BufferedOutputStream（写入数据到流中）和字节缓冲输入流BufferedInputStream（读取流中的数据）BufferedOutputStream ...
2018-05-05 22:05:25
398
原创 IO流——转换流
OutputStreamWriter类 OutputStreamWriter是字符流通向字节流的桥梁：可使用指定的字符编码表，将要写入流中的字符编码乘字节。代码演示：public static void writeCN() throws Exception { //创建与文件关联的字节输出流对象 FileOutputStream fos = new FileOutputStream(...
2018-05-05 21:34:20
496
原创 IO流——字符流
字节流读取字符的问题通过以下程序读取带有中文的文件public class CharStreamDemo { public static void main(String[] args) throws IOException { //给文件中写中文 writeCNText(); //读取文件中的中文 readCNText(); } //读取中文 public static...
2018-05-02 21:30:39
196
原创 IO流——字节流
字节输出流OutputStream 此抽象类，是表示输出字节流的所有类的超类。操作的数据都是字节，定义了输出字节流的基本共性功能方法。输出流中定义的方法： close()：关闭输出流并释放与此输出流有关的所有系统资源 flush()：刷新此输出流并强制写出所有缓冲的输出字节 write(byte[] b)：将b.length个字节从指定的byte数组写入此输出流 wr...
2018-05-02 21:02:55
286
原创 递归以及递归的简单使用（递归求和、递归求阶乘、递归遍历全目录、递归计算斐波那契数列）
递归，指在当前方法内调用自己的现象。public void method(){ System.out.println(“递归的演示”); //在当前方法内调用自己 method();}递归分为两种：直接递归（方法自身直接调用自己）和间接递归（可以A方法调用B方法，B方法调用C方法，C方法再调用A方法）。1.计算1~n的和，使用递归完成import java.util.Scanner;p...
2018-04-25 21:26:14
4998
原创 Java中的异常以及对异常的处理
Java代码在运行时期发生的问题就是异常。在Java中，把异常信息封装成了一个类，当出现问题时，就会创建异常类对象并抛出异常相关的信息（如异常的位置、原因等）异常的继承体系 在Java中使用Exception类来描述异常。Exception类及其子类是Throwable的一种形式，它用来表示Java程序中可能会产生的异常，并要求对产生的异常进行合理的异常处理。 Exceptio...
2018-04-23 21:57:17
2037
原创 Java实现模拟斗地主洗牌发牌
按照斗地主的规则，完成洗牌发牌看牌的动作。最终结果预计为：具体规则：1.组装54张扑克牌2.将54张扑克牌顺序打乱3.三个玩家参与游戏，三人交替摸牌，每人17张，最后三张做底牌4.查看三人手中各自的牌（按牌的大小排序）、底牌实现代码步骤：1.首先，要修改java文件编码，由GBK修改为UTF-8，因为默认的字符编码GBK没有梅花、方片...
2018-04-20 20:20:57
12234
4
原创 集合框架——Map接口
Map接口 Map中的集合，元素是成对存在的。每个元素由键和值两部分组成（键值对），通过键可以找到对应的值。Map中的集合成为双列集合。需要注意的是，Map中的集合不能包含重复的键，值可以重复；每个键只能对应一个值。Map中常用的集合为HashMap集合、LinkedHashMap集合 HashMap<K,V>：存储数据采用哈希表结构，元素存取顺序不能保证一致。由于要保证键...
2018-04-20 19:47:56
848
原创 集合框架——Set接口
Set接口，里面的集合所存储的元素都是不重复的。通过元素的equals方法，来判断是否为重复元素。HashSet集合：此类实现Set接口，有哈希表支持。HashSet集合不能保证迭代顺序与元素顺序相同。采用哈希表结构存储数据，保证元素唯一性的方式依赖于：hashCode（）与equals（）方法。HashSet集合存储数据的结构是哈希表，哈希表底层使用的也是数组机制，数组中也存放对象，而这些对象往...
2018-04-20 11:46:41
326
原创 集合框架——List接口
List接口，是一个元素存取有序的集合；是一个带索引的集合，通过索引就可以精确的操作集合中的元素；集合中可以有重复的元素，通过元素的equals方法来比较是否为重复的元素。List接口常用的子类有 ArrayList集合和LinkedList集合。 ArrayList集合数据存储的结构是数组结构。元素增删慢，查找快，由于日常开发中使用最多的功能为查询数据、遍历数据，所以ArrayList是最...
2018-04-20 11:09:21
303
原创 集合框架——Iterator迭代器
Collection集合元素的通用获取方式：在取元素之前先要判断集合中有没有元素，如果有，就把这个元素取出来，继续判断，如果还有就再取出来。一直把集合中的元素全部取出。这种取出方式专业术语称为迭代。集合中把这种取元素的方式描述在Iterator接口中。Iterator接口的常用方法：迭代器的代码实现：import java.util.ArrayList;import java.util.Coll...
2018-04-13 20:33:12
339
原创 集合框架——集合继承及Collection接口
集合的继承实现关系查看ArrayList类发现它继承了抽象类AbstractList同时实现接口List，而List接口又继承了Collection接口。Collection接口为最顶层集合接口了。interface List extends Collection{}public class ArrayList extends AbstractList implement List{}说明在...
2018-04-13 19:31:35
1009
原创 正则表达式
正则表达式（在代码中常简写为regex） 正则表达式是一个字符串，使用单个字符串来描述、用来定义匹配规则，匹配一系列符合某个句法规则的字符串。开发中，正则表达式通常用来检索、替换那些符合某个规则的文本。 正则表达式的匹配规则 在Pattern类中有正则表达式的规则定义，正则表达式中明确区分大小写字母。 正则表达式的语法规则：字符：x含...
2018-04-12 19:20:54
299
原创 Java的API及Object类、String类
Java的API（Application Programming Interface）（应用程序接口）是JDK中提供的类，这些类将底层的代码实现封装了起来，使用者不需要关心这些类是如何实现的，只需要学习如何使用即可。 在JDK安装目录下有个src.zip文件，这个文件解压缩后里面的内容是所有Java类的源文件。可以在其中查看相对应的类源码。我们可以通过查帮助文档的方式...
2018-04-11 21:32:50
368
原创 final关键字、static关键字、匿名对象与内部类
final关键字 有些类在描述完之后，不想被继承，或者有些类中的部分方法功能是固定的，不想让子类重写。这时需要用到一个关键字final，final的意思为最终，不可变。 final是个修饰符，可以用来修饰类，类的成员，以及局部变量。 final修饰类不可以被继承，但是可以继承其他类class Yy {}final class Fu ext...
2018-04-07 22:44:48
598
原创 构造方法、this关键字与super关键字
一、构造方法 在开发中经常需要在创建对象的同时明确对象的属性值。构造方法就是在创建对象时要执行的方法。既然是对象创建时要执行的方法，那么只要在new对象是，知道其执行的构造方法是什么，就可以在执行这个方法的时候给对象进行属性赋值。 构造方法的格式：修饰符 构造方法名(参数列表){ } 构造方法的体现： 构造方法没有返回值类型。也不需要写返回...
2018-04-03 22:16:46
794
原创 面向对象的多态特性
多态是继封装、继承之后，面向对象的第三大特性。 Java作为面向对象的语言，同样可以描述一个事物的多种形态。如Student类继承了Person类，一个Student的对象便既是Student，又是Person。 Java中多态的代码体现在一个子类对象(实现类对象)既可以给这个子类(实现类对象)引用变量赋值，又可以给这个子类(实现类对象)的父类(接口)变...
2018-04-02 22:46:57
643
1
原创 Java实现超市库存管理系统
模拟真实的库存管理逻辑，完成超市管理系统的日常功能实现。 经过分析，首先需要一个功能菜单，然后输入所选的功能后，调用序号对应的功能方法，实现想要的操作。 具体的步骤如下： 1.完成超市商品初始化。创建商品，将商品添加到集合2.显示来到超市能做的操作，也就是显示主菜单3.根据接收到的功...
2018-03-30 22:04:44
54342
78
原创 ArrayList集合
数组可以保存多个元素，但在某些情况下无法确定到底要保存多少个元素，此时数组将不再适应，因为数组的长度不可变。 为了保存数目不确定的元素，jdk中提供了一系列特殊的类，这些类可以存储任意元素，并且长度可变，统称为集合。这里主要是ArrayList集合。 ArrayList集合是程序中最常见的一种集合，属于引用数据类型。在ArrayList内部封装了一些长度...
2018-03-28 19:02:03
590
原创 方法、方法重载和方法覆盖
1.方法 在Java中，方法就是用来完成解决某件事情或实现某个功能的办法。 方法实现的过程中，会包含很多条语句用于完成某些有意义的功能——通常是处理文本，控制输入或者计算数值。我们可以通过在程序代码中引用方法名称和所需的参数，实现在该程序中执行（调用）该方法，方法一般都有一个返回值，用来作为事情的处理结果。 方法的具体语法格式：修饰符 返回值类型 方法名（参数类型 参数1，参数类...
2018-03-27 20:05:11
1263
3
原创 数组异常
1.数组越界异常每个数组的索引都会有一个范围，即0~length-1.在访问数组的元素时，索引不能超过这个范围，否则程序会报错。如下所示： public class ArrayDemo06 { public static void main(String[] args) { int[] arr = new int[4]; // 定义一个长度为4的数组 System.out.prin...
2018-03-26 22:29:26
2238
原创 Java随机点名器案例
随机点名器，即在全班同学中随机的打印出一名同学的名字。要做到随机点名，需要具备 ①存储所有的同学姓名 ②显示全班同学姓名 ③随机点名其中的一个人，打印到控制台。需要涉及的知识点：①数组 ②随机类1.实现对全班同学姓名的存储 在存储姓名时，如果对每一个同学都定义一个变量进行姓名存储，会出现过多的变量，很难一次性将全部数据持有。可以使用数组解决多个数据的存储问题。代码如下...
2018-03-26 22:08:41
14235
1
原创 Java打印三角形
打印三角形主要是对Java中循环嵌套的应用。 嵌套循环是指在一个循环语句的循环体中再定义一个循环语句的语法结构。while、do…while、for循环语句都可以进行嵌套，并且它们之间也可以互相嵌套，如最常见的在for循环中嵌套for循环。它的格式为：for(初始化表达式; 循环条件; 操作表达式) { ……… for(初始化表达式; 循环条件; 操作表达式) { ...
2018-03-25 18:18:43
9809
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人