10 2016 档案

实现checkbox的多选
摘要：checkbox多选 技术一般水平有限，有什么错的地方，望大家指正。 全选，多选都是为了使用的方便，一般情况下全选就够用了，但是用户要求实现一个多选的功能也没有办法老老实实的做吧。 多选的实现也较为简单，首先需要一个遮罩可以标识给用户当前所选择的区域，其次就是选中用户所需要的信息，按照这个思路我们来 阅读全文
posted @ 2016-10-31 23:03 y丶卿 阅读(2968) 评论(0) 推荐(1)
自定义右键菜单
摘要：自定义右键菜单 技术一般水平有限，有什么错的地方，望大家指正。 自定义右键菜单，对于一些ERP系统，功能操作比较多，所以我们通常把常用的几个功能放在自定义的右键菜单里方便用户使用。 实现自定义菜单很简单，首先我们要屏蔽原始的右键菜单，自定义菜单出现在鼠标的位置，点击隐藏自定义菜单，过程就是这样的。 阅读全文
posted @ 2016-10-28 22:27 y丶卿 阅读(1382) 评论(1) 推荐(2)
JavaScript中的this指向
摘要：this是谁 技术一般水平有限，有什么错的地方，望大家指正。 this代指当前对象super调用父类的构造函数，应表会运网数物，加载驱动建立链接执行SQL处理结果，直到现在每想起这三点就能想起我上大学的时候，故事背景都是不同的有时候是我玩的正high的时候有时候是我快要睡觉，但是结果都是一致的就是让 阅读全文
posted @ 2016-10-26 23:58 y丶卿 阅读(1114) 评论(5) 推荐(4)
JQ延迟对象
摘要：延迟对象初识 技术一般水平有限，有什么错的地方，望大家指正。 ES6已经实现了延迟对象Promise,但是今天主角是JQ里面的延迟对象，套路其实都是差不多的。下面先看一个比较牵强的例子： 现在先聚焦功能，我们点击add按钮可以看到span元素添加并且颜色变红。然后在看我们代码中的的异类的东西，开始的 阅读全文
posted @ 2016-10-25 21:57 y丶卿 阅读(997) 评论(0) 推荐(3)
JavaScript事件简述
摘要：事件简述 技术一般水平有限，有什么错的地方，望大家指正。 事件是我们平时经常使用，这次就来了解一下事件。首先我们要明确几个概念，JavaScript是单线程，浏览器是多线程的，并不是所有的事件处理函数都是异步的。 前两个我们都知道，这里我们主要介绍第三个。事件处理函数可以在将来执行，只要满足触发条件 阅读全文
posted @ 2016-10-23 22:53 y丶卿 阅读(698) 评论(0) 推荐(0)
JavaScript自定义事件
摘要：事件 技术一般水平有限，有什么错的地方，望大家指正。 事件就是用户和浏览器交互的一种途径。假如一个用户注册的功能，我们在填写完基本信息之后，点击提交按钮就可以实现注册功能，要想完成这个功能所需要的就是点击事件。我们预先定义好操作行为，在用户点击提交按钮时就执行我们预先定好的行为，在本例中我们的代码逻 阅读全文
posted @ 2016-10-23 20:24 y丶卿 阅读(1597) 评论(0) 推荐(1)
JavaScript事件绑定
摘要：浏览器事件概述 技术一般水平有限，有什么错的地方，望大家指正。 当我们在浏览网页的时候，浏览器可以在视觉上为我们展示出页面还可以在行为上响应用户的操作，浏览器响应用户的操作就是通过事件来完成的，浏览器提供了事件注册接口和事件监听接口这样浏览器就可以接收用户的行为并且进行处理了。浏览器已经提供很多的事 阅读全文
posted @ 2016-10-22 21:36 y丶卿 阅读(788) 评论(0) 推荐(1)
BootStrap使用
摘要：BootStrap简单使用 《深入理解BootStrap》这本书对BootStrap进行了全面的讲解包括设计思想以及源码解析对没有接触过的很有帮助 BootStrap可以说是最简单的一类框架了，使用它确实不能给我们带来一些功能上的提升，不过在一些系统开发时可以为我们的开发速度带来很大的提升。有时候会 阅读全文
posted @ 2016-10-21 22:42 y丶卿 阅读(354) 评论(0) 推荐(0)
BootStrap--响应式设计
摘要：响应式布局 响应式布局的基本结构为： 栅格系统通过定义容器的大小，然后将容器分为12等份调整内外边距结合媒体查询来实现 在栅格系统中可以组合class来实现不同分辨率的适配 class="container"是最外层的容器提供了对齐方式 class="row"定义一个列容器 class="col-x 阅读全文
posted @ 2016-10-20 22:57 y丶卿 阅读(553) 评论(0) 推荐(0)
BootStrap--scroll
摘要：滚动侦测 滚动侦测基本使用方法为： 关键的属性为body上面的data-spy="scroll" 同时标题元素必须按照格式.nav li > a的格式正确嵌套因为JS是通过这个格式来选择元素的 a元素的data-target的值要和内容元素互相对应,如标题为data-target="#demo"则内 阅读全文
posted @ 2016-10-19 22:50 y丶卿 阅读(1722) 评论(0) 推荐(0)
BootStrap--tab
摘要：选项卡 选项卡的基本使用方式为： 选项卡使用分别标签和具体内容，这两个可以不放在一起但是一定要同时存在 选项卡标签的关键属性为data-target="ele",data-toggle="tab",data-target="ele"表示该标签对应的具体内容，data-toggle="tab"提供了H 阅读全文
posted @ 2016-10-17 23:14 y丶卿 阅读(741) 评论(0) 推荐(0)
BootStrap--tooltip
摘要：提示框 提示框的基本使用方式为： data-original-title可以直接写为title,仍然能正常使用，源码中优先查找前者，前者不存在就会查找title 提示框不提供HTML触发方式只能通过JS来进行触发： 提示框的关键属性为data-original-title="content",该属性 阅读全文
posted @ 2016-10-17 22:33 y丶卿 阅读(1457) 评论(0) 推荐(0)
BootStrap--dropdown
摘要：下拉菜单 下拉菜单的基本结构为： 下拉菜单的外层容器一定要提供了一个相对定位的属性，所以具有position:relative属性的元素就可以作为下拉菜单的外层容器 下拉菜单的按钮元素关键的属性为data-toggle="dropdown"，该属性提供了HTML使用的触发条件，class="drop 阅读全文
posted @ 2016-10-13 22:25 y丶卿 阅读(2048) 评论(1) 推荐(1)
BootStrap--modal
摘要：模态弹窗 触发元素基本结构： 内容元素基本结构： 触发元素的关键属性为data-target和data-toggle,data-target和具体的弹窗互相对应，data-toggle="modal"提供了HTML触发条件 弹窗内容要正确嵌套，弹窗的出现和隐藏的动画要设置在最外层 可以通过modal 阅读全文
posted @ 2016-10-12 23:30 y丶卿 阅读(401) 评论(0) 推荐(0)
Struts2基本使用（三）--数据交互
摘要：Struts2中的数据交互 在Struts2中我们不必再使用request.getParameter()这种方式来获取前台发送到服务器的参数。 我们可以在服务器端的Java类中直接声明一个和前台发送数据的同名变量即可，然后生成它的set/get方法即可以实现前后台数据的交互。 假如我们在前台页面中的 阅读全文
posted @ 2016-10-08 23:03 y丶卿 阅读(1321) 评论(0) 推荐(0)