- 博客(39)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Git SSH配置
一、简介本文档以成功安装git为前提，基于gitee（码云）实现。二、生成SSH（git通用）第一步：配置用户名：git config --global user.name 用户名查看用户名：git config --global user.name配置邮箱 ：git config --global user.email 邮箱查看邮箱 ：git config --global user.email第二步生成公钥和私钥：ssh-keygen -t rsa -C 邮箱名输入命令后按3次ent
2021-10-30 15:59:54
410
原创 HTML表单
一、简介：这篇文章向大家介绍，（1）Html5新增input类型（2）新增表单元素、(3)新增表单属性、(4)Html表单验证。二、新增的input类型：(1)原有的input类型：input标签type属性值功能text普通文本框，默认值password密码框radio单选按钮checkbox多选按钮file文件上传组件butt...
2021-06-26 00:55:52
212
1
原创 Html下拉滚动事件
一、需求Html网页，下拉事件，下拉到底就加载数据，不断下拉不断出数据。二、实现关键代码介绍1.onscroll 事件在元素滚动条在滚动时触发。https://www.runoob.com/jsref/event-onscroll.html2.滚动条滚动时，距离顶部的距离**document.documentElement.scrollTop || document.body.scrollTop;**模式模型-视图(Model/View)模式源-监听器(Source/Listener)模式从属者(Dependents)模式1.2角色观察者模式包含以下4个角色：Subject（目标）ConcreteSubject（具体目标）Observer（观察者
2021-03-21 21:52:55
768
原创 命令模式（行为型）
1.命令1.1定义命令模式：将一个请求封装为一个对象，从而让你可以用不同的请求对客户进行参数化，对请求排队或者记录请求日志，以及支持可撤销的操作。对象行为型模式命令模式的定义说明：别名为动作(Action)模式或事务(Transaction)模式“用不同的请求对客户进行参数化”-例如吃面佐料要求“对请求排队”-例如吃饭排队“记录请求日志”-例如点菜单“支持可撤销操作”-例如点菜取消1.2角色命令模式包含以下4个角色：Command（抽象命令类）Concre
2021-03-21 21:48:36
633
原创 装饰模式（结构型）
1.装饰1.1定义装饰者模式：动态地给一个对象增加一些额外的职责。就扩展功能而言，装饰者模式提供了一种比使用子类更加灵活的替代方案。对象结构型模式装饰者模式的定义说明：以对客户透明的方式动态地给一个对象附加上更多的责任可以在不需要创建更多子类的情况下，让对象的功能得以扩展1.2角色装饰者模式包含以下4个角色：Component（抽象构件）ConcreteComponent（具体构件）Decorator（抽象装饰者类）ConcreteDecorator（具体装饰者类）
2021-03-21 21:41:19
501
原创 代理模式（结构型）
1.代理1.1定义代理模式：给某一个对象提供一个代理或占位符，并由代理对象来控制对原对象的访问。代理模式的定义说明：引入一个新的代理对象代理对象在客户端对象和目标对象之间起到中介的作用去掉客户不能看到的内容和服务或者增添客户需要的额外的新服务1.2角色代理模式包含以下3个角色：Subject（抽象主题角色）Proxy（代理主题角色）RealSubject（真实主题角色）1.3优点能够协调调用者和被调用者，在一定程度上降低了系统的耦合度客户端可以针对抽象主题角
2021-03-21 21:36:39
288
原创 适配器模式（结构型）
1.适配器1.1定义适配器模式：将一个类的接口转换成客户希望的另一个接口。适配器模式让那些接口不兼容的类可以一起工作。对象结构型模式 / 类结构型模式适配器模式的定义说明：别名为包装器(Wrapper)模式定义中所提及的接口是指广义的接口，它可以表示一个方法或者方法的集合1.2角色适配器模式包含以下3个角色：Target（目标类）——需求方Adapter（适配器类）——转换Adaptee（适配者类）——提供方1.3优点将目标类和适配者类解耦，通过引入一个适配器类来
2021-03-21 21:32:42
264
原创 桥接模式（结构型）
1.桥接1.1定义桥接模式：将抽象部分与它的实现部分解耦，使得两者都能够独立变化。对象结构型模式桥接模式的定义说明:又被称为柄体(Handle and Body)模式或接口(Interface)模式用抽象关联取代了传统的多层继承将类之间的静态继承关系转换为动态的对象组合关系1.2角色桥接模式包含以下4个角色：Abstraction（抽象类）RefinedAbstraction（扩充抽象类）Implementor（实现类接口）ConcreteImplementor（
2021-03-20 14:14:01
526
原创 单例模式（创建型）
1.单例1.1定义单例模式：确保一个类只有一个实例，并提供一个全局访问点来访问这个唯一实例。单例模式的定义说明：某个类只能有一个实例必须自行创建这个实例必须自行向整个系统提供这个实例1.2角色单例模式只包含一个单例角色：Singleton（单例）1.3优点提供了对唯一实例的受控访问可以节约系统资源，提高系统的性能1.4缺点扩展困难（缺少抽象层）单例类的职责过重由于自动垃圾回收机制，可能会导致共享的单例对象的状态丢失1.5适用环境系统只需要一个
2021-03-19 13:47:43
371
原创 原型模式（创建型）
1.原型1.1定义原型模式：使用原型实例指定待创建对象的类型，并且通过复制这个原型来创建新的对象。原型模式的定义说明：工作原理：将一个原型对象传给要发动创建的对象（即客户端对象），这个要发动创建的对象通过请求原型对象复制自己来实现创建过程创建新对象（也称为克隆对象）的工厂就是原型类自身，工厂方法由负责复制原型对象的克隆方法来实现通过克隆方法所创建的对象是全新的对象，它们在内存中拥有新的地址，每一个克隆对象都是独立的通过不同的方式对克隆对象进行修改以后，可以得到一系列相似但不完全
2021-03-19 13:44:36
718
原创 工厂方法模式（创建型）
1.工厂方法1.1定义工厂方法模式：定义一个用于创建对象的接口，但是让子类决定将哪一个类实例化。工厂方法模式让一个类的实例化延迟到其子类工厂方法模式定义的有关说明：简称为工厂模式(Factory Pattern)又可称作虚拟构造器模式(Virtual Constructor Pattern)或多态工厂模式(Polymorphic Factory Pattern)工厂父类（抽象类）负责定义创建产品对象的公共接口，而工厂子类则负责生成具体的产品对象目的是将产品类的实例化操作延迟到工
2021-03-18 15:23:40
281
原创 简单工厂模式（创建型）
1.简单工厂1.1定义简单工厂模式 (Simple Factory Pattern)：定义一个工厂类，它可以根据参数的不同返回不同类的实例，被创建的实例通常都具有共同的父类。简单工厂模式定义的有关说明：在简单工厂模式中用于创建实例的方法通常是静态(static)方法，因此又被称为静态工厂方法(Static Factory Method)模式要点：如果需要什么，只需要传入一个正确的参数，就可以获取所需要的对象，而无须知道其创建细节1.2角色简单工厂模式的组成部分：Factory（工厂角色
2021-03-18 15:16:59
392
原创 java设计模式入门
1.概念一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结是一种用于对软件系统中不断重现的设计问题的解决方案进行文档化的技术是一种共享专家设计经验的技术 -目的：为了可重用代码、让代码更容易被他人理解、提高代码可靠性...
2021-03-17 17:27:21
127
原创 HTML图片轮播
一、简介：之前我也写过图片轮播的 文章，写的不是很详细只有效果图片展示及相应的代码展示，而且js代码也写得很乱。这一次我又重新学习了一遍图片轮播，并对它进行了代码整理让你们更容易理解二、文件目录：三、图片素材：四、图片轮播得二种方式：第一种：使用background: url()设置标签背景的方式，通过js对css样式进行修改实现图片轮播<!DOCTYPE htm...
2020-03-14 03:42:04
40829
15
原创 HTML5新增文档结构元素
一、简介：相比HTML4在HTML5中有一个比较重大的变化就是新增了很多新的结构元素，例如article、section、aside、nav、header等。这些元素和div的元素有类似的功能，但是具有更强的语义表示。总结一句话就是：“见其名知其意”。二、为什么要引入语义元素呢：在这里很多朋友就会产生疑问了，这些新语义元素既然和div的元素具有类似的功能为什么还要引入这些语义元素呢？以...
2020-03-13 19:42:15
1564
原创 微信小程序之快递查询（完整版）
一、简介： 点击按钮查看快递信息。我也在网上找了很多快递查询的例子，但是它们都不是很详细。在代码上他们都没错，但是在配置上却缺少了一些东西，导致我们白嫖并没有什么用,对于一些新手并不友好。 这篇文章将为大家详细讲解编程过程。 **需求：输入快递单号，点击查询按钮即可查看快递信息 api：快递物流查询API接口-支持1000多家快递公司-高实时-高稳定-高并发**二、准备工作：第一步百...
2020-02-25 21:38:52
12374
11
原创 微信小程序input输入数据为数字
一、简介在做项目的时候，我们经常会碰到一些特殊的数据，如在输入数据时，要求输入电话号码而电话号码全是数字，输入某物品的数量，输入值肯定是正整形数字，这篇文章就是教你怎么处理这种情况的数据。二、效果图：三、代码：wxml：<view class="box"> <button class="button" bindtap="jian">-</button&...
2019-11-26 23:32:04
7663
原创 微信小程序之上传多张图片（云开发）
一、简介：这篇文章向大家展示的是把图片上传到云数据库中，这是我做商城项目时研究的。大家都知道，云开发是没有后端开发的，所有图片我们要放到云数据库中。二、素材图：：三、效果图：四、代码：wxml：<!--miniprogram/pages/fb/fb.wxml--><view class='pages'> <view class='top'>...
2019-09-22 11:11:28
12305
18
原创 微信小程序之GoodsAction 商品导航
一、简介：写这篇文章主要是讲解这个GoodsAction 商品导航的样式是怎么写的，让我们可以根据这个样式写出属于自己的GoodsAction 商品导航。二、效果图：三、素材图：四、代码分解：让图片与文字一个在上一个在下，且让图片与文字上下左右居中布局。wxml：<view class="bottom_liuyan" > <view class="bott...
2019-08-08 14:40:58
1495
原创 微信小程序之页面跳转（tabBar页面与应用内页面）
一、简介：微信小程序主要分tabBar页面与应用内页面，这两种页面都有自己的跳转方式。二、tabBar页面跳转（1）什么tabBar页面在app.json中这样写的是tabBar页面页面中这样显示tabBar（2）wx.switchTab页面跳转wx.switchTab({ url: '/pages/index/index' });注意：switchTab...
2019-08-08 14:08:40
9733
原创 微信小程序之步骤条（Steps）
一、效果图及简介：（1）没完成的灰色小圆点表示（2）完成的使用绿色小圆点设表示（3）完成的最后一个步骤用代√的小圆点表示二、实现思路：（1）progress进度条：开发文档查看属性：https://developers.weixin.qq.com/miniprogram/dev/component/progress.html（2）view圆点样式：wxml：<view c...
2019-08-08 14:08:10
10432
1
原创 微信小程序之引入vant-weapp组件库步骤非常详细（云开发）
一、查看组件库样式：vant-weapp组件库链接：https://youzan.github.io/vant-weapp/#/intro二、初始化package.json文件、三、安装对应的vant-weapp组件库包：继续输入命令：npm i vant-weapp -S --production导入包四、使用vant-weapp组件：json：{ "usin...
2019-08-04 09:53:42
3415
1
原创 微信小程序之模糊搜索功能（云开发）
一、简介：最近一直在通过自学，用云开发做一个二手商城项目，现在做到搜索功能了。在此我对微信云开发模糊搜索进行了研究。搜索功能基本就是通过输入关键字查询与之相匹配的内容，并展示在页面上。目前小程序云开发还未提供模糊查询机制，因此我们只有通过正则表达式来完成云开发的模糊查询。name: db.RegExp({regexp: _this.searchContent,options: ‘i’,}...
2019-07-29 13:40:22
12047
24
原创 微信小程序之text文本超出隐藏超出部分用省略号表示
一、简介：在做微信小程序的时候，由于自己搭框架的只有这么大且刚好这么大的界面才美观，因此当我们的文本文字，超出这个范围时就要隐藏。我们不可能只隐藏超出的部分文字，却不提示是否有文字被隐藏了。于是我们可以用省略号表示。二、代码：wxml：<text class="text">（我我我我我我我我我我我我我我我我）（你你你你你你你你你你你你你你）（他他他他他他他他他他他他他)<...
2019-07-27 20:56:49
5576
原创 微信小程序之横向布局与纵向布局
一、效果图：二、代码：wxml： <!-- 横向布局 --> <view class="row"> <view class="box1">box1</view> <view class="box2">box2</view> </view> <!-- 纵...
2019-07-27 20:50:40
7514
1
原创 微信小程序之单个picker组件的使用
wxml：<view class="bottom-kuangjia"> <picker class="p" bindchange="bindPickerChange" value="{{index}}" range="{{array}}" custom-item="请选择"> <view class='classify-kuangjia'>...
2019-07-22 22:36:29
311
原创 JavaWeb word文档编辑器（CKEditor）
一、简介：在jsp页面中嵌入word文档编辑器（CKEditor）二、下载CKEditor编辑器下载链接：https://ckeditor.com/ckeditor-4/download/三、下载后将文件导入WEB项目中：四、引用CKEditor.js<script src="../ckeditor/ckeditor.js"></script>五、使用...
2019-07-17 20:00:47
1787
原创 微信小程序之云函数配置
一、安装node.js:1、Windows 安装包(.msi)下载32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi2、安装node.js(1)一直点下一步直到安装完成。(2)win...
2019-07-17 18:36:08
1121
原创 HTML图片轮播
一、简述：如果自己创建闲麻烦可以下载源码，代码的素材也发出，在文章的下面可自行下载。二、源码下载：https://download.csdn.net/download/m0_45329584/11348612三、文件创建：index.html:<!doctype html><html><head><meta charset="utf-8...
2019-07-16 14:22:21
12211
4
原创 微信小程序之select下拉框
wxml：<view class="classify-kuangjia"> <view class="classify-kuangjia2"> <view>商品分类:</view> <!-- 下拉框 --> <view class='classify' bindtap='bindShowMsg'>...
2019-07-15 23:17:34
3690
原创 HTML网页时钟设计（js实现）
HTML： <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页时钟</title> <meta name="Keywords" content="网页时钟"> <meta name...
2019-07-15 17:38:41
7868
6
原创 微信小程序之授权登录
一、简介：小程序一开始进入首页，进入后判断是否登录，如未登录自行跳转到授权登录页面，登录后再到首页。二、项目目录：三、代码：app.js:将代码放入onLaunch函数中，如有wx.getSetting直接替换 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo'...
2019-07-14 23:10:46
1524
原创 JavaWeb 登录时密码的显示与隐藏
jsp代码：<form action="" method="post"> <table> <tr> <td> <input class="wbk" type="password" name="password" value="1" id="password"> <img class="eyes" id=...
2019-07-14 16:42:05
3859
原创 JavaWeb 登录验证码
login.jsp:<script type="text/javascript">function ok () { // 获取img元素 // 为了让浏览器发送请求到servlet, 所以一定要改变src //News项目名 document.getElementById('img').src ="/News/VerifyCodeServlet?ti...
2019-07-14 16:39:49
158
原创 JavaWeb 表单提交后3秒返回上一页
index.jsp:<form action="news/result.jsp" method="post" > <input type="submit" value='提交'></form>result.jsp:<span id="remainSeconds">3</span><span>秒后返回上一页<...
2019-07-14 16:08:29
721
原创 JavaWeb JDBC数据库公共类（MySql数据库）
一、JDBC执行数据库访问的步骤 1.导包 2.加载数据库驱动程序 3.连接数据库 4.创建sql指令对象 5.发送sql指令到数据库 6.处理结果 7.关闭数据库二、下载MySQL驱动jar包下载地址：(https://dev.mysql.com/downloads/connector/j/)先下载好数据库驱动，然后拷贝到web工程...
2019-07-13 18:35:03
532
原创 JavaWeb 单双行分颜色展示
jsp：<form action="" method="post"> <table id="table" border="1" cellpadding="0" cellspacing="0" width="70%" align="center"> <tr> <td>这是一个演示</td> </tr&...
2019-07-11 23:12:01
424
1
java设计模式学习文档.pdf
2021-03-19
软件设计模式实训.7z
2021-03-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人