- 博客(19)
- 资源 (25)
- 收藏
- 关注
原创 Ajax初认识
AJAX的全称:Asynchronous JavaScript and XML(异步的JavaScript和XML)为什么需要使用ajax传统的网页(即不使用ajax技术的网页),想要更新内容或者提交一个表单,就要重新载入页面。使用了ajax技术的网页,通过在后台跟服务器进行少量的数据交换,网页就可以实现异步局部更新。ajax之前的时代就是同步同步就是:客户端发起请求;服务端...
2018-09-30 16:14:37 212
原创 JavaScript学习记录-脚本模型事件绑定
事件绑定分为两种:传统事件绑定(内联模型,脚本模型) 现代事件绑定(DOM2级模型)。现代事件绑定在传统绑定上提供了更强大更方便的功能。传统事件绑定的历史问题传统事件绑定中内联模型基本很少使用不必了解。所谓脚本模型就是将一个函数赋值给一个事件处理函数。<script> window.onload=function(){ alert("Bert...
2018-09-30 10:06:53 297
原创 CSS3新特性-选择器
属性选择器HTML中可通过各种属性给元素增加很多附加信息。譬如,用id属性将不同div区分。CSS3新增的3个属性选择器使得属性选择器有了通配符的概念,也感觉像是正则表达式的样子。E[att^="val"]E:选择匹配的元素E; att:元素E定义了属性att; ^:其属性值以val开头的任何字符串。E[att$="val"]$:其属性值以val结尾的任何字符串。E[at...
2018-09-29 11:39:20 375
原创 JS实现回到顶部功能
“回到顶部”这个功能诸多网页中可见,实现回到顶部这个功能时,总会不自觉哼成 “回到拉萨”,回到拉萨,回到了布达拉,回到拉萨,回到了布达拉宫,在雅鲁藏布江把我的心洗清......先写好HTML结构和CSS样式,为了实现回到顶部功能,就需要页面大于可视区,出现滚轮。并且贴上回到顶部图片,设置固定定位。下面就是用JavaScript实现需求功能。思路:1、页面加载完毕后读取...
2018-09-28 11:15:24 7472
原创 JavaScript学习记录-事件对象
一、事件对象1、事件对象特征事件对象处理函数的一个标准特性是,用某些方式访问的事件对象包含了关于当前事件的上下文信息。事件处理由三个部分组成:对象 . 事件处理函数 = 函数; 譬如单击文档任意处:document.onclick=function(){ alert("Hello");};上例代码详解:click表示一个事件类型:单击; onclick表示一个事件...
2018-09-25 15:27:19 187
转载 立即执行函数理解
立即执行函数表达式(Immediately-Invoked Function Expression,简称IIFE),也称为自执行匿名函数(self-executing anonymous function)。两种JavaScript 立即执行函数的常见写法,( function(){ …} )()( function (){ …} () )最初我以为是一个括号包...
2018-09-21 15:43:27 211
原创 CCS3新特性-盒模型属性box-sizing
在找小项目练习时,自己的完成度不太好,就找别人的代码看,发现了box-sizing这个属性,遂在网上找了很多资料研究,自己再来整理一下加深印象。以往认知中,盒模型的组成: content(内容) + margin + padding+ border 组成。 浏览器有两种盒模型:W3C下的标准模型和 IE下的传统模型(IE6以下,不包含IE6版本或”QuirksMode下IE5.5+”)...
2018-09-21 08:58:39 574
原创 CSS3新特性-新增的标签属性
边框圆角边框 border-radius:xxpx;边框阴影 box-shadow:X轴偏移量Y轴偏移量【阴影模糊半径】 【阴影扩展半径】阴影颜色投影方式 X轴偏移量和Y轴偏移量可负值,【阴影模糊半径】即模糊距离,其值越大阴影边缘越模糊,【阴影扩展半径】即阴影尺寸,正值越大阴影延展越大,负值则缩小,阴影颜色默认黑,投影方式中内部阴...
2018-09-20 09:44:16 927
转载 CSS 各种居中实现整理
<center>标签对其所包括的文本进行水平居中。text-align:centertext-align:center,在父容器里水平居中 inline 文字,或 inline 元素vertical-align:middle垂直居中 inline 文字,inline 元素,配合 display:table,display:table-cell,有奇效。line-...
2018-09-20 09:30:16 297
原创 JavaScript学习记录-DOM操作CSS
CSS可以增强页面的显示效果,但不是每个浏览器都能支持最新的CSS能力。CSS的能力和DOM级别密切相关,所以有必要检测当前浏览器支持CSS能力的级别。DOM1级实现了最基本的文档处理,DOM2和DOM3在这个基础上增加了更多的交互能力。DOM2增加了CSS编程访问方式和改变CSS样式信息。检测浏览器是否支持DOM1级CSS能力或DOM2级CSS能力,alert('DOM1级CSS能力:...
2018-09-18 12:15:30 250
原创 HTML5语义化标签
1、HTML5简化的标签(1)DOCTYPE文档声明<!DOCTYPE html>相较于之前的版本,HTML5没有指定具体版本,这就表示了最新的HTML版本。(2)<meta>声明HTML4.01中的meta声明决定了HTML文档中字符的编码方式,HTML5直接一个charset属性即可,<meta charset="UTF-8">...
2018-09-17 14:52:16 5956
原创 纯CSS、原生JS、jQuery实现下拉菜单功能
一、纯CSS实现实现下拉菜单需要用display,即改变display的block或none值。先构建基本的HTML框架,<div id="nav"> <ul> <li><a href="#">新闻</a></li> <li><a href="#">...
2018-09-13 15:21:46 3653
原创 Bootstrap-开始使用
在校期间就接触过Bootstrap,但一直没有好好研究,最初连如何使用Bootstrap都是一头雾水。这篇文章就详细的介绍Bootstrap的下载与引用。1、下载Bootstrap百度搜索Bootstrap就可以了,英文水平不错的可以去官网浏览,渣渣呢(我)就去Bootstrap中文网就好了。点击中文文档之后呢就可以进入下载界面,一般下载第一个“用于生产环境的Bootstr...
2018-09-11 11:55:32 329
原创 Bootstrap-排版样式
一、页面排版Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用(设置不同class名即可获取不同样式)。1、页面主体 Bootstrap 将全局font-size 设置为14px line-height 行高设置为1.428(即20px) <p>段落元素被设置等于1/2 行高(即10px) ...
2018-09-11 10:41:50 657
原创 XML基础认识
一、XML简介HTML 被设计用来显示数据,而 XML 被设计用来传输和存储数据。1、XML的定义XML 指可扩展标记语言(EXtensible Markup Language)。XML 是一种很像HTML的标记语言。XML 的设计宗旨是传输数据,而不是显示数据。XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准...
2018-09-10 14:23:03 509
原创 JavaScript学习记录-事件模型
目录一、内联模型二、脚本模型三、事件处理函数1、鼠标事件(1)click:当用户单击鼠标按钮或按下回车键时触发,(2)dblclick:当用户双击主鼠标按钮时触发,(3)mousedown:当用户按下了鼠标不用松开即可触发,(4)mouseup:当用户释放鼠标按钮时触发,(5)mouseover:当鼠标移到某个元素上方时触发,(6)mouseout:当鼠标移...
2018-09-10 11:36:14 387
原创 JavaScript学习记录-DOM操作表格
之前有写过用HTML和JavaScript分别创建一个表格,JS创建表格非常繁琐,重复代码很多,又因为表格较为繁杂,层次也多,所以用DOM只是来获取某个元素会非常不便。因此,使用HTML DOM会清晰很多。HTML DOM是HTML Document Object Model的缩写,HTML DOM则是专门适用于HTML/XHTML的文档对象模型。可以将HTML DOM理解为网页的API。它...
2018-09-09 23:15:27 343
原创 jQuery-方法
jQuery提供了许多直接使用的方法。1、addClass()方法通过动态改变类名(class),可以让其修改元素呈现出不同的效果。在HTML结构中里,多个class以空格分隔,当一个节点(或称为一个标签)含有多个class时,DOM元素响应的className属性获取的不是class名称的数组,而是一个含有空格的字符串,这就使得多class操作变得很麻烦。而jQuery中.addClas...
2018-09-06 08:58:33 191
原创 jQuery-选择器
1、id选择器 一个用来查找的ID,即元素的id属性 $( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。<input id="demo" type="button" value="按钮" /><script> $(function...
2018-09-05 11:42:25 349
Node.js入门中英版
2019-02-13
convert数据转换案列
2019-01-23
C# convert文档格式转换
2019-01-16
前端学习记录面试题
2018-09-21
JS中各种方法的实例
2018-09-05
JS中各种方法的试验实例
2018-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人