刁连通-CSDN博客

原创文本居中

文本居中分两种：水平居中，垂直居中。水平居中很好实现，text-align:center;就实现了水平居中，垂直居中实现的思路比较多，举几个例子：例子1.对于单行文本最简单的垂直居中就是利用line-height，首先，定义整个div的高度，然后再设置line height 的值等于div高度，这样就实现了单行文本的居中效果。例子2.对于图片垂直居中可以利

2016-09-23 22:52:19 546

原创 CSS透明知识点

透明往往能产生不错的网页视觉效果，兼容主流浏览器的CSS透明代码: .transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}几个属性分别是:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox, S

2016-09-23 22:28:55 254

原创关于js 的变量提升

1. js 的变量提升往往和函数内定义的变量和外部变量同名例子1.先定义的是外部变量 V，在函数里面又定义了内容变量V，alert(v)执行的时候，实际是先在函数内创建变量v。例子2. a=5,没有var，这是js中的隐式全局变量，可以通过this 和 window进行访问这里的执行顺序相当于

2016-09-23 22:19:46 309

转载 Div+CSS 规则整理以及注意问题

一、善用css缩写规则 /*注意上、右、下、左的书写顺序*/ 1. 关于边距（4边）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px （省略的左等于右） 1px 2px (省略的上等于下) 1px （四边都相同） 2. 简化所有： */ body{margin:0}------------表示网页内所有

2016-06-12 00:02:35 374

转载 jQuery动画-让页面动起来!

做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等. 假设有如下需求: 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层.单击任何空白区域或者弹出层,弹出层消失.用原始javascript我们也完全可以完成这个工作. 有以下几点注意事项:1. 弹出层的位置需要动态计算. 因为触发弹出事件的对象可能出现在页面的任何位置, 比如截图中的位置

2016-06-07 00:45:26 1646

转载一些jquery技巧

Window.onload=function(){//页面加载,不能同时编写多个，最后面的会覆盖前面的}$(document).ready(function(){//页面加载,能同时编写多个});相当于$(function(){//页面加载,能同时编写多个9});$(“#foo”).html()相当于d

2016-06-04 02:08:55 219

原创 jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器

选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。因此，如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。jQuery选择器完全继承了CSS的风格。利用jQuery选择器，可以非常便捷的找出特定的DOM元素，然后为它们添加相应的行为，而无需担心浏览器是否支持这一选择器。jQuery选择器可简单分为基本选择器、层次选择器、过滤

2016-06-03 00:53:56 321 1

转载 HTML5移动端手机网站开发流程

一、框架开发手机网站一般用现在常用的开发框架有：目前Web前端最火的框架（BootStrap）、Jquery mobile..当然可能还有一些移动端开发的框架，这些我就没具体去研究过。为什么说BootStrap是目前前端最火热的开发框架呢？因为bootstrap自带响应式布局（栅格系统），而且能做到移动设备优先的原则。运用bootstrap来开发网站有什么好处呢？

2016-06-01 02:30:30 743

原创 JQuery—简单动画效果

一，JQuery实现隐藏显示的功能：1，jQuery hide() 和 show() 通过 jQuery，您可以使用hide() 和 show() 方法来隐藏和显示 HTML 元素：2，jQuery toggle() 通过 jQuery，您可以使用toggle() 方法来切换 hide() 和 show() 方法。3，语法：$(sel

2016-05-29 02:06:46 299

原创 jQuery图片自动切换（带左右切换按钮）

css:.con_left span.pic_left { z-index: 4; cursor:pointer; position: absolute; top: 190px; left: 20px; background: url("../images/icons.png") no-repeat -90px -60px; display: block; width: 50px; hei

2016-05-27 13:12:32 1363

原创 css学习笔记（一）

1.群组选择器如：p, body, img, div{}2.兄弟选择器如：p + p { color:#f00; }3.属性选择器如： p[title] { color:#f00; }4.包含（后代）选择器如：body ul li{}5.子元素选择器如：div > p{}6.ID选择器如：#myDiv{}

2016-05-26 02:08:28 303

转载 javascript学习之js使用小技巧

1 假如浏览器不支持JavaScript怎么办？a.为什么浏览器会不支持？大部分浏览器都有禁用脚本的功能，例如chrome。b.在js被禁用的情况下要保证网页仍能实现它的核心功能（关键的用户需求）例子：在一个新窗口里打开链接，可以使用BOM的open()方法 function popUp(winURL) { window.open(winURL

2016-05-26 02:03:25 293

原创 jQuery基础（一）

Jquery是一个js框架，里面集合了好多js的东西，方便使用，理念就是少写多用，也希望能在多种浏览器进行兼容。做前端的师兄装了多个浏览器，就是测试兼容性的问题。Jquery用处： HTML 元素选取、元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX等等。简单入门例子：

2016-05-26 01:32:58 272

原创 HTML5的一些术语和概念

HTML5是html标准的下一个版本，它並沒有完全颠覆後者，依然有很多相似之处，但是也有10个关键不同之处。（从头用html5建站更方便） HTML5与HTML4区别不是特别的大，新增了很多直观的新功能，对页面排版上有了更多的语义排版的支持。同时也保留了大部分HTML4的优点，以至于过度不致于那么困难。HTML5恐怕要让部分网页工作者抓狂了，HTML5将采用标准的XML语法格式，这对代码

2016-05-22 02:21:47 4316

原创 HTML5知识点整理1

一、新特点1. 简单的编码类型 1）不允许写的结束符的标签：area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr2）可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th3）可以完全

2016-05-22 02:08:52 371

转载 jQuery事件（ready/bind/hover/toggle/unbind/one/trigger/focus/blur/change/live)

1、页面加载时触发ready（）$(document).ready(function(){})等价于$(function(){});[html] view plain copybody> h3>页面载入时触发ready()事件h3> div id="tip">div>

2016-04-16 00:03:05 372

转载分享几个前端干货，面试经常提

前言我前面的文章，也有几篇讲过面试的，不过都没有很细致的讲，例如：总结前端面试过程中最容易出现的问题，等等。还有一些文章，也是面试中可能提问的。今天，分享几个小知识，算是干货吧！前端面试中也经常会问及，不过问及的几率相对较少。我个人认为，面试中你把基础的知识打好，就可以无敌！哪些基础知识呢？例如：js的继承、js函数等等，万变不离其宗，都是这些的扩展及应用。这些知识理解透彻了，再加一些面试

2016-04-08 13:14:06 637

刁连通的博客