
UI
zhaoyang10
技术人员要成为最懂业务的技术专家
展开
-
前端UI框架 开源项目
前端UI框架原创 2022-08-24 15:15:47 · 711 阅读 · 0 评论 -
docker 部署 nginx
docker pull nginxdocker run -d -p 8082:80 --name nginx-proxy -v ~/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/nginx/logs:/var/log/nginx nginx原创 2021-03-11 11:55:53 · 175 阅读 · 0 评论 -
http get请求最大长度
IE最大支持get请求长度为2048个字节。一个汉字等于2字节,也就是大约55个UUID的长度(不包括uuid中的’-’) 其中get请求还有一些必要的信息 每次发送请求都会占有一些字节。比如:浏览器信息,字符编码。url地址,端口...原创 2018-12-27 12:44:30 · 9631 阅读 · 0 评论 -
前端js常用CDN
http://www.bootcdn.cnjquery<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script><script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js&q原创 2018-12-26 10:20:41 · 605 阅读 · 0 评论 -
jquery编码规范
讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,跟大家推荐一下jQuery API 文档 http://www.css88.com/jqapi-1.9/ ,她会告诉你使用jQuery时应该注意的哪些问题,性能建议...转载 2018-12-26 10:20:27 · 192 阅读 · 0 评论 -
ajax传参遇到中文乱码问题解决代码实现
方法一:js://对某个中文参数进行编码:window.document.location="searchbytext.action?searchtext="+encodeURIComponent(encodeURIComponent(seartext));java:searchtext=java.net.URLDecoder.decode(searchtext,"UTF-8"); //...原创 2018-12-26 10:20:00 · 354 阅读 · 0 评论 -
jquery 遍历json对象代码实现
<script src="js/jquery-1.6.4.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() {原创 2018-12-26 09:36:51 · 656 阅读 · 0 评论 -
ajax 正在提交提示
//js$("#loading").ajaxStart(function(){ $(this).css("display", "block");}); $("#loading").ajaxSuccess(function(){ $(this).css("display", "none&原创 2018-12-26 09:36:10 · 718 阅读 · 0 评论 -
jquery validation 自定义验证密码复杂度
jQuery.validator.addMethod("isPassword", function(value, element) { var reg = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,20}$/; return reg.test(value); }, "密码中必须包含含数字、字母、特殊符号");调用:pa...原创 2018-12-26 09:35:52 · 3239 阅读 · 0 评论 -
jquery on事件委派用法
$( elements ).on( events, [selector], data, handler );elements 代表元素 document div table p #div1 #id a[name=‘update’] form spanevents 代表事件 onclick submitdata 代表其他参数[selector]选择器可选,一个选择器字符串用于过滤器的触...原创 2018-12-22 10:24:33 · 2594 阅读 · 0 评论 -
jquery 通过input name获取值
方法一:var test = $("input[name^='test']");var arr = new Array();for(var i=0;i<test.length;i++){ arr[i] = test[i].value;}方法二:var a = [];$("input[name^='test']").each(function(i, o原创 2018-12-26 09:35:35 · 1414 阅读 · 0 评论 -
jquery 插件开发代码实现
插件开发两种方式:第一种:$.extend({ sayHello: function(name) { console.log('Hello,' + (name ? name : 'Dude') + '!'); }})$.sayHello(); //调用$.sayHello('Wayou'); //带参调用第二种:插件统一格式:;(function(...原创 2018-12-25 10:24:45 · 140 阅读 · 0 评论 -
jquery Cookie 记录用户最近浏览历史
//引入jquery.js jquery.cookie.js//往cookie里放用户浏览过的标题和 url连接$(function(){ var art_url = document.URL; var art_title = $(".blog_txt h2").text(); var canAdd = true; var hisArt = $.cookie("hisArt"); ...原创 2018-12-25 10:24:29 · 650 阅读 · 0 评论 -
jquery ajax封装通用方法
//发送ajax post请求function ajaxPost(url, param, successfn, errorfn) { ajax("post", "json", param, successfn, errorfn)}//发送ajax post请求function ajaxGet(url, param, successfn, errorfn) { ajax("...原创 2018-12-26 10:21:09 · 1045 阅读 · 0 评论 -
jquery 最常用方法汇总
//只在当前页面使用js方法://方法一:$(function() { });//防止form表单重复提交var _this = this;if($(_this).hasClass('disabled')) return false;$(_this).addClass('disabled');//刷新页面$('form').submit();//定时:setTim...原创 2018-12-26 10:21:26 · 119 阅读 · 0 评论 -
js实现商品倒计时代码实现
function fresh() { var time1 = document.getElementById("timeD").value; for (var i = 1; i <= 5; i++) { var endtime = new Date(time1); var nowtime = new Date(); var le...原创 2018-12-26 10:21:45 · 763 阅读 · 0 评论 -
vue2 demo
https://github.com/lzxb/vue2-demo转载 2019-08-09 10:22:31 · 492 阅读 · 0 评论 -
react 笔记
http://www.runoob.com/react/react-jsx.html转载 2019-01-11 15:51:22 · 175 阅读 · 0 评论 -
前端框架ice飞冰与java后台交互分享
飞冰开发环境配置node.js 安装https://alibaba.github.io/ice/docs/basis/env-configIceworks 快速开始文档https://alibaba.github.io/ice/docs/iceworksiceworks下载https://alibaba.github.io/ice/iceworksVisual studio code...原创 2019-01-11 15:51:10 · 3927 阅读 · 0 评论 -
Freemarker中如何遍历List代码实现
在Freemarker应用中经常会遍历List获取需要的数据,并对需要的数据进行排序加工后呈现给用户。那么在Freemarker中如何遍历List,并对List中数据进行适当的排序呢?通过下文的介绍,相信您一定会找到答案。一、 Freemarker中list指令简单介绍要想在Freemarker中遍历list,必须通过使用list指令,即<#list sequence as item...原创 2019-01-11 15:50:04 · 8084 阅读 · 1 评论 -
FreeMarker标签使用代码实现
一、FreeMarker模板文件主要有4个部分组成 1、文本,直接输出的部分 2、注释,即<#--...-->格式不会输出 3、插值(Interpolation):即${..}或者#{..}格式的部分,将使用数据模型中的部分替代输出 4、FTL指令:FreeMarker指令,和HTML标记类似,名字前加#予以区分,不会输出。 FTL指令规则 FreeM...原创 2019-01-11 15:49:41 · 226 阅读 · 0 评论 -
thymeleaf 常用用法代码实现
th:block用法http://blog.youkuaiyun.com/zheng911209/article/details/48181285thymeleaf在js中取值 js获取thymeleaf中的变量的值 <script th:inline="javascript"> var data = [[${data}]] //var dd="&am...原创 2019-01-11 15:49:24 · 390 阅读 · 0 评论 -
thymeleaf模板整合shiro标签
http://blog.youkuaiyun.com/xf_87/article/details/69526056?utm_source=itdadao&utm_medium=referral转载 2019-01-11 15:49:07 · 978 阅读 · 0 评论 -
thymeleaf 自定义标签2
http://m.blog.youkuaiyun.com/BecauseSy/article/details/78132538转载 2019-01-11 15:48:53 · 998 阅读 · 0 评论 -
thymeleaf 常用属性笔记
//判断map集合是否为空${#maps.size(map)}${#maps.isEmpty(map)}${#maps.containsKey(map,key)}${#maps.containsAllKey(map,keys)}${#maps.containsValue(map,value)}${#maps.containsAllValue(map,values)}//不转义变...原创 2019-01-11 15:48:38 · 1133 阅读 · 0 评论 -
Thymeleaf3简介
http://www.cnblogs.com/jiangchao226/p/5900222.html转载 2019-01-11 15:48:17 · 596 阅读 · 0 评论 -
Jquery获取iframe的DOM元素
layer弹出层获取子页面iframe的DOM元素:var iframeName = layero.find('iframe')[0]['name'];var container = parent.window.frames[iframeName].document; //或者 winfow.frames[iframeName].document;var monthDate = $('#mo...原创 2018-12-25 10:24:10 · 8072 阅读 · 0 评论 -
jquery form表单序列化后中文乱码问题解决代码实现
前台:var params =$('#addForm').serialize(); params = encodeURI(encodeURI(decodeURIComponent(params,true)));$.ajax({ type: "post", url: "sptSUPPSupplierBankController.cmd?method=persisit", dat...原创 2018-12-25 10:23:11 · 1945 阅读 · 0 评论 -
jquery 单击tr出现input框修改值
方法一:$('#table td').on('dblclick',function(){//双击的哪一个id var oldVal = $(this).text();//获取修改之前的值 var input = "<input type='text' id='tmpId' value='" + oldVal + "' >";//创建一个input ...原创 2018-12-22 10:26:48 · 1454 阅读 · 0 评论 -
jquery ajax fileinput封装上传插件回调方法
//上传文件function fileInputUpload(id,url,successfn){ $("#"+id).fileinput({ language: 'zh', //设置语言 overwriteInitial: true, maxFileSize: 20480, allowedFileExtensions: ['doc', 'docx', 'pdf', 'zip'...原创 2018-12-22 10:26:21 · 1502 阅读 · 0 评论 -
Bootstrap 点击后禁用按钮的代码实现
Bootstrap中点击后禁用按钮与js有什么区别呢要如何来实现呢,今天我们就一起来看一篇关于Bootstrap中点击后禁用按钮的最佳方法,具体的例子如下所示.为了防止在Bootstrap中点击按钮多次提交,所以希望点击按钮后禁用按钮。具体实现方法如下://禁用button$('button').addClass('disabled'); // Disables visually$(...原创 2018-12-22 10:25:50 · 3913 阅读 · 0 评论 -
jquery bootstrap 弹出提示层插件
/*** boostrap-confirm.js v1.0 author: fengzy */;(function($,window,document,undefined){ // var jconfirm, Jconfirm; //对外提供的方法 $.alert = function (options) { return jconfirm(op...原创 2018-12-22 10:25:00 · 1117 阅读 · 0 评论 -
js 实现页面跳出iframe页面
if(top.location !== self.location){ top.location.href = self.location.href;}原创 2018-12-28 09:16:56 · 4015 阅读 · 0 评论 -
js正则表达式代码实现
验证数字的正则表达式集 验证1~10整数: /^([1-9]||10)$/ig验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(...原创 2018-12-27 12:46:56 · 278 阅读 · 0 评论 -
js创建对象的几种方式
工厂模式这是创建对象最为简单的方式。1.1. 定义方式工厂模式的思想是:将对象构建的过程封装在一个函数中。这个函数能创建一个对象,并为他进行初始化赋值,最后返回这个对象。若要新建对象,调用这个工厂函数即可。// 工厂函数function createPerson ( name, age ) {   var object = new Object();&nbsp...转载 2018-12-27 12:46:30 · 275 阅读 · 0 评论 -
js 实现倒计时代码实现
这里有个关键的就是兼容性的问题,用new Date()传值在ie中会有兼容问题.. 所有任何时候传进去的值都要是("yyyy/MM/dd HH:mm:ss")的格式 <div class="col-md-4"> <div class="lineHight24 col-4 text-right">倒计时:&a原创 2018-12-27 12:46:00 · 265 阅读 · 0 评论 -
js 日期处理代码实现
//格式化日期Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 ..原创 2018-12-27 12:45:46 · 472 阅读 · 0 评论 -
js哈希实例用法
var imagesArr ={"关联物资分类":[{"alt":"关联物资分类","src":root + "/images/bid/new/ico_conjunction.gif"}],"修改":[{"alt":"修改&qu原创 2018-12-27 12:45:29 · 2633 阅读 · 0 评论 -
js获取Url请求参数
function getParamArgs(parms,parmName){ var argIndex = parms.indexOf("?"); var arg = parms.substring(argIndex+1); var valArg = ""; args = arg.split("&"); for(var i = 0;i&a原创 2018-12-27 12:45:11 · 965 阅读 · 0 评论 -
jquery实现改变表格某一单元格值
<table id="contentTable" class="table table-bordered table-center detailTable"> <thead> <tr> <th >举报时间</th&原创 2018-12-22 10:29:20 · 2854 阅读 · 0 评论