fengkuangshl-优快云博客

原创 TS 封装WebSocket

这一个TS 封装WebSocket用法：const wbSocket = new Socket<T, RT>({ url: url })wbSocket.onmessage((data: RT) => { const str = JSON.stringify(data) console.log('server data:', str) })封装如下：import { Message } from 'element-ui'export type

2022-03-19 15:49:01 5514 3

原创 mybatis-plus分页模板，可支持原生sql，可多表联查

mybatis-plus分页模板，可支持原生sql，可多表联查

2022-01-29 21:45:29 2280

原创根据后端返回的json，自动解析json，自动选择适合的action进行业务处理

因项目需要，对前端json进行了重构，根据后端返回的json，自动解析json，自动选择适合的action进行业务处理。主要想解决前端一堆if判断Extend.js 模拟java的extends/** * * * @param {} subClass 子类 * @param {} superClass 父类 */function extend(subClass, superClass) { var F = function () {} F.prototype = superC

2022-01-25 13:59:13 976

转载 Typora使用教程

文章目录一、简介二、下载三、常用快捷键四、块元素4.1 标题级别4.2 引用文字4.3 列表4.4 代码块4.5 数学表达式4.6 表格4.7 目录4.8 代码标记5、链接5.1 超链接5.2 图片5.3 视频六、文字符号6.1 倾斜6.2 加粗6.3 删除线6.4 下划线6.5 分隔线6.6 表情符号6.7 上下标，高亮显示6.8 脚注七、支持的HTML元素7.1 文本居中7.2 快捷键显示7.3 加粗7.4 倾斜7.5 上下游一、简介相比较world这种文档编辑器而言，Typora更适合写一些程序相

2021-09-18 16:28:40 623

原创动态表格，带有排序功能

动态表格，根据后端返回的行，列，内容组装表格：js说明：jquery：主要用来做表格输出及事件绑定extend：主要用来做js的继承List：数据存储，模拟java中的ListMap：数据存储，模拟java中的MapTreeNode：行和列的数据模型，用树结构来存储DataGrid：表格js，实现对数据的解析，表格的装组输入，及事件的绑定<html><head> <title>datagrid</title>

2020-06-09 09:26:53 274

原创多时段合并去重

项目中要去对多时段合并去重例如：2020/05/05-2020/05/09的08:00-9:302020/05/06-2020/05/12的08:30-12:302020/05/10-2020/05/17的11:00-14:00合并去重完之后：2020/06/05 08:00-9:302020/06/06-2020/06/09 08:00-12:302020/06/10-2020/06/12 08:30-14:002020/06/13-2020/06/17 11:00

2020-06-05 16:36:33 924 1

原创日历控件

[code="java"]var DateConversion = (function() { var constants = { LUNARINFO : new Array( /* 1900 */ 0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d26...

2018-06-04 16:44:30 197

原创 Linux tomcat安装详解

[code="java"]解压缩# mkdir /usr/local/tomcat# cd /usr/local/tomcat# tar -zxvf /tpsys/install/apache-tomcat-7.0.77.tar.gz生成链接以便版本升级# ln -s apache-tomcat-7.0.77 server启动Tomcat# cd /usr/...

2018-04-18 15:02:44 118

原创窗口拖拽（改变大小/最小化/最大化/还原/关闭）

[code="html"]窗口拖拽（改变大小/最小化/最大化/还原/关闭） body,div,h2{margin:0;padding:0;}body{background:url(images/bg.jpg);font:12px/1.5 \5fae\8f6f\96c5\9ed1;color:#333;}#drag{position:absolute;top:10...

2017-09-26 23:41:55 1822

原创移动端html5点击图片全屏放大

[code="javascript"] Document document.writeln("");document.writeln("");document.writeln("...

2017-05-15 11:01:49 8603

原创拖拽-排班

[code="javascript"] jQuery UI 放置（Droppable） ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; } li { margin: 5px; padding...

2017-01-18 17:07:00 610

原创 HTML5 CANVAS 骰子

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="A

2014-10-06 18:34:40 468

原创 javascript 兼容FF的onmouseenter和onmouseleave

[code="javascript"] var xb = { evtHash: [], ieGetUniqueID: function(_elem) { if (_elem === window) { return 'theWindow'; } else if (_elem === document) { return 'theDocument'; ...

2013-06-14 10:44:46 218

原创 DIV居中

[code="html"] 多行文字实现垂直居中 body { font-size:12px;font-family:tahoma;} div#wrap { display:table; border:1px solid #FF0099; background-color:#FFCCFF; width:100%; hei...

2013-05-06 22:47:23 109

原创循环绑定事件

[code="html"] New Document function bindLiEvent(){ var lis = document.getElementsByTagName('li'); for(var i=0;i

2013-05-05 11:54:39 159

原创模似下拉列表框

[code="html"]selected ...

2013-04-21 00:01:56 98

原创 JS IE onMouseLeave onMouseEnter

[code="html"] New Document function hiddenRightSelect(leftSelectId, rightSelectId) { document.getElementById(rightSelectId).style.display = "none"; // 隐藏动态加载Sele...

2013-04-10 15:51:59 177

原创 android RelativeLayout 布局属性详解

RelativeLayout用到的一些重要的属性：第一类:属性值为true或false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:la...

2013-03-19 09:29:02 87

原创 HTML5 audio 音乐播放器

闲来无事写一个基于HTML5 audio js播放器.只针对Chrome浏览器.用于播放本地音乐.音乐界面部分参考别人.到用js继承,接口,一些简单的设计模式.[code="javascript"]// List接口var IContainer = new Interface('IContainer', [ 'add', 'get', 'removeInde...

2013-02-25 20:12:09 430

原创可以滚动的表格

[code="html"] New Document html { font-size:12px; }/*body { margin:50px; }*/.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }.clearfix { *zoom:1;}.clea...

2012-10-20 14:41:40 115

原创通过javascript设置CSS辅助类

[code="javascript"]var css = {};css.util = { setStyle : function(el, prop, val) { document.getElementById(el[i]).style[prop] = val }, setCss : function(el, style) { for ( var prop in s...

2012-08-12 10:04:05 132

原创 replace实现页面值的填充

[code="html"] New Document function replace(s, o) { return s.replace(/{([^{}]*)}/g, function(a, b) { var r = o[b]; return typeof r === 'string' || typeof r =...

2012-08-08 12:27:52 129

原创 js单例模式

[code="javascript"]GiantGorp = {};GiantGorp.DataParser = (function() { var reg = /\s+/gi; function tirm(str) { return str.replace(reg, ""); } function split(str, delimiter) { return ...

2012-06-30 23:41:41 85

原创 js 简单工厂模式

[code="javascript"]/** * 简单工厂 */// Constructor.//定义接口var Interface = function(name, methods) { if(arguments.length != 2) { throw new Error("Interface constructor called with ...

2012-06-30 23:41:35 102

原创 js 抽象工厂模式A

[code="javascript"]var Interface = function(name, methods) { if (arguments.length != 2) { throw new Error("Interface constructor called with " + arguments.length + "arguments, but expected...

2012-06-30 23:41:26 97

原创 js 抽象工厂模式B

[code="javascript"]// 接口var Interface = function(name, methods) { if (arguments.length != 2) { throw new Error("Interface constructor called with " + arguments.length + "arguments, but e...

2012-06-30 23:41:04 109

原创公历转换阴历

[code="javascript"]var DateConversion = (function() { var constants = { LUNARINFO : new Array( /* 1900 */ 0x04bd8, 0x04ae0, 0x0a570, 0x054d5, ...

2012-06-19 20:54:30 185

原创 javascript多页签应用

这是一个基于prototype的一个js应用.在项目中用到是IE7,经测试正常可以加载53个页签,多于53个IE7就会提示.自己测试过Google Chrome ,IE8,firefox,其它的请自行测试.....

2012-03-31 13:32:07 288

原创 js版的HashMap

[code="javascript"]var Class = { create : function() { return function() { this.initialize.apply(this, arguments); }; }};var Extend = function(desc, src) { for (var property in...

2011-11-08 11:42:38 138

原创模似html元素tilte提示

[code="html"]div模拟title document.write(''); function pltsinits() { document.onmouseover = plts; document.onmousemove = moveToMouseLoc; } ...

2011-11-03 23:20:40 130

原创解析 this.initialize.apply(this, arguments)

prototype.js代码片段代码如下:[code="javascript"]var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } } } ...

2011-09-22 21:08:42 93

原创组合值

[code="java"]package y2ssh.sg.test;import java.io.Serializable;public class AllTests { public static void main(String[] args) { AllTests test = new AllTests(); List list = new Arra...

2011-08-30 23:53:42 173

原创区间值的验证

[code="oracle"]create table TEST3( n1 NUMBER, n2 NUMBER);delete from test3;commit;insert into test3(n1,n2) values(5,50);insert into test3(n1,n2) values(60,80);insert into test3(n...

2011-08-18 23:13:53 302

原创跑马灯

[code="html"]setTimerOutstyle="border:1px solid blue"style="border:1px solid yellow"var v_setTimeOut=null;var i=0,j=0,k=0,m=0,n=0;var container= document.getElementById...

2011-08-16 18:01:29 111

原创模似表格

[code="html"]模似表格html { font-size:12px; }body { margin:50px; }.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }.clearfix { *zoom:1;}ul,li{border:solid 1px #...

2011-08-09 13:48:52 87

原创 android的UriMatcher类

2011-05-22 18:10:21 136

原创 oracle中的function,procedure,package.

create sequence seq_loginfo;create table loginfo( id number primary key, logName varchar(20) not null, logPass varchar(20) not null);--drop TABLE loginfo;insert into loginfo(id, lo...

2011-05-02 14:10:54 140

原创 freemarker中的Date类型的应用

;${test1?string('yyyy-MM-dd')}${myDate?string('yy-MM-dd HH:mm:ss')}

2011-02-14 16:48:21 170

原创 Javascript中使用面向对象的编程

[code="javascript"]http://www.cnblogs.com/seewood/archive/2005/06/24/180740.html/** * 一个js版的继承多态封装 * 继承链 XStudent-->Student-->Person-->Animal->Base * 其中添加除了继承过的属性和方法 * 还添加了一些自己的方法 */...

2011-01-21 11:42:23 110

原创 ORACLE 正则表达式

ORACLE 正则表达式一. 正则表达式简介: 正则表达式，就是以某种模式来匹配一类字符串。一旦概括了某类字符串，那么正则表达式即可用于针对字符串的各种相关操作。例如，判断匹配性，进行字符串的重新组合等。正则表达式提供了字符串处理的快捷方式。Oracle 10g及以后的版本中也支持正则表达式. 二. 正则表达式相对通配符的优势:1. 正则表达...

2010-12-23 10:09:22 657

DataGridTree.rar

空空如也