web前端技术
文章平均质量分 54
0X码上链
12年IT老兵,擅长互联网技术开发与培训,金融系统设计与建设,区块链(公链+联盟链)行业应用设计与开发。
展开
-
Vue 报错error:0308010C:digital envelope routines::unsupported
(1) 鼠标双击nvm-setup.exe文件,选择“我接受…”那一行,点击next(2) 可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下,如C盘、D盘下的根目录),选好后点击next原创 2022-11-17 00:04:30 · 2583 阅读 · 0 评论 -
JS实现多线程数据分片下载
在大数据开发过程中,为了提高大文件的上传速度,往往需要将大文件切割为小的数据分片,这样小分片数据可以充分利用有限的带宽,加快上传速度。上传完成后,通常做法是在后端进行合并,而我的做法是后台保持分片存储,数据使用时候,前端JS开启多线程下载,再合并为完整的文件。这样的好处和上传一样,可以提高下载速度很多倍。下载效率和分片算法相关。以下是多线程分片下载聚合的实现。function concatenate(arrays) { if (!arrays.length) return null;原创 2021-09-29 15:54:28 · 2172 阅读 · 2 评论 -
异常:org.apache.maven.archiver.mavenarchiver.getmanifest
eclipse新建maven项目时,pom.xml文件第一行报错:org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.apache.maven.archiver.MavenArchiveConfiguration)原因:eclipse的插件中,mave...原创 2019-11-01 14:31:09 · 202 阅读 · 1 评论 -
bootstrap table 显示行号
序号 function indexFormatter(value, row, index) { return index+1; }原创 2016-05-15 15:25:53 · 12746 阅读 · 1 评论 -
spring MVC资源过滤配置
1、将项目部署到tomcat的ROOT目录下:从安全的角度,一般将资源放到WEB-INF下,只能通过服务器才能获取资源。主页映射:web.xml: index applicationMVC.xml: jsp页面获取资源: <!-- --> /css/bootstr原创 2016-05-13 18:04:07 · 1291 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow", "n转载 2016-01-23 23:26:56 · 1739 阅读 · 0 评论 -
使用基于Http的消息代替WebService的数据交互
系统间交互的工作,随着信息化建设的发展,以及业界对SOA的认识及其带来的低TOC(总体拥有成本)等优势,越来越受到信息化水平较高的用户的重视。这里先抛开SOA这样的架构规划,单纯就系统间整合的协议进行讨论。系统间的交互或者成为整合(互联互通),早在信息化系统诞生的时候,就已经出现,只是并不明显,或者由于早期开发平台、开发语言等的单一性,这种需求并没有非常大的爆发出来。随着信转载 2015-07-21 18:15:48 · 1482 阅读 · 1 评论 -
格式化json数据
var formatJson = function(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ''; //one can also use '\t' or a different number of spaces // optional settings options = opti转载 2015-06-26 13:42:22 · 1749 阅读 · 0 评论 -
Ajax实现原理
Ajax:Asynchronous javascript and xml,实现了客户端与服务器进行数据交流过程。使用技术的好处是:不用页面刷新,并且在等待页面传输数据的同时可以进行其他操作。 这就是异步调用的很好体现。首先得了解什么是异步和同步的概念。 举个例子:比如你去图书馆借某种书,可惜图书馆此书被借完。这时可以采用两种做法。第一种做法:在图书馆一直等待,直到有转载 2015-02-09 17:54:43 · 598 阅读 · 0 评论 -
正则表达式的最短与最长匹配
贪婪与懒惰当正则表达式中包含能接受重复的限定符时,通常的行为是(在使整个表达式能得到匹配的前提下)匹配尽可能多的字符。考虑这个表达式:a.*b,它将会匹配最长的以a开始,以b结束的字符串。如果用它来搜索aabab的话,它会匹配整个字符串aabab。这被称为贪婪匹配。有时,我们更需要懒惰匹配,也就是匹配尽可能少的字符。前面给出的限定符都可以被转化为懒惰匹配模式,只要在它后面加上一个问原创 2015-01-31 10:23:11 · 17540 阅读 · 0 评论 -
ajaxSubmit异步提交
完成数据检查,form数据拼装,ajax异步提交数据,提交不刷新页面。jQuery(document).ready(function() { /* Fullscreen background */ $.backstretch("images/login_backgroud.jpg"); /* Form validat原创 2016-05-18 14:12:01 · 5065 阅读 · 0 评论 -
格式化JSON输出
JSON.stringify(jsObj, null, "\t"); // 缩进一个tabJSON.stringify(jsObj, null, 4); // 缩进4个空格原创 2016-07-06 13:40:15 · 2630 阅读 · 0 评论 -
jQuery datatable表头不换行
强制不换行 p { white-space:nowrap; } 自动换行 p { word-wrap:break-word; word-break:normal; } 强制英文单词断行 p { word-break:break-all; } *注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。 span { display:block;原创 2016-12-12 19:31:30 · 9359 阅读 · 1 评论 -
button没写type=button会导致点击时提交
弹出框 改成弹出框原因:button按钮默认为submit.原创 2016-12-06 17:08:14 · 3103 阅读 · 0 评论 -
JS及JQuery对Html内容编码,Html转义
/** JQuery Html Encoding、Decoding* 原理是利用JQuery自带的html()和text()函数可以转义Html字符* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码*///Html编码获取Html转义实体function htmlEncode(value){ return $('').text(value).html();}//原创 2017-03-28 14:59:57 · 19609 阅读 · 0 评论 -
bootstrap table列属性的设置
例如,table的某一列要根据需要进行着色显示,如何实现呢? 这里使用的单元格属性cellStyle. 实例代码如下:column:[ { field: 'message', title: '内容', align: 'left', ce原创 2017-03-21 16:36:42 · 11414 阅读 · 0 评论 -
bootstrap modal模态窗口拖拽功能
/** 拖拽模态框*/ var dragModal={ mouseStartPoint:{"left":0,"top": 0}, mouseEndPoint : {"left":0,"top": 0}, mouseDragDown : false, basePoint : {"le原创 2017-03-31 11:04:49 · 4480 阅读 · 2 评论 -
jQuery操作cookie实现用户名、密码记住和删除
页面元素: 记住帐号?原创 2017-03-26 14:27:43 · 4382 阅读 · 1 评论 -
java图形验证码生成工具类及web页面校验验证码
最近做验证码,参考网上案例,发现有不少问题,特意进行了修改和完善。验证码生成器:import javax.imageio.ImageIO; import java.awt.*; import java.awt.image.BufferedImage; import java.io.FileOutputStream; import java.io.IOException;原创 2017-03-26 16:40:38 · 593 阅读 · 1 评论 -
24小时格式时间显示有关问题
先看一下JAVA日期与字符串互转假如把今天的日期转成字符串可用 String str = sdf.format(new Date()); 这个字符串内容的格式类似2008-07-10 19:20:00。 透过这个API我们便可以随心所欲的将日期转成我们想要的字符串格式,例如希望将日期输出成2008年7月10日,我们可以这么写:原创 2014-12-04 10:05:30 · 3260 阅读 · 0 评论 -
easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
所谓为了支持某属性的子属性,主要为了解决。在服务器返回的json格式的数据的某个属性带有自属性,而我们恰恰又需要使用到该子属性作为我们的datagrid的某个字段的。默认情况下datagrid只能支持一级属性字段(属性的属性字段属于二级字段)。对于这个问题的解决方案有两种方式1、就是更改esayui源文件,是其支持field.sonfield的形式。javascript语法为我们提供了原创 2014-06-19 16:28:20 · 3310 阅读 · 0 评论 -
雅虎14条性能优化(经典)
相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发 的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。转载 2014-07-04 17:36:33 · 842 阅读 · 0 评论 -
Extjs的Requiers作用
有的时候项目中要写一些扩展组件,随着扩展组件的增加,会造成有的页面需要使用,而有的页面不需要使用的问题,这对组件的js文件的引用造成了烦恼:如果每个页面都去引用的时候会造成浏览器打开页面的流量的增加而影响资源,如果需要的时候引用管理起来又很麻烦,Extjs4.0帮我们解决了这个问题,那就是Ext.requires。它可以实现根据我们的需要动态加在所需要的组件文件,很灵活也很方便。下面我们用例子进行原创 2014-05-04 11:05:52 · 860 阅读 · 0 评论 -
在一个js文件中引入另一个js文件
第一个js文件(被引入的js文件),文件名a.js,内容如下转载 2014-04-15 20:22:51 · 3546 阅读 · 1 评论 -
js类式继承的实现
在开始摆弄代码之前,应该搞清楚使用继承的目的和能带来什么好处。一般来说,在设计类的时候,我们希望能减少重复性的代码,并且尽量弱化类之间的耦合。而要做到这两者都兼顾是很难的,我们需要根据具体的条件和环境下决定我们应该采取什么方法。根据我们对面向对象语言中继承的了解,继承会带类直接的强耦合,但js由于其特有的灵活性,可以设计出强耦合和弱耦合,高效率和低效率的代码。而具体用什么,看情况。下面提供js转载 2014-04-15 15:20:34 · 664 阅读 · 0 评论 -
Jquery.validate.js表单验证
一、用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/API: http://jquery.bassistance.de/api-browser/plugins.html官方文档:http://docs.jquery.com/Plugins/Validation/Methods 二、引入原创 2014-04-30 09:17:53 · 1747 阅读 · 1 评论 -
jquery控制div隐藏与显示的几种效果
无标题文档 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast } function slideToggle(){ $("#divObj").原创 2014-04-14 14:26:35 · 8330 阅读 · 0 评论 -
Eclipse下jQuery文件报错解决方案
方案1、修改配置文件使用Eclipse 3.7及以上版本时,工程中加入jquery.min.js文件,发现该文件出现错误提示(红×),但使用Eclipse 3.7以前的版本就不会出现这种提示。是因为Eclipse 3.7在.project配置文件中,加入了JS验证框架org.eclipse.wst.jsdt.core.javascriptValidator。加入该框架后,如果js文件书写规则不转载 2014-03-28 16:06:37 · 4255 阅读 · 0 评论 -
js正则表达式验证
function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){ alert("请输入数字!"); } if(!/^[0-9]*$/.te转载 2014-04-05 17:55:02 · 1158 阅读 · 0 评论 -
JSP加载JS文件不起作用的问题
Test.html<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> " /> $(d原创 2014-04-08 00:34:17 · 3428 阅读 · 0 评论 -
异常TypeError: Ext.get(...) is null
解决方法:用Ext.get()方法去页面获取按钮id原创 2014-05-04 16:24:44 · 2552 阅读 · 0 评论 -
异步加载JS
我们平时最常使用的就是这种同步加载形式: <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像)、渲染、代码执 行。 js 之所以要同步执行,是因为 js 中可能有输出 document 内容、修改dom、重定向等行为,所以默认同步执行才是安全的。 以前的一般建议是把<script>放在页面末尾</body>之前,这原创 2014-04-18 12:16:03 · 1606 阅读 · 0 评论 -
设置网址前的小图标
linkrel="icon"type="image/png"href="favicon.png"/>原创 2014-04-27 23:26:19 · 1097 阅读 · 0 评论 -
java 配置Apache,Tomcat的gzip压缩功能
HTTP 压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求网 页后,从服务器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解 压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ,它可以节省40%左右的流量。更为重要的是,它可以对动态生成的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩,压缩效原创 2014-07-04 17:55:30 · 1182 阅读 · 0 评论 -
Coin Slider jQuery插件详解
Coin Slider这个jQuery插件可用于创建拥有独特滑块滑落效果的图片展播控件。 代码1.在body里加入如下HTML代码: 美式柔软巧克力布朗尼蛋糕,散发香醇巧克力风味。 甘醇巧克力制造,完全体验转载 2014-06-11 20:23:56 · 1425 阅读 · 0 评论 -
jQuery 回车键单击事件
$(document).ready(function(){$("按下回车的控件").keydown(function(e){var curKey = e.which;if(curKey == 13){$("#回车事件按钮控件").click();return false;}});});原创 2014-06-11 22:51:05 · 2895 阅读 · 0 评论 -
简单大方的404页面
404.jsp<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>document.execCommand("BackgroundImageCache", false, true);长治市城区网欢迎您的光临!html{background:url(/原创 2014-06-11 15:13:10 · 15186 阅读 · 0 评论 -
JSTL标签库动态生成表格
项目中遇到一个动态生成表格的问题,由于表格的行和列都不是固定的,而是从数据库中取得的,因此需要动态的创建表格。 由于规范中要求使用JSTL标签库,避免JSP页面冗余java代码,而我的数据库暂时又连不上(电脑有点问题),只能是自己给自己提供数据进行测试了。下面我做了一个小例子,测试了一下JSTL的可行性。废话不多说,直接看例子。Java代码(部分代码)转载 2014-05-23 19:39:22 · 1739 阅读 · 0 评论 -
ueditor在struts2下图片上传问题
Ueditor是百度开发的所见即所得富页面编辑器。感觉要比其他的第三方编辑器更有亲和性和更强操作性。下面是我遇到并解决的问题:1.加载顺序var editor = new baidu.editor.ui.Editor();editor.render('myEditor');这段代码必须放在的后面。注意不能放在标签里面。2.图片上传问题1)、servlet+jsp原创 2014-06-04 21:31:13 · 954 阅读 · 0 评论 -
JQuery获取浏览器高度
$(document).ready(function(){alert($(window).height()); //浏览器时下窗口可视区域高度alert($(document).height()); //浏览器时下窗口文档的高度alert($(document.body).height());//浏览器时下窗口文档body的高度alert($(document.body).outerHe原创 2014-06-01 20:50:03 · 837 阅读 · 0 评论