2016年04月_F2E前端爱好者

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

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

原创从此不求人:自主研发一套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 694

原创从此不求人:自主研发一套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 558

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

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

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

2016-04-22 10:58:05 1316

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

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

原创从此不求人:自主研发一套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 392

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

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

2016-04-20 15:51:48 920

原创从此不求人:自主研发一套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 468

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

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

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

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

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

2016-04-15 10:49:54 408

原创从此不求人:自主研发一套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 337

转载 CSS3 Filter的十种特效

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

2016-04-13 15:12:40 424

原创 javascript cookie 实现 cookieStorage

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

2016-04-13 11:17:59 405

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

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

2016-04-12 10:06:54 362

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

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

2016-04-12 10:05:04 672

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

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

2016-04-11 17:35:55 4676

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

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

2016-04-11 15:17:42 349

原创从此不求人:自主研发一套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 366

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

虚拟类的开发我们来看设计一种思路，假设有个news.xml文件。是如下格式<class> <func> <name>getNewsList</name> <sql> <![CDATA[ select * from news ]]> </sql> <de

2016-04-08 10:20:03 478

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

链接Oracle（windows 版本）一些必要的支持1.php连接oracle 需要下载oracle客户端（如在百度中搜索“ora10client”关键字） 2.安装好后需要打开php_oci8.dll拓展支持 3.重启apache 后我们就可以写代码了新建连接$this->_db=NewADOConnection(‘oci8’); 在我们下载的adodb的驱动文件中可以找到 adodb-o

2016-04-08 09:43:31 619

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

支持sqlserver调用PHP从5.3.x开始官方不再支持mssql的拓展库但是假设我们的框架中需要连接sqlserver该怎么办？微软写了一个专门php+mssql的库下载地址： http://www.microsoft.com/en-us/download/details.asps?id=20098<?php require("adodb.inc.php"); class myD

2016-04-07 17:53:33 948

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

我们来测试一下 1.新建一张userdetail表，代表是用户详细信息表 2.做一个用户登录的事务第一条sql：insert into users(username,userpwd,useremail,sex) values(‘zhangs’,’zhangs@com.cn’,’1’); 第二条sql： mysql中获取自增的id：select LAST_INSERT_

2016-04-07 17:50:27 612

原创 HTML5客户端存储之 LocalStorage 和 SessionStorage

window.onload = function(){ console.log('the browser is running ....'); var name = localStorage.username; if(!name){ name = prompt('what is your name?'); localStorage.username = name;

2016-04-07 11:34:19 1394

新的启程的博客