- 博客(19)
- 资源 (7)
- 收藏
- 关注
原创 20150731 JQuery基础学习笔记(上)
环境搭建搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。下载jQuery文件库在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版。引入jQuery文件库下载完jQuery框架文件后,并不需要任何的安装
2015-07-31 23:30:51 305
原创 选项卡切换效果总结
Tab选项卡切换效果切换类型:划过切换、点击切换、延迟切换、自动切换划过切换:window.onload=function(){ var li=document.getElementsByTagName("li"); var nr=document.getElementsByName("content"); for(var i=0;i<li.length;i++){
2015-07-31 17:02:31 439
原创 用字体在网页中画icon图标
方法一:CSS+Sprite 在国内被称为“CSS雪碧”,也叫“CSS精灵”。它是把网页中一些零星背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置,因此也叫“图片拼合”技术。好处:减少文件体积和服务器请求次数,从而提高效率。详细的见:http://blog.csdn.net/u013511989/article/details/47172241方法二:font
2015-07-31 16:54:33 958
原创 20150730 JS动画效果实现
运动框架实现思路1、速度速度不变,匀速动....透明度opacity 基于IE==filter:alpha(opacity:30);基于Chrome==opacity:0.3;2、缓冲运动速度越来越慢...var speed=(iTarget-oDiv.offsetLeft)/20;speed=speed>0?Math.ceil(speed):Math.fl
2015-07-31 16:53:31 304
原创 20150729 DOM事件探秘
事件流 描述的是从页面中接受事件的顺序。IE事件冒泡流 NETSCAPE 事件捕获流事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。HTML事件的缺点:HTML和JS代码紧密耦合在一起,JS代码和HTML都需要进行修改DOM0级事件处理
2015-07-31 16:51:07 233
原创 20150728 JavaScript进阶学习笔记(下)
对象JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等;对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等;JavaScript 提供多个内建对象,比如 String、Date、Array 等等,使用对象前
2015-07-31 16:47:47 378
原创 20150727 Javascript进阶学习笔记(上)
JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)变量名字可以任意取,只不过取名字要遵循一些规则:1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。2.变量名区分大小写,如:A与a是两个不同变量。3.不允许使用JavaScript关键字
2015-07-31 16:45:47 300
原创 20150727 JavaScript入门学习笔记
JavaScript优点一、为什么JavaScript非常值得学习?1. 所有主流浏览器都支持JavaScript。2. 目前,全世界大部分网页都使用JavaScript。3. 它可以让网页呈现各种动态效果。4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。二、易学性1.学习环境无外不在,只要有文本编辑器,就
2015-07-31 16:43:23 342
原创 20150726 固定层效果实现
只有元素在设置相对定位,或者绝对定位后,属性z-index才有效,它的作用是设置元素所在的z轴层级。z-index值越大,元素层级越大。absolute与fixed相同点1、完全脱离标准文档流2、未设置偏移量时,都定位在父元素的左上角(偏移量——元素设置定位后就具有便宜属性和堆叠属性z-index)absolute与fixed不同点设置偏移量时,偏移参照基准
2015-07-31 16:41:45 495
原创 20150726 CSS Sprite雪碧图应用
CSS Sprite雪碧图应用使用规则:1、静态图片,不随用户信息的变化而变化2、小图片,图片容量比较小3、加载量比较大4、大图不建议拼成雪碧图目的:有效的减少http请求数量,加速内容显示(每请求一次,就会和服务器链接一次,建立链接是需要额外时间的)原理:css background-position 坐标系控制一个层可显示的区
2015-07-31 16:38:23 451
原创 20150726 网页布局基础
标准及基础CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。W3C标准:由万维网联盟制定的一系列标准,包括:结构化标准语言(html.xml)表现标准语言(css)行为标准语言(DOM和ECMAScript)倡导结构、样式、行为分离标准文档流:特点(从上到下、从左到右,输出文档内容;由块级元素和行级元素组成)盒子3D模型:border/content+padd
2015-07-31 16:38:20 365
原创 20150726 Web前端开发基础html+css
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如:鼠
2015-07-31 16:33:12 645
原创 20150725 前端开发工具DreamWeaver及Sublime方法技巧总结
前端开发工具技巧—DW实时视图==webkit==谷歌浏览器F12快捷键预览F5刷新首选项设置:代码源格式、代码颜色背景色等,标记是否显示(不可见元素),无恢复默认值选项。折叠:只折叠一行考虑是否有标签未闭合根据所选折叠和扩展选择父标签(一级一级找 排错)+选取当前代码段(只对js脚本起作用)+行号+高亮显示无效代码(F5刷新 排错)智能提示js 加粗、不同颜色标记不同
2015-07-31 16:31:09 653
原创 20150724 CSS3学习笔记(下)
布局样式相关多列布局——Columns为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。接下来咱们一起学习
2015-07-31 16:29:27 623
原创 20150723 CSS3学习笔记(中)
opacity设置 div 元素的不透明级别:属性选择器新增E[att^=""]开头 E[att$=""]结尾 E[att*=""]结构性伪类选择器-root:root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是。“:root”选择器等同于元素eg: :root { backgrou
2015-07-31 16:15:34 387
原创 20150722 CSS3学习总结(上)
1.兼容:在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。chrome safari:-webkitfirefox:-mozIE:-msopera:-oeg:transform-style: -webkit-trans
2015-07-31 16:12:20 326
原创 20150721 全屏切换效果(含核心代码)
通过css使div全屏、实现jquery简单组件开发、重写鼠标滚动事件、切屏动画1、全屏(css/DOM结构)竖:height:100%横:外width:400%内25% float:left滚动条消失:overflow:hiddenhtml, body { height: 100%; overflow: hidden;}#container, .section {
2015-07-31 16:01:47 437
原创 20150720 html5语法、标签、属性
HTML5语法doctype一行即可字符编码lang="zh-CN"一行大小写 不区分(xhtml区分)(小写)增加布尔值 不写为true写为false引号 可省略或者变单引(属性双引)标签 可进行省略(html body尽量不省)HTML5标签新增标签结构标签section标签页面中一个内容区块article页面中一块与上下文不相关的独立内容
2015-07-31 15:59:17 325
原创 20150720 高德地图组件快速入门
坐标拾取工具:http://lbs.ampap.com/console/show/picker组件产品:http://lbs.amap.com/smart/Key申请:http://lbs.amap.com/console/Native APP WEB APPhtml5(定位)组件实现的功能:位置标注、路线导航、周边搜索(地图调用领域使用最多的三点)使用前准备:申请
2015-07-31 15:52:31 732
HTMLTestReportCN.py
2017-09-23
Selenium+Python Web自动化测试工具包
2017-06-29
计算机组成原理实验报告
2014-06-12
经典sql基本语句大全
2014-01-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人