Web前端开发技术
文章平均质量分 67
搜集了本人平日项目中设计的web前端知识和技巧,供网友们相互探讨共同学习和进步!
jkxqj
12345
展开
-
css细节(实习第1天)
1、在head标签中引入css文件2、语法:注意:标签的 for属性中的值应当与相关控件的 id属性值一定要相同。checkbox中多选,radio单选。3、CSS样式优先级:内联式>嵌入式>外部式内联式:超酷的互联网嵌入式:span{ color:red; }外部式:4、css中的类选择器语法:.类选器名称{css样式代码;}文本ID选择器语法原创 2015-01-05 23:16:16 · 1497 阅读 · 4 评论 -
Bootstrap学习笔记(实习第2天)
1、学习网站:http://www.bootcss.com/2、页面中加入下面代码即可调用bootstrap。3、基本模版 4、兼容低版本的IE浏览器http://www.bootcss.com/p/bsie/5原创 2015-01-06 16:37:58 · 1720 阅读 · 0 评论 -
Bootstrap实例(实习第3天)
Hello World 管理系统 首页 功能 业务功能 信息建立 信息查询原创 2015-01-06 19:15:03 · 1516 阅读 · 0 评论 -
JQuery入门(1)
1、jQuery的优势: 轻量级。jQuery非常轻巧,最新的jQuery版本压缩后,大小保持在80k左右。 强大的选择器。jQuery允许使用从CSS1到CSS3几乎所有的选择器,以及jQuery自己的高级而复杂的选择器。甚至你可以编写属于自己的选择器。出色的DOM操作的封装;jQuery封装了大量常用的DOM操作,让你能轻松地完成各种原本非常复杂的操作。可靠的事件处理机制; 完善的Ajax;原创 2015-04-17 14:13:02 · 1071 阅读 · 0 评论 -
HTTP请求
HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(r原创 2015-04-17 15:16:00 · 957 阅读 · 0 评论 -
JQuery入门(2)
1、基础选择器 <script type="text/javascript"> $(function(){ //id匹配元素 $("#divOne").css("display","none"); }) $(function(){ //元素名匹配元素 $("div span").css("display","none");原创 2015-04-17 17:34:02 · 1006 阅读 · 0 评论 -
JQuery入门(3)
6.属性过滤选择器<script type="text/javascript">$(function(){ //显示所有包含id属性的元素 1 $("div[id]").show(3000);})$(function(){ //显示所有属性title的值是"A"的元素 2 $("div[title='A']").show(3000); })$(function(){ //原创 2015-04-20 11:15:17 · 1051 阅读 · 0 评论 -
JQuery入门(4)
一、元素属性操作 在jQuery中,可以对元素的属性执行获取、设置、删除的操作,通过attr()方法可以对元素属性执行获取和设置操作,removeAttr()方法可以删除某一指定的属性。 1.获取元素的属性 语法:attr(name) 参数name表示属性的名称 2.设置元素的属性 单个属性设置语法:attr(key,value) 多个属性设置语法:attr({key0:value0,原创 2015-04-20 14:01:50 · 978 阅读 · 0 评论 -
JQuery入门(5)
一、页面加载事件 在jQuery中页面加载事件是ready()。ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。ready()方法的几种写法: 写法一:$(document).ready(function(){ //代码部分 }); //写法二:$(原创 2015-04-20 14:28:17 · 839 阅读 · 0 评论 -
JQuery入门(6)
一、一次性事件 one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时运行的函数。当使用 one() 方法时,每个元素只能运行一次事件处理器函数。语法形式:$(selector).one(event,[data],function)其中event参数必需,当添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。data参数可选,是传递到函数的额外数据。function原创 2015-04-20 14:54:13 · 834 阅读 · 0 评论 -
JQuery入门(7)动画效果
一、显示和隐藏 在jQuery中使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:hide()的语法形式:$(selector).hide(speed,callback);show()的语法形式:$(selector).show(speed,callback);speed 参数规定隐藏/显示的速度,可以取以下值:”slow”、”fast”或毫秒。 callback 参数是隐藏原创 2015-04-20 15:35:54 · 914 阅读 · 0 评论 -
JQuery入门(8)Ajax的使用
一、什么是AJAX AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。二原创 2015-04-20 16:42:55 · 876 阅读 · 0 评论 -
JQuery入门(9)自定义插件
一、准备开始 准备做一个可折叠的控制面板 当创建一个jQuery插件时,本质是在扩展jQuery库。要真正了解插件如何扩展jQuery库需要对JavaScript prototype属性有一个基本了解。虽然不直接使用,但是JavaScript prototype属性可以通过jQuery属性fn在后台使用,这是原生JavaScript prototype属性的一个jQuery别名。 jQuery原创 2015-04-20 17:14:25 · 839 阅读 · 0 评论 -
jQuery学习笔记
1.文档加载完成执行函数 $(document).ready(function(){ alert("开始了"); });2.添加/删除CSS类 $("#some-id").addClass("NewClassName"); $("#some-id").removeClass("ClassNameToBeRemoved");3.选择符 利用了CSS和Xpath(XML Path Langua原创 2015-05-07 08:54:36 · 1382 阅读 · 0 评论 -
Ace---一个很棒的BootStrap后台管理系统模版
由于工作的需要,今天发现了一个非常棒的后台界面模版---ace下载地址这个模版是个绝佳的学习例子!各种前端的样例都有,准备在实际开发中使用。开发中使用。原创 2015-05-19 15:11:32 · 5357 阅读 · 0 评论 -
frame实现菜单导航
效果如下: main.html<html><frameset cols="200,*"> <frame src="menu.html"> <frame src="pref.html" name="view_frame"></frameset> </html>menu.html<html><body><h3>Table of Contents</h3><ul> <li><a原创 2015-05-25 21:42:55 · 3401 阅读 · 0 评论 -
后台权限管理的菜单设计
一、功能需求: 1、主界面分三块:header、menu和main 如下图 2、menu菜单栏和header都是抽取出来的jsp页面,是可以重复利用的。 点击menu不同的选项可以main页面可以显示不同的模块,点击退出可以退出系统。 二、解决方案: 1、主界面的分块一般用frameset结合frame使用。<frameset rows="50,*"> <frame src="h原创 2015-05-26 15:45:40 · 7257 阅读 · 1 评论 -
JSTL开发实例详解
现在做一个web项目,需要实现以下功能 选着不同的选项,显示不同的内容。 那么显然需要用到JSTL里的选择标签。 下面是实现方案: 前端的数据是后端服务给的,比如,grade字段是true则表明已经评分,id==null则表明没有提交。<!-- 作业列表 --> <div id="homeworkDetail"> <d原创 2015-07-09 11:08:18 · 1546 阅读 · 0 评论 -
eclipse安装spket插件提示js和jQuery代码
1、简介 spket是一个开发JavaScript和Ext等的开发工具,它可以 是独立的IDE,也可以作为 Eclipse的插件使用,下面介绍如何在Eclipse中安装spket插件。 2.解压spket-1.6.23.zip会看到一个eclipse文件夹,下面有plugins和features两个文件夹,将这两个文件夹下的东西分别考到 Eclipse安装包下 的plugins和feature原创 2015-07-27 08:35:45 · 9948 阅读 · 10 评论