jquery
文章平均质量分 51
F2E前端爱好者
算法和数据结构就是编程的一个重要部分,你若失掉了算法和数据结构,你就把一切都失掉了。
展开
-
基于zepto的移动端弹出窗口插件
scss代码部分$browser-default-font-size:20px !default;$default-font-color:#999;$header-top-offset:pxTorem(20px);$calc-width:'-webkit-calc(100% - 1rem)';@function pxTorem($px) { @return $px / $browse原创 2016-03-16 17:37:27 · 10113 阅读 · 1 评论 -
优雅的图片翻转实现方式rollover.js
html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <style type="text/css"> img{ width:100px;原创 2016-05-04 16:30:02 · 1614 阅读 · 1 评论 -
基础对象创建(三)
6.2.1作为关联数组的对象 上文提到,下面两个JavaScript表达式的值相同:<script type="text/javascript"> object.property object['property'] </script> 第一种语法使用点运算符和一个标识符,这和C和Java中访问一个结构体或对象的静态字段非常相原创 2016-05-16 16:53:10 · 423 阅读 · 1 评论 -
对象(四继承)
6.2.2继承 JavaScript 对象具有“自有属性”(own property) ,也有一些属性时从原型对象继承而来的。为了更好地理解这种继承,必须深入地了解属性访问细节 。本节中的许多示例代码借用了例6-1中的inherit()函数,通过给它传入指定原型对象来创建实例。假设要查询对象o的属性x,如果o中不存在x ,那么将会继续在o原创 2016-05-16 16:54:23 · 290 阅读 · 0 评论 -
lkmusic项目之(二)基本html结构
<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compati原创 2016-04-21 14:05:09 · 714 阅读 · 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 · 1097 阅读 · 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 · 2505 阅读 · 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 · 1861 阅读 · 0 评论 -
Animate.css 基础使用方法
animate.css是一堆很酷的,有趣的,跨浏览器的动画效果库,你可以随意在你的项目中使用。用在你想要突出的任何地方,如主页,滑块,这像喝水一样容易,迷死人了。用法 在您的网站上使用animate.css,只要简单地把样式表插入到文档中的中,并为需要动画的元素添加一个CSS类名即可,以及动画的名称。就是这样!你就有了一个CSS动画效果。超强!<head> <link rel="styl原创 2016-05-09 17:39:01 · 17235 阅读 · 0 评论 -
对象之属性访问delete
6.2.3属性访问错误 属性访问并不总是返回或设置一个值。本节讲述查询或设置属性时的一些出错情况。查询一个不存在的属性并不会报错,如果在对象o自身的属性 或继承的属性中均未找到属性x,属性访问表达式o.x返回undefined 。回想一下我们的book对象有属性 “sub-title” ,而没有属性 “subtitle” <script type=原创 2016-05-20 11:03:10 · 562 阅读 · 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 · 2161 阅读 · 0 评论 -
自主研发一套PHP前端开发框架(23)
知识点缓冲区1.打开输出缓冲区ob_start() 2.当缓冲区激活时,所有来自PHP程序的非文件头信息 均不会发送,而是保存在内部缓冲区 3.期间可以使用ob_get_contents来获取缓冲区内容( 你可以任意修改) 4.使用ob_clean()来清除缓冲区内容。 5.echo 你修改过的内容。_Master.inc代码<?php //所有controller的父类 抽象类原创 2016-04-18 14:50:54 · 877 阅读 · 0 评论 -
基于Ecshop 的移动端商品分类页面总结
全面基于ajaxcategory_all.dwt html代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--<meta name="viewport" content="width=device-wid原创 2016-03-17 11:34:34 · 3839 阅读 · 0 评论 -
Swiper 简单使用
什么是swiper Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web apps,native apps和hybrid apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper原创 2016-03-17 11:44:44 · 3910 阅读 · 1 评论 -
30分钟学会使用grunt打包前端代码(一)
30分钟学会使用grunt打包前端代码(一)grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段 1、nodeJs环境因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这转载 2016-03-04 11:44:33 · 486 阅读 · 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 · 286 阅读 · 0 评论 -
lkmusic项目改进版本之WebAudio版本支持音乐可视化 已更新至github 欢迎下载
lkmusic 效果预览图(2016-4-26日已经改进) 更新: 优化界面效果 修复播放完成后不会自动切换处于暂停状态的bug 已经上传至github(敬请关注)GitHub 项目仓库地址(欢迎访问):https://github.com/laikedou/LMusic.git目录结构: index.html<!DOCTYPE html><!--对离线存储进行支持--><ht原创 2016-04-26 18:01:42 · 7389 阅读 · 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 · 8485 阅读 · 0 评论 -
对象基础创建对象(一)
6.1 创建对象> 可以通过对象直接量、关键字new和(ECMScript5 中的) Object.create 函数来创建对象。接下来几节将对这些技术一一讲述。6.1.1对象直接量 创建对象最简单的方式就是在JavaScript 代码中使用对象直接量。对象直接量是由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间 用逗号分隔,整个映射表用花原创 2016-05-11 17:14:33 · 524 阅读 · 0 评论 -
对象基础创建对象(二)
6.1.3原型 在讲述第三种对象创建术之前,我们应当首先解释下原型。每一个JavaScript对象(null除外)都和另一个对象相关联。 “另一个”对象就是我们熟知的原型,每一个对象都从原型继承属性。 所有通过对象直接量创建的对象都具有同一个原型对象,并可以通过JavaScript代码Object.prototype获得原型对象的引用。原创 2016-05-12 11:29:59 · 326 阅读 · 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 · 877 阅读 · 0 评论 -
FastClick消除点击延时提高程序的运行效率
FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如Safari、Chrome、Opera等。 FastClick 是一个简单,易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。延迟为什么存在?根据谷歌说法:转载 2016-05-23 11:57:05 · 23725 阅读 · 1 评论