前端
文章平均质量分 59
Sky786905664
这个作者很懒,什么都没留下…
展开
-
JS模板引擎-腾讯artTemplate 最全的使用介绍
在没接触artTemplate之前,我都是手写字符串拼接做模板替换。这样做往往费时费力,而当我使用了artTemplate之后,只需要两句话,就搞定了全部!通过长期的使用artTemplate,现在我为大家总结出其最全的常用方法。参考资料:https://github.com/aui/artTemplate以上是官方文档以及下载地址。一:安装使用下载artTemplate后,找到template....转载 2018-06-25 09:50:22 · 375 阅读 · 0 评论 -
Dom节点操作常用方法
1.访问/获取节点document.getElementById(id); //返回对拥有指定id的第一个对象进行访问document.getElementsByName(name); //返回带有指定名称的节点集合 注意拼写:Elementsdocument.getElementsByTagName(tagname); //返回带转载 2017-03-23 15:29:22 · 1027 阅读 · 0 评论 -
echart饼图和折线图实例
require.config({ paths: { echarts: 'js/echart' }});require( [ 'echarts', 'echarts/chart/line', 'echarts/chart/pie' ], dis原创 2017-02-21 14:25:51 · 3206 阅读 · 0 评论 -
java poi 生成多个sheet(表格导出)
我的需求是:在一个表格中生成多个sheet,每个sheet的名称动态指定,每个sheet内的内容动态指定。生成的文件名动态指定。工具类:package test;import java.io.OutputStream;import java.util.List;import org.apache.poi.hssf.usermodel.HSSFCell;import转载 2017-01-11 10:07:29 · 30496 阅读 · 4 评论 -
jQuery点击空白处隐藏弹出层
一款jQuery点击空白处隐藏弹出层网页特效,点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示,然后通过点击页面任意位置都能关闭弹出层显示效果,主要是$(document).click的操作应用。演示 Demo,效果源码: CSS代码:* { padding: 0; margin: 0; }#btnShow{ margin:转载 2016-11-23 19:36:09 · 15805 阅读 · 0 评论 -
echarts x轴类目显示不完
[javascript] view plain copy print?"white-space:pre"> axisLabel:{ interval:0 ,转载 2016-11-23 17:03:33 · 1826 阅读 · 0 评论 -
ECharts图表组件中级入门(Axis-axisLabel):图表坐标刻度过多如何设置刻度间隔(interval)以及配置说明
作者: echarts | 时间:2014-5-5 12:59:42 | [ 小 大] | 来源:ECharts入门 | 阅读:3461 | 评论: 0 | 收藏ECharts,图表,组件,中级,入门,Axis,axisLabel,坐标,刻度,间隔,interval [ 摘要]: ECharts图表组件当我们xAxis的data数据过多的情况下你会发现原本连续转载 2016-11-23 16:16:42 · 85382 阅读 · 0 评论 -
常用正则表达式大全
网上找到的常用正则表达式,留着以后可能用得上,正则表达式实在是不好写,只好拿来主义了,在Delphi中没有自己带有正则表达式的组件,靠第三方了,都说PerlRegEx 是首选, 去这里下载,官方网站: http://www.regular-expressions.info/delphi.html。另外,万一老师在他的博客上写了PerRegEx的使用,可以去看看:http://www.cnblogs转载 2016-11-15 17:25:33 · 328 阅读 · 0 评论 -
正则表达式判断日期和时间
//判断是不是日期和时间的:yyyy-MM-dd HH:CC:SSfunction IsDate(num){var regexp = /^([1][7-9][0-9][0-9]|[2][0][0-9][0-9])(\-)([0][1-9]|[1][0-2])(\-)([0-2][1-9]|[3][0-1])()([0-1][0-9]|[2][0-3])(:)([0-5][0-9])(:)(转载 2016-11-15 11:40:48 · 11100 阅读 · 0 评论 -
Vue2.0 + Element-UI + WebAPI实践:简易个人记账系统
最近正在学习Vue2.0相关知识,正好近期饿了么桌面端组件Element-UI发布,便动手做了一款简易个人记账系统,以达到实践及巩固目的。1.开发环境Win10 + VS2015 + Sqlserver2008R2 + WebAPI + Dapper + Vue2.0 + Element-UI2.项目解决方案概览 简单介绍下,Account是WebAPI项目转载 2017-05-18 11:05:21 · 3111 阅读 · 0 评论 -
AngularJS页面数据绑定设置默认值
在AngularJS中,对页面进行数据绑定,有两种方法:1、表达式:{{param}}2、ng-bind: ng-bind="param"使用数据绑定后,最初始载入页面,页面内容先载入,再从服务器传值过来。这里有个时间间隙。在这个间隙里,所绑定的参数为空或NAN。空值有时会影响到页面布局,以及内容显示。例如,显示NAN,可能就会让浏览网页的人产生疑惑。解决控制的方法,转载 2017-06-19 09:51:44 · 2300 阅读 · 0 评论 -
Webstorm2016使用技巧——SVN插件使用
1. 安装SVN我这里使用的是TortoiseSVN-1.9.4.27285-x64-svn-1.9.4,安装过程需要注意的是,默认安装没有选择”command line client tools”,这里需要选上。 2. 在Webstorm2016中安装“SVNToolBox”插件(1)打开Webstorm2016,菜单中选择“File >> Settings…”;转载 2017-06-09 15:31:04 · 1066 阅读 · 0 评论 -
EJS入门
一、为什么用EJS在web项目中渲染页面我们很多时候我们会用jstl或者直接采用拼接字符串的方式,前者不够灵活,在处理一些复杂问题的时候会显得难以下手,后者足够灵活,但是就像ejs官网说的,字符串拼接方式,会让整个代码很丑陋,还破坏原有的html结构,大量的html拼接会让代码难以阅读,解决问题的方式就是使用模板,ejs算是js模板中最简单的了,对于java程序员来说,学习ejs完全不需要时间,因...转载 2018-03-23 17:12:26 · 1027 阅读 · 0 评论 -
Sublime Text3自动保存的功能(失去焦点自动保存)
这是最新版本的Sublime Text3的设置方法 (三部曲);第一步:preferences 下面的settings;(和老版本的不一样了吧,之前有什么default 和 users,这里只有settings)第二步:现在分两边了,左边是只读的不能编辑,在左边ctrl + f ,然后在下面输入框里输入save_on_focus_lost,或者找185行第三转载 2017-10-31 11:40:30 · 11443 阅读 · 1 评论 -
HBuilder控制台集成命令提示符(终端/CMD)功能
命令提示符程序(Linux里用终端,windows里用cmd.exe或者power shell ),是目前代码编辑器不可或缺的部分,大家喜爱的WebStorm、Sublime Text、 Visual Studio code、brackets 等都集成了终端功能,极大方便了开发者运行、测试、调试代码及项目构建等,可以说是较为重要的功能之一,缺少终端的编辑器都显得功能欠缺。而HBuilder就是前端转载 2017-06-02 10:50:29 · 13489 阅读 · 1 评论 -
Nodejs Client for FastDFS
FastDFS 是分布式文件存储系统。这个项目是FastDFS的NodeJS客户端,用来与FastDFS Server进行交互,进行文件的相关操作。我测试过的server版本是4.0.6。githubhttps://github.com/ymyang/fdfs安装npm install fdfs使用var fdfs = require('fdfs');转载 2017-09-12 10:46:45 · 1727 阅读 · 0 评论 -
Java 正则表达式学习总结和一些小例子
从Java1.4起,Java核心API就引入了java.util.regex程序包,它是一种有价值的基础工具,可以用于很多类型的文本处理, 如匹配,搜索,提取和分析结构化内容. java.util.regex是一个用正则表达式所订制的模式来对字符串进行匹配工作的类库包。它包括两个类:Pattern和Matcher. Pattern是一个正则表达式经编译后的表现模式。 在java中,通过转载 2016-11-24 17:20:46 · 518 阅读 · 1 评论 -
Js 中对 Json 数组的常用操作
我们首先定义一个json数组对象如下:var persons = [ {name: "tina", age: 14}, {name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}] 一. 根据对象属性值得到相应对象//转载 2017-08-13 16:13:36 · 1010 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则转载 2017-06-27 13:48:31 · 323 阅读 · 0 评论 -
表单提交和超链接请求传递参数的几种方式
表单提交和超链接请求传递参数的几种方式这段时间在使用easy-ui的datagrid,他有自己提交表单的方式,所以就整理整理页面对参数的提交方式:注:下面代码都已经过测试。1. HTML提交表单HTML提交表单简单易操作,依靠在标签对中的提交按钮进行请求发送和参数提交。其中form标签的post属性决定提交方式是get还是post。 jsp代码f转载 2017-06-27 09:55:30 · 14769 阅读 · 0 评论 -
如何在网页中嵌入自己想要的字体
字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。 美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 一、不可能大范围的使用该字体; 二、图片内容相对使用文字不易修改; 三、不利于网站SEO。 网络上有一些使用sIFR技术转载 2016-11-02 17:36:48 · 14339 阅读 · 0 评论 -
Jquery动态改变样式
jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:$("#61dh a").css('color','#123456');//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。//.css(‘color’,转载 2016-11-02 16:27:59 · 705 阅读 · 0 评论 -
eachrts(1)折线图
刚结束上一个项目,整理一下用到的echarts属性script type="text/javascript"> var imgUrl = null; //折线图 var fileLocation ='${echartsPath}/echarts'; require.config({ paths:{转载 2016-10-25 21:59:54 · 1615 阅读 · 0 评论 -
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
这篇文章主要介绍了AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以参考下AMD 模块AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案,在这种定义下模转载 2016-11-06 11:22:24 · 647 阅读 · 0 评论 -
CSS对于元素隐藏的几种方法
对于隐藏元素之前我很喜欢用display:none来达到隐藏元素,简单粗暴,特别是对于标题用背景图来做代替的,比如像这样:一般代码我是都是这么写:123div class="hd"> h3 class="dn">境外報道h3>div>为什么要这么写呢,一来可以方便转载 2016-11-05 18:16:43 · 3219 阅读 · 0 评论 -
javascript Date format(js日期格式化)
方法一:这个很不错,好像是 csdn 的 Meizz 写的: [javascript] view plaincopy// 对Date的扩展,将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(转载 2016-11-04 11:02:53 · 428 阅读 · 0 评论 -
javascript:;与javascript:void(0)使用介绍
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法 href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号)javascript中void是一个操作转载 2016-11-03 22:33:18 · 1363 阅读 · 0 评论 -
js创建对象的几种方法
JavaScript中的所有事物都是对象:字符串、数组、数值、函数等。JS中并没有类的概念,可以利用JS的语法特征,以类的思想来创建对象。1,原始方法 复制代码代码示例: var obj = new Object(); obj.name = "Koji"; //为对象添加属性 obj.age = 21; obj.showName转载 2016-11-03 22:14:33 · 450 阅读 · 0 评论 -
HTML5自定义data属性
可能大家在使用jQuery mobile时,经常会看到data-role、data-theme等的使用,比如:通过如下代码即可实现页眉的效果:[html] view plain copydiv data-role="header"> h1>我是标题h1> div> 通过手机浏览,效果如下:转载 2016-11-03 13:33:33 · 1304 阅读 · 0 评论 -
关于html5与jsp页面同样的html代码展示的页面效果不一样的问题
html5默认的声明为[html] view plain copy print?> jsp默认的声明头部为[html] view plain copy print?%@ page contentType="text/html;charset=UTF-8" language="java" %>转载 2016-11-02 22:36:13 · 1775 阅读 · 0 评论 -
echarts 之(2)环形图 属性
echarts 之(3)环形图 属性script type="text/javascript"> var imgUrl = null; var fileLocation ='${NewechartsPath}/echarts'; require.config({ paths:{ echarts: f转载 2016-10-25 22:06:53 · 6056 阅读 · 1 评论 -
jQuery.extend()参数
在处理插件参数的接收上,通常使用jQuery的extend方法。extend方法传递单个对象的情况下,这个对象会合并到jQuery身上,而当用extend方法传递一个以上的参数时,它会将所有参数对象合并到第一个里。同时,如果对象中有同名属性时,合并的时候后面的会覆盖前面的。一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...);转载 2016-11-06 13:19:01 · 2222 阅读 · 0 评论 -
jQuery on()方法
jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind()$("p").bind("click",function(){alert("The paragraph was clicked.");});$("p").on(转载 2016-11-06 13:54:36 · 410 阅读 · 0 评论 -
Echarts学习记录——如何去掉网格线及网格区域颜色
关键属性splitLine和splitArea,可以设置相关的属性示例代码html lang="en">head>meta charset="utf-8">meta http-equiv="X-UA-Compatible" content="IE=edge">meta name="viewport" content="width=device-width, initi转载 2016-11-12 16:05:02 · 4760 阅读 · 0 评论 -
CSS web页面自适应屏幕
今天面对如此众多的PC浏览器,手机浏览器,不同屏幕大小,web页面不仅要适应浏览器兼容,还要适应屏幕大小。有可能为了移动端,再从新做一套页面,很麻分。 下面我来说说通过注意使用CSS的方式,在一定程度上进行屏幕自适应,避免浏览器屏幕适应问题。 首先,使用一个viewport: <meta name="viewport" content="width=device转载 2016-11-11 17:29:01 · 1424 阅读 · 0 评论 -
Echarts 后台交互(折线图)
jsp页面[html] view plain copy %@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> > html> head> title>linetitle> script type="text/javascript" sr转载 2016-10-29 10:12:26 · 8399 阅读 · 1 评论 -
删除元素的孩子节点
方法一:[javascript] view plain copyvar elem = getElementById("elem_id"); elem.innerHTML = ""; 方法二:[javascript] view plain copy"text转载 2016-11-08 18:40:16 · 542 阅读 · 0 评论 -
关于chrome控制台警告:Synchronous XMLHttpRequest on the main thread终极解决办法
chrome控制台 提示禁告:Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.转载 2016-11-08 10:14:45 · 156405 阅读 · 13 评论 -
使用JS解析JSON数组
使用js解析json数组"text/javascript">1.如果是字符串则如下:var jsonStr = '[{"stuName":[{"name":"Tom"},{"name":"Jack"},{"name":"jony"}]},{"className":[{"class":"基础日语"},{"class":"中级日语"},{"cla原创 2016-10-27 10:37:56 · 5636 阅读 · 0 评论 -
JS操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结构:对象转载 2016-10-27 10:33:20 · 517 阅读 · 0 评论