F2E前端爱好者-CSDN博客

原创 lkmusic项目WebAudio版本支持音乐可视化已更新至github 欢迎下载

亲们如果觉得好请fork我的githublkmusic 效果预览图（2016-4-26日已经改进）版本1.0 beta 更新：优化界面效果修复播放完成后不会自动切换处于暂停状态的bug 已经上传至github（敬请关注）GitHub 项目仓库地址（欢迎访问）：https://github.com/laikedou/LMusic.git目录结构：以后所有更新和发布都将在

2016-04-27 10:08:19 1321

原创 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 7341

原创用组件方式开发 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 2461

原创从此不求人:自主研发一套PHP前端开发框架(33)之插件化架构实现下

BasePlugin.icn<?php abstract class BasePlugin{ abstract protected function getTreeName(); abstract protected function run(); } ?>插件chat 下面的 _plugin.inc<?php class _plugin ex

2016-05-28 09:52:38 1594

原创从此不求人:自主研发一套PHP前端开发框架(33)之插件化架构实现中

news.xml<?xml version="1.0" encoding="utf-8"?><class> <func> <name>getLogList</name> <sql><![CDATA[ select * from onethink_action ]]> </sql>

2016-05-28 09:41:26 1099

转载 FastClick消除点击延时提高程序的运行效率

FastClick是一个非常方便的库，在移动浏览器上发生介于轻敲及点击之间的指令时，能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器，比如Safari、Chrome、Opera等。 FastClick 是一个简单，易于使用的JS库用于消除在移动浏览器上触发click事件与一个物理Tap(敲击)之间的300延迟。延迟为什么存在？根据谷歌说法：

2016-05-23 11:57:05 23679 1

原创 DCloud MUI 中的HTML5+ 之简单调用系统相册

注意： 1.需要在 RUNTIME 模式下运行需要连接安卓机器进行调试方可调用系统相册上代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim

2016-05-20 16:41:25 9891 2

原创对象之属性访问delete

6.2.3属性访问错误属性访问并不总是返回或设置一个值。本节讲述查询或设置属性时的一些出错情况。查询一个不存在的属性并不会报错，如果在对象o自身的属性或继承的属性中均未找到属性x，属性访问表达式o.x返回undefined 。回想一下我们的book对象有属性 “sub-title” ，而没有属性 “subtitle” <script type=

2016-05-20 11:03:10 551

原创对象（四继承）

6.2.2继承 JavaScript 对象具有“自有属性”(own property) ，也有一些属性时从原型对象继承而来的。为了更好地理解这种继承，必须深入地了解属性访问细节。本节中的许多示例代码借用了例6-1中的inherit（）函数，通过给它传入指定原型对象来创建实例。假设要查询对象o的属性x，如果o中不存在x ，那么将会继续在o

2016-05-16 16:54:23 277

原创基础对象创建（三）

6.2.1作为关联数组的对象上文提到，下面两个JavaScript表达式的值相同：<script type="text/javascript"> object.property object['property'] </script> 第一种语法使用点运算符和一个标识符，这和C和Java中访问一个结构体或对象的静态字段非常相

2016-05-16 16:53:10 409 1

原创对象基础创建对象（二）

6.1.3原型在讲述第三种对象创建术之前，我们应当首先解释下原型。每一个JavaScript对象（null除外）都和另一个对象相关联。 “另一个”对象就是我们熟知的原型，每一个对象都从原型继承属性。所有通过对象直接量创建的对象都具有同一个原型对象，并可以通过JavaScript代码Object.prototype获得原型对象的引用。

2016-05-12 11:29:59 319

原创对象基础创建对象（一）

6.1 创建对象> 可以通过对象直接量、关键字new和（ECMScript5 中的） Object.create 函数来创建对象。接下来几节将对这些技术一一讲述。6.1.1对象直接量创建对象最简单的方式就是在JavaScript 代码中使用对象直接量。对象直接量是由若干名/值对组成的映射表，名/值对中间用冒号分隔，名/值对之间用逗号分隔，整个映射表用花

2016-05-11 17:14:33 517

原创 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 8457

原创 Animate.css 基础使用方法

animate.css是一堆很酷的，有趣的，跨浏览器的动画效果库，你可以随意在你的项目中使用。用在你想要突出的任何地方，如主页，滑块，这像喝水一样容易，迷死人了。用法在您的网站上使用animate.css，只要简单地把样式表插入到文档中的中，并为需要动画的元素添加一个CSS类名即可，以及动画的名称。就是这样！你就有了一个CSS动画效果。超强！<head> <link rel="styl

2016-05-09 17:39:01 17194

原创从此不求人:自主研发一套PHP前端开发框架(32)

插件化后台index.inc(Controller目录下面的)<?php class index extends _Master{ /** *permission{"role":"admin"} */ function adminindex(){ $this->_isadmin = true;

2016-05-06 14:42:38 1348 1

原创从此不求人:自主研发一套PHP前端开发框架(31)搭建后台框架

1.使用的是easyui作为后台页面框架 header.php<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he

2016-05-06 14:40:29 3539

原创优雅的图片翻转实现方式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 1601 1

原创从此不求人:自主研发一套PHP前端开发框架(30) 实现简单的用户登录功能

index.inc<?php class index extends _Master{ function showindex(){ //测试下数据库操作 /* $db = load_db(); $newslist=$db->execForArray('select * from onethink_act

2016-05-04 14:19:02 1979

原创从此不求人:自主研发一套PHP前端开发框架(29)

添加模板解析支持myif_Master<?php require(LKPHP_PATH.'MVC/Controller/cFunctions.inc'); $foreach_id = array(); $plugif_id=array(); function foreach_callback($match) { $id=md5(uniqid()

2016-05-03 16:29:35 781

原创从此不求人:自主研发一套PHP前端开发框架(28)

MVC静态模板开发：标签拓展和使用cFunction.inc<?php function strong($str){ return '<b style="color:red;">'.$str.'</b>'; } function genericinput($str){ return '输入'.$str.'<input type

2016-04-25 15:55:50 691

原创从此不求人:自主研发一套PHP前端开发框架(27)

实现foreach循环嵌套<?php require(LKPHP_PATH.'/MVC/Controller/cFunctions.inc'); $foreach_id = array(); $plugif_id=array(); function foreach_callback($match) { $id=md5(uniqid()+mt_

2016-04-25 15:54:24 542

原创 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 1838

原创应用程序存储和离线Web应用

应用程序存储和离线Web应用 html5中新增了应用程序，允许web应用将应用程序自身本地保存到用户的浏览器中。不想localStorage和sessionStorage 只是保存web应用程序相关数据。它是将应用自身保存起来--应用程序所需运行的所有文件（html、css、JavaScript、图片等）。“应用程序缓存”和一般浏览器缓存不同：它不会随着用户清除浏览器缓存而

2016-04-22 10:58:05 1304

原创 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 1084

原创 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 703

原创从此不求人:自主研发一套PHP前端开发框架(26)

_Master.inc<?php require(LKPHP_PATH.'/MVC/Controller/cFunctions.inc'); //所有controller的父类抽象类 abstract class _Master{ var $_view='index';//模板名称 var $_vars = array(); var $_cachet

2016-04-20 15:52:44 381

原创从此不求人:自主研发一套PHP前端开发框架（25）

{foreach:newslist name="news"}{/foreach}知识点：如果上述标记有多个，那么我们该怎么区分？这里要用到preg_replace 执行一个正则表达式搜索并且使用一个回调进行替换分组捕获捕获 (exp) 匹配exp,并捕获文本到自动命名的组里 (?exp) 匹配exp,并捕获文本到名称为name的组里，也可以写成(?’name’exp) (?:

2016-04-20 15:51:48 910

原创从此不求人:自主研发一套PHP前端开发框架（24）

正则表达式登场preg_match_all(‘正则’,’字符串’,匹配结果集) 该函数本身返回boolean，表示匹配成功。该函数基本用法： $pattern=’/\w{1,20}/is’; \w匹配字母、下划线、数字 {1,20} 表示\w的范围在1-20个字符 i是修饰符代表忽略大小写。s修饰符主要针对于.使之包含换行符解析思路1.利用正则把{XXX}都取出来 2.把里面的值和$

2016-04-19 11:22:46 463

原创 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 2104

原创自主研发一套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 866

原创自主研发一套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 862

原创从此不求人:自主研发一套PHP前端开发框架(21)

Memcache 简述1.第三方的缓存，PHP、java、c#等主流语言都可以无障碍使用。 2.支持分布式部署（也就是可以多台服务器分担压力，提高性能） 3.数据放在内存中，比我们自己写的代码更加优秀德管理内存中的数据。应用场景1.交互式网站（非门户网站） 2.电商网站 3.部分BS后台应用（提高内存利用率）PHP使用缓存的步骤1.下载对应版本的memcache服务端 2.下载拓展库如

2016-04-15 10:49:54 397

原创从此不求人:自主研发一套PHP前端开发框架(20-2)

这节我们来用到登陆上（cookie处理）目前我们用户登陆的处理 1.加载UserModel，并对相应的项进行赋值 2.json_encode 这个UserModel，并且保存到cookie中 3.下次取出cookie内容后进行json_decode<?php function load_db(){ $db_path=LKPHP_PATH.'/Libary/DataBase/myDa

2016-04-15 10:10:47 330

转载 CSS3 Filter的十种特效

最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。今天终于抽出时间学习这个CSS3的Filter。不整不知道呀，一整才让我感到吃惊，太强大了。大家先来看个效果吧：我想光看上面的效果就能吸引你了，要是你自己动手的话，我想您更会感到神奇。细一看，这些效果就像是photoshop整出来的一样，其实是真是这样的，有很多效果都是类似于photoshop中的特效。不过有一点大家需要特别

2016-04-13 15:12:40 414

原创 javascript cookie 实现 cookieStorage

//今天我们来写一个cookie相关存储的一个代码//展示了如何实现基于cookie的一系列存储api方法，该例子定义了一个cookieStorage函数（被实例化的时候具有构造函数特性），通过将max-age 和path属性传递给该//构造函数，就会返回一个对象，然后就可以使用localStorage 和sessionStorage 一样的使用该对象，但是需要注意的是，该例子没有实现存储事件，

2016-04-13 11:17:59 391

原创从此不求人:自主研发一套PHP前端开发框架(20)

加密功能一般来说我们会使用Des对称加密的方式来完成我们的数据加密功能1.在PHP中通过开启mcrypt拓展库来支持des加密在centos系统中可以。yun php-mcrypt来安装并支持拓展类似的代码网站非常多，而且写的已经很完善了。我们就使用拿来主义了。 function pkcs5_pad ($text, $blocksize) { //加密时的字节填充，保持和jav

2016-04-12 10:06:54 354

原创从此不求人:自主研发一套PHP前端开发框架（19）

目前我们在Controller中调用虚拟类，还需要如下代码： news=loadclass(‘news′);news = load_class(‘news’); ret = news−>getNewsList();但是呢，我们希望以后是这样调用的news->getNewsList(); 但是呢，我们希望以后是这样调用的 this->news->getNewsList();//这

2016-04-12 10:05:04 662

原创 JavaScript cookie存储和读取（一）

window.onload = function(){ /* cookie 是指Web浏览器存储的少量数据，同时它是与具体的Web页面或者站点相关的cookie最早是设计为被服务器端所用的。从底层来看，作为HTTP协议的一种拓展实现它。cookie数据会自动在Web浏览器和web 服务器之间传输，因此服务器端脚本就可以读、写存储在客户端的cookie值。本节将介绍客户端

2016-04-11 17:35:55 4664

原创从此不求人:自主研发一套PHP前端开发框架（18）

实现执行多条sql语句myClass.php代码如下：<?php /** * 虚拟注入类实现 */ class myClass { var $xmlContent=""; var $funcList = array(); function myClass($x

2016-04-11 15:17:42 339

原创从此不求人:自主研发一套PHP前端开发框架（17）

继续开发和完善虚拟类目标如下1.执行sql语句 2.支持参数 3.支持多条sql一起执行代码： functions.inc //加载虚拟类 function load_class($class){ $classPath = LKPHP_PATH.'/Libary/Class/myClass.php'; if(!class_exists('myClass')){

2016-04-11 15:07:41 353

100个直接可以拿来用的JavaScript实用功能代码片段

食材供应链电商服务系统设计方案v1.0.doc

空空如也