【前端技术】
文章平均质量分 53
前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。
喵学长
爱好动漫、游戏的二次元,Java工程师
展开
-
关于easyui在使用tab组件创建选项卡时href方式载入页面遇到的问题
总所周知的easyui的tab组件在创建选项卡的时候,动态的加载内容有两种方式,即content和href。使用content的时候一般都是使用iframe的方式嵌入一个页面,适用于小型项目,也易于它人去查看你的源代码,不利于代码保护,这种方式使用简单,一般不会出现什么问题。在使用href方式的时候,却有不少的问题需要注意. 例如如下:有两个html页面,tab.htm为tab选转载 2017-12-06 22:55:11 · 2068 阅读 · 0 评论 -
js当前时间加减一天,和格式化时间格式
下面给大家推荐一种很好用的时间格式转换的js代码Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时转载 2018-01-17 10:32:13 · 764 阅读 · 0 评论 -
Echarts自动刷新数据
1.Echarts柱状图的正常配置注:声明了 myChart、test这两个都有用官方示例中myChart是声明在 function(ec)里面的script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js">script>script src="http://echarts.baidu.co转载 2018-01-16 11:25:13 · 28912 阅读 · 3 评论 -
js-grid简单使用
$("#jsGrid").jsGrid({ width:"100%",//宽度 height:"400px",//高度 inserting:true,//是否可以插入新数据 editing: true,//是否可以编辑 sorting: true,//是否可以排序 paging: true,//是否通过页面加载数据 invalidNo原创 2017-12-11 21:57:23 · 4956 阅读 · 2 评论 -
My97DatePicker日期控件的使用
2. 特色功能平面显示日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上示例2-1 平面显示演示div1">WdatePicker({eCont:'div1',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}})转载 2017-10-17 20:29:37 · 627 阅读 · 0 评论 -
【FullCalendar】应用——编辑与删除日程事件(五)
FullCalendar可以灵活运用到项目开发中,本站上一篇文章中,我们介绍了如何在FullCalendar新建日程事件,今天我要给大家介绍的是如何在FullCalendar中编辑和删除日程事件,这样我们就完成了FullCalendar上的“增删改查”一系列操作。jQuery在日历视图中,我们通过单击需要编辑的日程事件项,调用fancybox弹出编辑层。FullCalend转载 2017-10-05 10:23:19 · 5696 阅读 · 0 评论 -
【FullCalendar】应用——新建日程事件(四)
FullCalendar用日历的形式直观的展示了日程安排、代办事宜等事件,那么日历中的事件是怎么添加进去的呢?本文将结合实例使用PHP+MySQL+jQuery讲解如何在FullCalendar中新建事件。HTML我们新建一个名称为cal_opt.html的文件,然后载入必须的CSS和JS文件。 rel="stylesheet" type="转载 2017-10-05 10:19:54 · 1499 阅读 · 0 评论 -
【FullCalendar】应用——读取JSON数据(三)
开发者可以使用FullCalendar创建强大的日历日程应用,FullCalendar提供了丰富的选项设置和方法调用,使得开发者可以轻松的创建各种功能的日历程序。本文将结合实例使用PHP读取MySQl数据,显示在FullCalendar日历中。根据FullCalendar日历插件说明文档中的介绍,日历主体事件数据的来源有三,一是直接以javascript数组的形式显示日历事件,二是获取转载 2017-10-05 10:17:46 · 1102 阅读 · 0 评论 -
【FullCalendar】日历插件说明文档(二)
FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,以供参阅。当前版本1.6.4。普通显示设置属性描述默认值header设置日历头部信息。如果设置为false,则不显示转载 2017-10-05 10:15:32 · 652 阅读 · 0 评论 -
【FullCalendar】概叙(一)
FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。HTML首先第一步就是在需要调用FullCalendar日历的页面中载入必要的javascript和css文件,包括jQuery库文件,Ful转载 2017-10-05 10:11:01 · 602 阅读 · 0 评论 -
指定tomcat具体的某个项目文件为主页面
比如首页为:/jpress_web/hello.jsp1、修改tomcat/conf/service.xml文件找到文件:<Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamesp原创 2017-01-24 11:39:49 · 3694 阅读 · 0 评论 -
顶级免费空间hostinger搭建个人网…
网上免费空间实在是多,但速度快又好用的特别少,最近又发现一个不错的免费空间,试了一下网站运行速度挺快,而且有很多优点: 1.无任何广告,没有强制文字链接,没有烦人的弹窗广告,没有烦人的banner条幅广告,没有每月发帖要求,并且100%永久免费。 2.简单的建站助手,可以一键安装wordpress等多种程序,并且提供一百多个网站模板可选择。 3.无原创 2016-11-30 15:58:39 · 5948 阅读 · 0 评论 -
七、油漆桶填充
油漆桶工具 快捷键(G);可以填充前景色和图案建立选区后,填充在选区内进行油漆桶工作原理是用来填充相近颜色的区域(可以通过调整容差来调整填充范围)填充命令:编辑-》“填充”命令 快捷键Shift+F5或Shift+后退键alt+delete填充前景色ctrl+delete填充背景色内容识别填充具有智能计算的功能填充-》图案,可以填充整个区域或选区的图案编辑-》定原创 2016-11-30 15:57:49 · 3528 阅读 · 0 评论 -
六、画笔与橡皮擦
在画笔工具下:按shift键可画出直线,或连接两个点成一条直线按alt键+鼠标右键垂直移动:改变画笔硬度按alt键+鼠标右键左右移动:改变画笔大小按alt键+鼠标左键:拾取颜色按shift+alt+鼠标右键:可以使用HUD拾色器通过载入外部画笔来丰富我们的画笔库右键原创 2016-11-30 15:57:46 · 2845 阅读 · 0 评论 -
五、历史工具
创建新文档:打开历史记录,下方从当前状态建立新文档。形成两个不同的文档创建新快照:利用快照,把状态保存下来,使之不被新的步骤顶替历史画笔工具:起到了恢复原始图片区域的作用原创 2016-11-30 15:57:43 · 2366 阅读 · 0 评论 -
四、选区的编辑
ctrl+shift+I:反向选择alt+delete:填充前景色边界命令,可以让边界变成选区(选择-修改-边界)平滑命令,可以平滑尖角扩展和收缩命令,来对选区进行周边缩放原创 2016-11-30 15:57:40 · 2593 阅读 · 0 评论 -
三、魔法工具组
ctrl+j拷贝图层ctrl+shift+j剪切图层套索工具和多边形套索工具可以按着alt键相互切换磁性套索工具下:按alt键可以实现,套索工具,多边形套索工具及磁性套索工具间的自由转换。画笔大小,左右中括号画笔硬度:shift+左右中括号原创 2016-11-30 15:57:37 · 2518 阅读 · 0 评论 -
二、选区和相关工具
矩形选框工具,快捷键M选区工具状态下:按shift,正方形选区按alt,从中心点建立选区按shift+alt,从中心点建立正方形选区ctrl+h可以隐藏蚂蚁线显示,选区仍存在选区是暂时性的,只有保存选区后才能被存储到psd文件存储选区:右键存储选区,右键:载入选区在通道面板可以找到被保存的选区选项栏和堆叠的工具原创 2016-11-30 15:57:35 · 2609 阅读 · 0 评论 -
一、移动的操作
1、文档的移动:开始拖动后,按下Shift,可保持原位(前提条件,文档大小一般大小),文档大小不同,会自动居中,如果文档上有选取,会到选区中央。选项栏的工具和设置移动工具状态下:按Ctrl键,快速切换自动选择模式按Alt键,可以复制图层按Shift键,约束角度方向键+alt键是复制图层方向键+alt键+shift键是增量轻移复制图层图层菜单里图层编组可以快捷的建组,快原创 2016-11-30 15:57:32 · 2811 阅读 · 0 评论 -
Nginx负载均衡策略
目前Nginx服务器的upstream模块支持6种方式的分配轮询-默认模式<br>weight-权重模式<br>ip_hash-依据ip分配方式<br>least_conn-最小连接方式<br>fair(第三方)-相应时间方式<br>url_hash(第三方)-依据URL分配方式<br>轮询最基本的配置方式,...原创 2019-05-11 20:06:14 · 378 阅读 · 0 评论 -
input file控件限制上传文件类型
网页上添加一个input file HTML控件:[html] view plain copy<input id="File1" type="file" /> 默认是这样的,所有文件类型都会显示出来,如果想限制它只显示我们设定的文件类型呢,比如“word“,”excel“,”pdf“文件 解决办法是可以给它添加一个accept属性,比如:[html] view plain ...转载 2018-05-27 21:14:06 · 819 阅读 · 0 评论 -
AngularJs自定义指令详解
定义指令的方法:angular.module('myApp', []) .directive('myDirective', function () { // 指令定义放在这里 }); 第一个参数,指令的名字myDirective 用来在视图中引用特定的指令。第二个参数是一个函数,这个函数返回一个对象,$compile服务利用这个方法返回的对 象,在DOM调用指令时来构造指令的行为。转...转载 2018-05-16 16:02:26 · 413 阅读 · 0 评论 -
AngularJS源码分析之{{双向数据绑定}}
双向数据绑定实现机制目前对于双向数据绑定的实现有这么几种流派脏值检测,例如AngularJSGetter/Setter,例如Vue.js对于Getter/Setter实现的数据双向绑定来说,核心在于重定义model的getter与setter方法,在数据变动的时候重新渲染页面。两种方式各有优劣。当我们使用Getter/Setter的时候,每次修改数值都会激活刷新模版的方法,而脏值检测则可以在完成所...转载 2018-05-13 15:06:52 · 344 阅读 · 0 评论 -
为什么绝大部分框架不实现双向数据绑定
单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。单向数据绑定:指的是我们先把模板写好,然后把模板和数据(数据可能来自后台)整合到一起形成HTML代码,然后把这段HTML代码插入到文档流里面。单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉...转载 2018-05-13 14:25:22 · 784 阅读 · 1 评论 -
Html遮盖层问题
设置height:100% 意思就是浏览器窗口的一个高度 也就是你设置的body:100%的高度 如果你页面里面的内容超过了浏览器窗口显示的范围 也就是出现了滚动条的话,那你拉动滚动条的话下面就会出现没有被遮罩的部分。解决办法,通过js在实时更改遮盖层的大小就可以了如果用的Jquery $("#...").css({ "width": $(document).width(), "heig原创 2018-03-13 21:37:57 · 1413 阅读 · 0 评论 -
JQuery以JSON方式提交数据到服务端
JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多。以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式、地址、数据类型,以及回调方法等。下面的代码演示了如何将客户端表单数据封装成JSON格式,然后通过JQuery的Ajax请求将数据发送到服务端,并最终将数据存储到数据库中。服务端定义为一个.ashx文件,事实上你可以将服务端定义为任何能接转载 2017-12-17 21:56:07 · 1278 阅读 · 0 评论 -
HTTP响应状态码
1**:请求收到,继续处理2**:操作成功收到,分析、接受3**:完成此请求必须进一步处理4**:请求包含一个错误语法或不能完成5**:服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不原创 2017-11-22 16:04:23 · 242 阅读 · 0 评论 -
Moment.js 2.10.6 JavaScript 日期处理类库
日期格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 十月 5日 2017, 10:44:05 上午moment().format('dddd'); // 星期四moment().format("MMM Do YY"); // 10月 5日 17moment().forma转载 2017-10-05 10:44:24 · 330 阅读 · 0 评论 -
网站后台添加富文本编辑器
网站后台需要添加富文本编辑器,偶然的机会发现了百度的UEditor,经过一番配置(我使用的环境是struts2+hibernate+spring),终于是成功了,下面来记录一下配置的过程: step1:首先去UEditor官网下载UEditor,我下载的1.4.3.3版本的. step2:解压下载得到的UEditor,里面的目录结构如下图 将这整个目录拷贝进工程里面(我将它改名成转载 2017-10-03 10:15:07 · 2317 阅读 · 3 评论 -
AJAX(XMLHttpRequest.status)状态码
一、error:function (XMLHttpRequest, textStatus, errorThrown) { } (默认: 自动判断 (xml 或 html)) 请求失败时调用时间。参数有以下三个:XMLHttpRequest 对象、错误信息、(可选)捕获的错误对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout", "error",原创 2017-08-11 09:52:02 · 4280 阅读 · 0 评论 -
tampermonkey 如何引用Jquery+CSDN阅读模式案例
打开你的 tampermonkey 然后 在 标题头上面添加 @require 后面是一个jq的文件地址。你可以查找Jquery的官方CDN加速。// @require http://code.jquery.com/jquery-1.11.0.min.js 测试:CSDN阅读模式;(function() { 'use strict'; var fa原创 2017-07-16 08:13:27 · 15565 阅读 · 1 评论 -
jQuery操作form表单
1.1 操作form表单1.1.1 属性操作设置属性:// 第一个参数表示:要设置的属性名称// 第二个参数表示:改属性名称对应的值$(selector).attr(“title”,“传智播客”); 获取属性:// 参数为:要获取的属性的名称,改操作会返回指定属性对应的值$(selector).attr(“title”);此时,返回指定属性的值原创 2017-07-15 14:59:22 · 3600 阅读 · 0 评论 -
jQuery动画操作
1.1 知识点1.show()通过display:block/none来实现隐藏和显示2.show(毫秒值):通过控制宽高透明度和display来实现3.show(“slow/normer/fast”):a) slow慢:600ms,b) normer 正常:400ms,c) fast快:200毫秒,4.show(毫秒值,回调函数):执行完毕执行回调函数5.hi原创 2017-07-15 10:38:50 · 3377 阅读 · 0 评论 -
jQuery选择器
1.1 知识点1.this值原生js下的this2.1231.2 为什么要学jQuery选择器? 1.2.1 JS提供的选择DOM元素的方法有几个?考虑兼容性的话,js里面提供的选择DOM的方法只有两个:JavaScript选择元素的方法:document.getElementById();通过id属性获取指定元素返回原创 2017-07-15 10:37:30 · 4285 阅读 · 0 评论 -
什么是jquery
1.1 知识点1.1.1 Window.onload === $(document).ready();1.1.2 $(“”);获取元素 标签名,.类名,#id1.1.3 .事件(function(){方法体})事件是通过方法绑定的1.2 jQuery是什么?1.2.1 jQuery描述(理解)jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调原创 2017-07-15 10:36:21 · 3120 阅读 · 2 评论 -
第10章scroll家族
第10章scroll家族1.1 知识点1.scrollWidth和scrollHeight不包括border和margin2.scrollWidth=width+paddingscroll3.高度有一个特点,如果文字超出了盒子是超出内容的高度,如果没有超出是盒子本身的高度。1.2 Scroll简介scroll这个单词本身是--卷页,卷曲的意思。主要包括:1、scro原创 2017-07-13 09:47:03 · 3084 阅读 · 0 评论 -
第9章缓动动画
第9章缓动动画1.1 知识点1.要用定时器,先清定时器2.offsetLeft取值会四舍五入3.1231.2 三个函数 1.都是在数轴上向上或者向下取整。2.Math.ceil() 向上取整3.Math.floor() 向下取整4.Math.round(); 四舍五入5.1231.3 缓动动画原理1.动画原理 = 盒子位原创 2017-07-12 20:25:26 · 3074 阅读 · 0 评论 -
addEventListener调用传参函数的方法
因为addEventListener的第二参数填入带参函数的时候就直接执行了函数我们使用一个匿名函数作为’观察者‘的身份存在,当监听到事件,先告知作为‘观察者’的匿名函数然后由’观察者‘调用具体的函数代码如下: btn.addEventListener('click',function () { move(div,200); }); f原创 2017-07-12 19:26:52 · 6892 阅读 · 0 评论 -
第8章动画和封装
第8章动画和封装1.1 动画定义运动的图片。(让图片或者图画动起来)1.2 动画原理盒子的位置 = 盒子本身所在的位置+步长。瞬间移动:对象.style.left=0;1.3 焦点图1.鼠标放到小方块上,移动到指定图片上2.获取事件源,循环绑定事件3.点亮盒子4.移动ul到指定的图片上 1.4 切换图1.鼠标放到图片上显示左右箭头2.向左索引原创 2017-07-12 14:24:41 · 2929 阅读 · 0 评论 -
第7章offset家族
第7章offset家族1.1 Offset家族简介offset这个单词本身是--偏移,补偿,位移的意思。js中有一套方便的获取元素尺寸的办法就是offset家族;offsetWidth和offsetHight 以及offsetLeft和offsetTop以及offsetParent共同组成了offset家族。1.1.1 offsetWidth和offsetHight (检测原创 2017-07-11 16:07:10 · 2909 阅读 · 0 评论