bootstrap
文章平均质量分 55
F2E前端爱好者
算法和数据结构就是编程的一个重要部分,你若失掉了算法和数据结构,你就把一切都失掉了。
展开
-
移动端H5页面高清多屏适配方案(经典)
视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:1)首先,选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480,现在更多的是iphone6的375×667)。2)对于retina屏幕(如: dpr=2),为了达到高清效果,视觉稿的画布大小会是基准的2倍,也就是说像素点个数是原来的4倍(对i转载 2016-03-10 11:43:25 · 2671 阅读 · 0 评论 -
对象之属性访问delete
6.2.3属性访问错误 属性访问并不总是返回或设置一个值。本节讲述查询或设置属性时的一些出错情况。查询一个不存在的属性并不会报错,如果在对象o自身的属性 或继承的属性中均未找到属性x,属性访问表达式o.x返回undefined 。回想一下我们的book对象有属性 “sub-title” ,而没有属性 “subtitle” <script type=原创 2016-05-20 11:03:10 · 570 阅读 · 0 评论 -
Animate.css 基础使用方法
animate.css是一堆很酷的,有趣的,跨浏览器的动画效果库,你可以随意在你的项目中使用。用在你想要突出的任何地方,如主页,滑块,这像喝水一样容易,迷死人了。用法 在您的网站上使用animate.css,只要简单地把样式表插入到文档中的中,并为需要动画的元素添加一个CSS类名即可,以及动画的名称。就是这样!你就有了一个CSS动画效果。超强!<head> <link rel="styl原创 2016-05-09 17:39:01 · 17246 阅读 · 0 评论 -
lkmusic项目完整代码以及使用离线存储优化
html代码<!DOCTYPE html><!--对离线存储进行支持--><html lang="zh-cmn-Hans" manifest="lkmusic.appcache"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, u原创 2016-04-22 14:02:54 · 1869 阅读 · 0 评论 -
用组件方式开发 Web App全站之通用图文组件类-H5ComponentBase(接受 onLoad、onLeave事件)
index.html<!DOCTYPE html><html><head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> <title>慕课网2015课程学习情况</title> <style t原创 2016-05-30 11:26:38 · 2512 阅读 · 0 评论 -
lkmusic项目之(三)LRC歌词解析--正则解析
lrc格式:[ver:v1.0][ti:彭佳慧-喜欢两个人][00:00.93]喜欢两个人 - 彭佳慧[00:31.05]没必要回想刚刚下大雨的黄昏[00:39.45]此刻夜空只有美丽的星辰[00:47.09]走过了甜酸各一半的旅程[00:54.74]我单薄的心才能变得丰盛[01:01.56]心会累爱会冷[01:05.37]这是感情必经的过程[01:09.18]只是有人就放弃[0原创 2016-04-21 14:08:38 · 1104 阅读 · 0 评论 -
对象(四继承)
6.2.2继承 JavaScript 对象具有“自有属性”(own property) ,也有一些属性时从原型对象继承而来的。为了更好地理解这种继承,必须深入地了解属性访问细节 。本节中的许多示例代码借用了例6-1中的inherit()函数,通过给它传入指定原型对象来创建实例。假设要查询对象o的属性x,如果o中不存在x ,那么将会继续在o原创 2016-05-16 16:54:23 · 295 阅读 · 0 评论 -
IE实现userData永久存储
注意:只支持IE5,及其以上的浏览器//需要使用 if 条件注释<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>IE 中使用userData来进行持久化数据</title> <link原创 2016-04-18 17:40:43 · 2181 阅读 · 0 评论 -
自主研发一套PHP前端开发框架(22)
引入bootstrap作为UI框架简单总结下栅格系统1.把屏幕分为12列(啥叫屏幕?譬如手机、pad、普通pc电脑屏幕、超大pc电脑屏幕) 2.对应的样式分别为:col-xs-xx col-sm-xx col-md-xx col-lg-xx (xx最小为1,最大为12) 3.方式表示:在中等屏幕设备上该div占据8列的宽度;在小屏幕上该div占用10列的宽度bootstrap官方网址:http:原创 2016-04-18 14:04:08 · 881 阅读 · 0 评论 -
对象基础创建对象(二)
6.1.3原型 在讲述第三种对象创建术之前,我们应当首先解释下原型。每一个JavaScript对象(null除外)都和另一个对象相关联。 “另一个”对象就是我们熟知的原型,每一个对象都从原型继承属性。 所有通过对象直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得原型对象的引用。原创 2016-05-12 11:29:59 · 330 阅读 · 0 评论 -
对象基础创建对象(一)
6.1 创建对象> 可以通过对象直接量、关键字new和(ECMScript5 中的) Object.create 函数来创建对象。接下来几节将对这些技术一一讲述。6.1.1对象直接量 创建对象最简单的方式就是在JavaScript 代码中使用对象直接量。对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间 用逗号分隔,整个映射表用花原创 2016-05-11 17:14:33 · 531 阅读 · 0 评论 -
animate.css 实现移动端垂直滑动效果
html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/> <link rel="stylesheet"原创 2016-05-10 15:45:33 · 8495 阅读 · 0 评论 -
从此不求人:自主研发一套PHP前端开发框架(16)
虚拟类的开发我们来看设计一种思路,假设有个news.xml文件。是如下格式<class> <func> <name>getNewsList</name> <sql> <![CDATA[ select * from news ]]> </sql> <de原创 2016-04-08 10:20:03 · 485 阅读 · 0 评论 -
Jquery 之DOM文档操作(一)
插入和替换元素$('#log').append('<br/>'+mesage);//在id为log的元素的结尾添加内容$('h1').prepend('$');//在每个h1标签起始处添加一个美元符号$('h1').before('<hr/>');//在每个h1 标签前面添加一条水平线$('h1').after('<hr/>');//在每个h1标签后面添加一条水平线$('h1').repla原创 2016-03-14 17:45:01 · 291 阅读 · 0 评论 -
FastClick消除点击延时提高程序的运行效率
FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如Safari、Chrome、Opera等。 FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。延迟为什么存在?根据谷歌说法:转载 2016-05-23 11:57:05 · 23731 阅读 · 1 评论