戴翔的技术博客-优快云博客

原创微信小程序云开发开源项目：在线捐赠功德箱

环境说明开发工具：微信开发者工具调试基础库：2.19.2目录说明Project├─cloudfunctions 云函数文件夹│ ├─payCallback 微信支付回调函数│ ├─quickstartFunctions│ │ ├─createCollection│ │ ├─getMiniProgramCode│ │ ├─getSwitch 获取显示开关函数│ │ ├─selectSubject

2021-08-26 09:17:17 6079 2

原创微信小程序开发从入门到精通·学习路线

1.HTML（基础）html和css是前端的基础，是前端的入门级知识，必须掌握。学习地址：https://www.runoob.com/html/html-tutorial.html2.CSS（基础）html和css是前端的基础，是前端的入门级知识，必须掌握。学习地址：https://www.runoob.com/css/css-tutorial.html3.JavaScript（基础...

2020-03-15 15:39:18 8835

原创 MySQL Workbench使用入门

轻松学会MySQL Workbench的使用。MySQL Workbench 是可视化数据库设计软件，为数据库管理员和开发人员提供了一整套可视化的数据库操作环境，主要功能有数据库设计与模型建立、SQL 开发（取代 MySQL Query Browser）、数据库管理（取代 MySQL Administrator）。

2023-04-11 17:39:50 3422

原创【算法】Java实现选择排序

从0索引开始，拿着每一个索引上的元素跟后面元素进行比较，大的放在后面。

2023-02-26 21:09:58 394

原创【算法】Java实现冒泡排序

数组arr = {10, 2, 5, 3, 8};相邻两个数据进行比较，大的放在最后。

2023-02-26 20:55:56 382

原创使用Java完成石头迷阵游戏

【代码】使用Java完成石头迷阵游戏。

2023-02-26 13:40:36 1199 3

原创 Java版学生信息管理系统的实现

使用Java编写一个简单的通过控制台交互的学生信息管理系统，这是学习Java编程的一个简单综合案例。

2023-02-25 19:39:19 269

原创 SecureCRT安装步骤

安装SecureCRT。SecureCRT和SecureFX是一款VanDyke Software开发的商业终端连接工具，使用起来十分简单，用户能够轻松上手操作，各种功能应有尽有，可以方便的管理多个 ssh 连接，给你更轻松的使用体验。

2022-09-11 10:52:10 16214

原创前端本地存储Cookie、LocalStorage、SessionStorage

1.CookieCookie是浏览器存储数据的一种方式；存储在用户本地，而不是存储在服务器上；可以随着浏览器每次请求发送到服务器端。1.1 Cookie的用法1.1.1 写入 Cookiedocument.cookie = 'username=zs';document.cookie = 'age=18';cookie的名称或值如果包含非英文字母，则写入时需要使用encodeURIComponent编码，读取时需要使用解码。document.cookie = `username=${e

2021-11-08 09:17:39 499

原创 JavaScript中Webpack的使用

0.什么是WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。1.Webpack的使用1.初始化项目npm init2.安装Webpack需要的包npm install --save-dev webpack-cli webpack3.配置Webpack在 package.json 文件添加执行编译的命令 "scripts": { "webpack": "webpack" //

2021-10-26 18:30:51 1446

原创 JavaScript中使用 Babel 的流程

0.什么是BabelBabel 是一个 JavaScript 编译器，具有以下特性。Babel 本身可以编译 ES6 的大部分语法；ES6 Module 语法一般需要使用 Webpack 来处理；Babel 本身不能编译 ES6 新增的 API，需要借助其它的模块。1.使用 Babel 的流程1.安装 Node.js（https://nodejs.org/en/），在项目根目录初始化项目，生成 package.json 文件。cmdC:\Users\Daixiang\Desktop\de

2021-10-24 21:09:11 3639

原创 JavaScript ES6 Module模块

0.什么是Module历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。ES6 模块的设计思想是尽量的静态化，使得编译

2021-10-23 20:09:59 438

原创 JavaScript ES6 Class的基本用法

0.Class 的基本用法class Person { // 构造函数 constructor(name, sex) { this.name = name; this.sex = sex; } say() { console.log(`我是${this.name}，性别：${this.sex}`); }}const zs = new Person('张三', '男');console.log(zs.name);zs.

2021-10-22 08:30:00 308

原创 JavaScript ES6 Promise对象及其应用

0.Promise是什么ES 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。Promise 是异步操作的一种解决方案；Promise 一般用来解决层层嵌套的回调函数的问题；Promise 解决的不是回调函数，而是回调地狱。1.Promise的状态Promise 对象有三种状态：pending: 初始状态，不是成功或失败状态。resolved/fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。

2021-10-21 10:44:15 327

原创 JavaScript中Set、Map的应用

0 什么是Set、MapSet是一系列无序、没有重复值的数据集合。你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。Map是一系列键值对的集合。Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。1 Set的应用1.1 数组去重例1：JavaScript中的Set，利用其特性，将数组[1, 2, 3, 3, 2, 1]去重后返回。console.log([...new Set([1, 2, 3, 3

2021-10-20 17:30:00 545 1

原创 JavaScript ES6中的解构赋值

0.什么是解构赋值解构赋值语法是一种 Javascript 表达式。通过解构赋值, 可以将属性/值从对象/数组中取出,赋值给其他变量。没有解构赋值之前，将数组中的值分别赋给变量a、b、c需要使用数组下标取值：const arr = [1, 2, 3];let a = arr[0];let b = arr[1];let c = arr[2];console.log(a, b, c); // 1 2 3有了解构赋值之后，将数组中的值分别赋给变量a、b、c不需要使用数组下标：const a

2021-10-19 21:23:20 502

原创 JavaScript中var、let、const的区别

1.重复声明var支持重复声明，let、const不支持重复声明。1.1 varvar a = 1;var a = 2;console.log(a);输出结果：21.2 letlet b = 3;let b = 4;console.log(b);输出结果：Uncaught SyntaxError: Identifier 'b' has already been declared1.3 constconst c = 5;const c = 6;console.log(

2021-10-18 21:00:00 308 2

原创 JavaScript事件委托批量添加事件监听

0.什么是事件委托事件委托：利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时发现其本身没有相应事件就到父元素上寻找作出相应。这样做的优势有：减少DOM操作，提高性能。随时可以添加子元素，添加的子元素会自动有相应的处理事件。1.事件委托的原理事件委托是利用事件的冒泡原理来实现的，何为事件冒泡呢？就是事件从最深的节点开始，然后逐步向上传播事件。举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，

2021-10-17 08:40:13 743

原创 JavaScript函数上下文规则

1.规则1：对象.方法()对象.方法()对象打点调用它的方法函数，则函数的上下文是这个打点的对象。1.1 案例1function fn() { console.log(this.a + this.b);}var obj = { a: 66, b: 33, fn: fn}obj.fn();输出结果：991.2 案例2var obj1 = { a: 66, b: 33, fn: function () { con

2021-10-16 09:25:52 440

原创 JavaScript通过原型链实现继承

JavaScript通过原型链实现继承

2021-10-15 08:12:49 309

原创 JavaScript数组及非数组对象的深浅克隆

0.什么是浅克隆、深克隆浅克隆：直接将存储在栈中的值赋值给对应变量，如果是基本数据类型，则直接赋值对应的值，如果是引用类型，则赋值的是地址。深克隆：将数据赋值给对应的变量，从而产生一个与源数据不相干的新数据(数据地址已变化)。即对象各个层级的属性。JavaScript中基本数据类型使用符号“=”可以进行克隆，引用数据类型使用符号“=”只是改变了变量的指向，并没有进行真正的克隆操作。1.对数组进行克隆1.1 浅克隆使用for循环进行浅克隆。var arr1 = ['demo', 1, 2];v

2021-10-14 19:15:00 376

原创 JavaScript制作楼层导航效果

0. 本期目标使用JavaScript制作楼层导航效果，实现两个功能：楼层跳转楼层监听1. 功能实现1.1 结构层<div id="box" class="box"> <ul class="list"> <li class="content-part" data-n="栏目一">栏目一</li> <li class="content-part" data-n="栏目二">栏目二</li&

2021-10-14 09:44:21 1846

原创 JavaScript通过键盘方向键控制盒子移动

0. 效果图1. 实现代码html<head><style> .box { position: absolute; width: 100px; height: 100px; top: 100px; left: 100px; background-color: orange; }</style></head><body>

2021-10-12 20:15:00 1207

原创 JavaScript DOM获取元素节点兼容IE6

0. 子节点返回元素的所有子节点（兼容到IE6）function getChildren(node) { var children = []; for (var i = 0; i < node.childNodes.length; i++) { if (node.childNodes[i].nodeType == 1) { children.push(node.childNodes[i]); } } retur

2021-10-12 20:00:00 327

原创 JavaScript函数节流锁

0. 实现步骤在函数外部设置锁的初始状态；需要加锁的函数内部，判断锁状态；需要加锁的函数内部，关锁；需要加锁的函数内部，定时器开锁；1. 实现代码实现代码如下所示：var oBtn = document.getElementById('btn');var oList = document.getElementById('list');// 设置锁的初始状态var lock = true;oBtn.onclick = function () { // 需要加锁的函数内部，判断

2021-10-12 16:46:16 669

原创几个简单的算法题

0. 累加求值由用户输入数字n，请计算下面算式的值：3/2+4/3+5/4+…+(n+1)/nvar n = Number(prompt('请输入n值：'));var sum = 0;for (var i = 2; i <= n; i++) { sum += (i + 1) / i;}console.log(sum);1. 计算圆周率∏圆周率∏可以由下面的莱布尼茨级数公式计算出来，请由用户输入参数n,计算圆周率∏∏/2=1+1/3+(12)/(35)+(123)/(357)

2021-10-11 20:39:05 767

原创 html+css实现常见的网页特效

0. 效果预览1. 文字遮罩html<li class="big-grid havehover"> <a href=""> <div class="mask"> </div> <div class="circle"> <p> 城市 </p> <p> CityWalk </p> </div> <div class=

2021-10-09 21:25:47 2761 1

原创制作网页下拉三角形的方法

0. 效果预览1. 方法1：使用两个盒子构造三角箭头.head nav ul li.have-menu-1 .arrow{ position: absolute; width: 10px; height: 10px; top: 50%; right: 15px; margin-top: -5px; transition: transform .5s ease 0s;}.head nav ul li.have-menu-1 .arrow b{

2021-10-08 21:59:34 1272 2

原创微信小程序云开发开源项目：在线提货系统

1.效果图示2.使用方式2.1 普通用户2.1.1 提货扫描上图中的小程序码，或者微信搜索“我要提货”，进入小程序；点击小程序首页“扫码提货”按钮，扫描下图中的二维码；进入提货信息填写页面，填写完成提交后即可完成提货。2.1.2 查看订单点击首页“我的订单”按钮或者直接点击导航栏中“我的”菜单；2.1.3 查看物流接上步，点击订单列表中的订单，即可跳转到物流信息页面。如订单状态为“待发货”，则触发系统提示，不进入物流信息页面。2.2 商家2.2.1 生成卡密该功能未完成

2021-09-15 19:56:26 2342 3

原创颜色值RGB转换为HEX（十六进制）

本文目录RGB-HEX对照表RGB转HEXRGB-HEX对照表RGB的取值范围 [0,255]，HEX的取值范围[00,FF]，下面是RGB-HEX对照表：RGB HEX0 001 012 023 034 045 056 067 078 089 0910 0A11 0B12 0C13 0D14 0E15 0F16 1017 1118 1219 1320 1421 1522 1623 17

2021-08-06 09:00:31 8672

原创 js获取URL中GET方式传递的参数并自动填入input

输入框<input type="text" placeholder="输入订单号" id="OrderNo" name="OrderNo"><input type="text" placeholder="请输入邮箱" id="Email" name="Email">获取GET参数<script type="text/javascript">function getQueryVariable() { let query = window.location

2021-05-07 14:42:23 1675 1

原创表单的单项处理与批量处理操作

单项处理单项（单行）处理时，只需将数据行的主键id值作为入参传入处理函数即可。需要注意的是，添加c:if判断以避免重复处理。<td class="center"> <c:if test="${item.approvalStatus == 'INITIAL'}"> <a class="btn btn-xs btn-success review" title="审核" οnclick="review('${item.id}');"> <i class=.

2021-04-20 21:41:18 545

原创 jsp页面日期格式化

< fmt:formatDate value="" pattern="">value：要显示的日期，pattern：自定义格式模式。<fmt:formatDate value="${item.taskTime}" pattern="yyyy-MM-dd HH:mm:ss"/>

2021-04-20 10:12:16 1136 2

原创 jsp状态选择下拉框

jsp页码<td style="vertical-align:top;padding-left:2px;"> <select class="" name="status" id="status" data-placeholder="审核状态" style=""> <option value=""></option> <option value="">全部</option> <option <c:if tes.

2021-04-15 17:43:00 10202

原创 jsp返回上一页

history.back(-1) // 直接返回当前页的上一页，表单数据全部消失，是个新页面history.go(-1) // 返回当前页的上一页，不过表单里的数据全部还在<td style="text-align: center;" colspan="10"> <a class="btn btn-mini btn-primary" οnclick="save();">提交</a> <a class="btn btn-mini btn-d.

2021-04-15 17:36:39 1899

原创 MyBatis 使用 example 类

Example example = new Example(CtcAsyncExportTask.class); Example.Criteria criteria = example.createCriteria();MyBatis的逆向工程中会生成实例及实例对应的example，example用于添加条件，相当where后面的部分。example.setOrderByClause("字段名 ASC"); // 添加升序排列条件，DESC为降序example.setDi.

2021-04-12 21:16:01 642

原创简单的Git命令

1. Git命令1.1 从远程仓库拉代码到本地一般从develop分支拉代码到本地仓库。git pull origin developFrom http://gitlab.idcs.vip/example/crm * branch develop -> FETCH_HEADAlready up to date.1.2 创建并切换项目分支创建项目分支并切换到分支feature_20210409_data_security。git checkout -

2021-04-12 21:13:49 550

转载人人商城提示“百度未授权地图API”

问题描述微擎人人商城报错：百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥解决方法出现这个问题的原因是源代码里面的百度地图AK失效了，这个时候可以去百度地图直接重新申请一个AK，然后将原来项目里面的AK替换掉。申请地址：http://lbsyun.baidu.com/解决无果替换AK后依旧有提示时，需要注意以下几点：注意申请的AK类型是 “浏览器端"确认访问的程序页面AK是被替换了的可以快速的验证下，这个路径下项目名\data\tpl\app\ewei_

2021-02-16 19:41:53 3502 6

原创控制Spring工厂创建对象的次数

0. 如何控制简单对象的创建次数利用scope属性，控制简单对象的创建次数。scope属性的属性值有两种：sigleton和prototype。sigleton（默认值）：只会创建一次简单对象prototype：每一次都会创建新的对象<bean id="account" scope="singleton|prototype" class="xxxx.Account"/>1. 如何控制复杂对象的创建次数如没有isSingleton方法还是通过scope属性进行对象创建次数的控制。

2021-01-08 17:36:51 229

原创 Spring工厂创建复杂对象的3种方式

0. 什么是复杂对象复杂对象：指的就是不能直接通过new构造方法创建的对象，如：Connection、SqlSessionFactory。1. FactoryBean接口见文章：《Spring FactoryBean的实现及简单原理》（点击阅读）2. 实例工厂避免Spring框架的侵入整合遗留系统ConnectionFactory.javapublic class ConnectionFactory { public Connection getConnection(){

2021-01-08 17:25:54 305