web前端
fiona0425
啊哦。。
展开
-
JavaScript DOM 编程艺术读书笔记1
《JavaScript DOM 编程艺术》这本书是学习JS 入门级的书,学过HTML,CSS,和一些JS的基础后再来读还是有很多收获。以下是节选。 DHTML 是动态HTML的简称, 描述 HTML ,CSS,JS技术的组合术语。W3C(万维网联盟,World Wide Web Consortium,缩写W3C)对DOM的定义是:一个系统平台和编程语言无关的接口,程序和脚本原创 2015-11-09 10:24:17 · 486 阅读 · 0 评论 -
Bootstrap搭建传送带
http://getbootstrap.com/javascript/#carousel进度指示器<div id="homepage-feature" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#homepage-featu原创 2016-04-27 11:28:59 · 894 阅读 · 0 评论 -
Bootstrap响应式网格
http://getbootstrap.com/css/#grid Bootstrap内置12栏网格系统,col-12表示全宽,col-6表示半宽,col-4为1/3宽。类推 Bootstrap内置的浏览器屏幕断点:768px,992px,1200px 小断点之上使用三栏,class=”col-sm-4” <div class="container" accesskey="">原创 2016-04-27 16:06:03 · 431 阅读 · 0 评论 -
holder.js生成占位图片
http://github.com/imsky/holder holder.js 是JavaScript的一个插件。加载了holder.js之后,就可以方便的把holder.js作为任意图片的来源。然后使用伪URL指定大小,颜色和填充文本,<img src="holder.js/600*480/auto/vine/textmode:literal" alt="Holder Image">原创 2016-04-28 09:58:53 · 1058 阅读 · 0 评论 -
JavaScript 设计模式 笔记
工厂模式,构造器模式适配器 装饰者 工厂模式原创 2016-04-19 10:28:46 · 401 阅读 · 0 评论 -
jQuery基础
attr() removeAttr() html() .text() .val() .addClass() .removeClass() .toogleClass() .css() .data() .removeData()原创 2016-04-20 12:49:38 · 330 阅读 · 0 评论 -
jQuery学习笔记
$("p").click(function () { $(this).slideUp(); }); $("#go").click(function(){ $("#block").animate({ width: "70%", opacity: 0.4, marginLeft: "0.6in", fontS原创 2016-04-20 15:27:08 · 301 阅读 · 0 评论 -
JQuery侧边栏实现
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JavaScript菜单侧边展开(改良版)</title></head><body><ul id="navigation"> <li><a href="#">系统管理</a> <ul> <li><a href="#原创 2016-05-06 13:48:52 · 1894 阅读 · 3 评论 -
AJAX
HTTP请求的过程HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤:建立TCP连接 在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层次的应用层协议,根据原创 2016-08-16 15:48:25 · 289 阅读 · 0 评论 -
前端笔试、面试常考题/盒模型/块级元素和行内元素
简述CSS的盒模型想象一个盒子,它有:外边距(margin)、边框(border)、内边距(padding)、内容(content)四个属性。内容(CONTENT)就是盒子里装的东西; 填充(PADDING)就是怕盒子里装的东西(贵重的)损坏而添加的泡沫或者其它抗震的辅料; 边框(BORDER)就是盒子本身了; 边界(MARGIN)则说明盒子摆放的时候的不能全部堆在一起,要留一定空隙保持通风原创 2016-09-13 17:00:31 · 793 阅读 · 0 评论 -
BootStrap响应式导航条
http://getbootstrap.com/components/#navbar <header role="banner"> <nav role="navigation" class="navbar navbar-default"> <div class="container"> <div class="nav原创 2016-04-27 10:15:31 · 1316 阅读 · 0 评论 -
jQuery与JavaScript入门经典——AJAX
GET请求和POST请求 GET请求讲要传递的数据放在URL中,而POST将他们放在请求数据中,GET:http://localhost/code/example.html?first=Brad&last=Dayley POST 请求的URL:http://localhost/code/example.html POST 请求的数据:first=Brad last=Daley 从服务器获取信息原创 2016-04-26 11:19:37 · 879 阅读 · 0 评论 -
jQuery与JS入门经典——读书笔记1
AJAX(异步JS和XML)指的是网页加载后,使用JS持续的与Web服务器通信。AJAX避免了用户交互时重新加载当前网页或加载其他网页,减少了最初的Web服务器响应需要包含的数据量,还提高了网页的交互性。 客户端脚本和服务器脚本 如果交互主要基于用户操作,使用客户端脚本,如果数据验证和错误处理要与服务器交互,使用服务器脚本。 Firefox 配置浏览器开发工具 工具——>附加组件——>搜索:F原创 2016-04-25 16:45:33 · 433 阅读 · 0 评论 -
JavascriptDOM编程艺术学习笔记2
平稳退化:正确的使用JS脚本,可以让访问者在他们的浏览器不支持JS的 轻快下仍然顺利的浏览网站。 <a href ="http://www.example.com/" onclick="popUp(this.href;return false;)">example</a> href属性设置成了真实存在的URL地址后。既是JS被禁用,这个链接也是可以用的,它并没有彻底失效。这是一个经典的“原创 2015-11-14 09:13:33 · 523 阅读 · 0 评论 -
JavascriptDOM编程艺术学习笔记4
AJAXAJAX 主要优势是对页面的请求以异步方式发送到服务器。你的脚本可以按需加载和创建页面内容,而不会打断用户的浏览体验。XMLHttpRequest对象AJAX的核心技术就是这个对象,这个对象充当着浏览器中的脚本与服务器之间的中间人角色,JS可以通过这个对象自己发生请求,同时也自己处理响应。原创 2015-11-14 11:40:28 · 434 阅读 · 0 评论 -
JavascriptDOM编程艺术学习笔记3
DOM方法在DOM看来一个文档就是一个节点树,如果想在树上添加内容,必须插入新的节点creatElement方法appandChild方法创建一个P元素成为textdiv元素的一个子节点:var para=document.createElement("p");var testdiv=document.getElementById("testdiv");testdiv.appendChild(p原创 2015-11-14 10:35:17 · 488 阅读 · 0 评论 -
JS级联下拉列表,DOM编程
使用DOM编程,在网页中完成简单的JS级联下拉列表。 先整理常用的DOM操作:创建新节点 document.createElement(‘div’) document.createAttribute(‘class’); document.createTextNode(‘文本’) e.innerHTML document.createComment(‘注释内容’); document.原创 2015-11-16 19:40:27 · 788 阅读 · 0 评论 -
windows对象提供的两种定时器的应用,时钟
周期性定时器每隔指定的时间间隔,执行一次指定的功能var timer1 = window.setInterval(task, time);设置一个周期性定时器,并立即启动它;先计时,再运行。window.clearInterval( timer1 );停止并删除计时器一次性定时器间隔指定的时间后,执行一次指定的功能,仅执行一次。var timer2 = window.setTimeout(tas原创 2015-11-17 16:51:36 · 4132 阅读 · 0 评论 -
JS级联下拉列表
简单的级联下拉列表Javascript 语言,安装node,使用node运行实现,选择一个省份,返回其省份的各个区新建一个文本文档,输入以下代码代码块/*级联下拉列表*/var provinces = [ '北京市', '天津市', '河北省' ];var citie原创 2015-11-02 10:57:48 · 688 阅读 · 0 评论 -
JS :3秒后自动跳转功能
function jump(){ window.location.href='1.html'; } setTimeout(jump, 3000);原创 2015-11-17 17:13:51 · 2078 阅读 · 0 评论 -
我的正则表达式学习笔记
正则表达式 是使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 在很多文本编辑器中,正则表达式通常被用来检索、替换符合某个模式的文本。 前端中正则表达式有很多应用如: - 验证邮箱, - 身份证号, - 密码强度 - QQ号码 内容形式 含义 示例 n? 指定字符出现0次或1次 n* 指定字符出现0次或多次 n+ 指定字符出现1原创 2015-11-02 22:52:36 · 486 阅读 · 0 评论 -
笔记:JavaScript高级程序设计(1)
JS由三部分组成: 1.核心(ECMAScript) 2.文档对象模型(DOM) 3.浏览器对象模型(BOM)script标签放在</body>前面,可以减少浏览器窗口显示空白页面的时间。延迟脚本script标签定义了defer属性:让脚本在完全呈现之后再执行。 立即下载延迟执行。异步脚本async属性:立即下载文件,与上不同的是不保证按照指定先后顺序执行。<noscript>元素浏原创 2015-11-19 20:53:08 · 433 阅读 · 0 评论 -
Ajax工作原理/JQuery中AJAX调用
Ajax的原理Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。XMLHttpRequest是ajax的核心机制它的属性有: onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回原创 2016-09-17 16:58:46 · 4445 阅读 · 0 评论