这次在做播放器时碰到了一个严重的问题,一开始打算做个标签页形式的歌单页,来回翻了一下metro UI CSS 发现居然里面的标签页不是可以左右切换的,这样可不太好
而且如果动态添加标签页数量一多就会变成一坨,so考虑了一下,我决定自己造一个轮子算啦。
因为代码很简单,这里就全部没有打注释了
more >>懒惰的后端程序员,不务正业学习前端中
这次在做播放器时碰到了一个严重的问题,一开始打算做个标签页形式的歌单页,来回翻了一下metro UI CSS 发现居然里面的标签页不是可以左右切换的,这样可不太好
而且如果动态添加标签页数量一多就会变成一坨,so考虑了一下,我决定自己造一个轮子算啦。
因为代码很简单,这里就全部没有打注释了
more >>本例用于在lrc控制模块,在用于在timeupdate时间中同步更新lrc使用。
这里首先放置一个歌词解析模块,下面还需要做一个filter做歌词时间格式化模块
/**
* 歌词解析模块
*
* 重复类歌词将repeat至array
* @author icepro
* @Time 2016-3-16 17:46:11
*/
function lrcParser(lrc){
// 正则表达式用于已匹配[00:00:00][00:00][00:00.00]
var reg = /(\[\d{2}[:]\d{2}([.|:]\d{2}){0,1}\])+(.*)[\n|\r|\r\n]/g;
var res = lrc.toString().match(reg);
// 用来push入歌词
var stack = new Array();
if(res.length>0){
$.each(res,function(i1,item1){
// 获取时间
var timeStmp = item1.toString().match(/\[\d{2}[:]\d{2}([.|:]\d{2}){0,1}\]/g);
// 获取歌词,将时间和换行符去除
var song = item1.toString().replace(/\[\d{2}[:]\d{2}([.|:]\d{2}){0,1}\]/g,"").replace(/[\n|\r|\r\n]/g,"");
$.each(timeStmp,function(i2,item2){
stack.push({"song":song,"time":item2});
});
});
}
// 依照时间排序
return stack.sort(function compare(a,b){return a.time.localeCompare(b.time);});
}
more >>
本文受阮一峰javascript模块化编程 启发
首先记录一下常见的几种函数声明方法
千里之行,始于足下
上一章,我们做到了基础的界面设计,在本章中,我们将会完成上一章所需的控制器方面的代码。
这里的内容只是讲述基础的前端知识,所以本次介绍将暂时不需要对服务器进行任何操作。
这里我们使用简单的赋值操作即可完成获取数据的操作,这两项变量分别命名为:
$http
获取或直接使用jquery的 $.post/get
获取千里之行,始于足下
首先我们需要从mvc上对本次购物车实例进行分析
首先值得分析的是模型:
每一个购物车都需要以下属性
传说中号称黑客使用的博客的确名不虚传,至少我是花了不少时间去研究这个博客系统的,嫌麻烦的推荐还是直接上wordpress算了,简单多了。
现在正式的把blog迁移到了github上,绑定了自己的域名,这里记录一下安装过程中的一些问题,或许可以帮助后来者少走一点弯路。
首先,强调三遍!
使用win安装会非常麻烦!
使用win安装会非常麻烦!
使用win安装会非常麻烦!
这些麻烦的地方并不是应用本身的问题,而是相关依赖软件的问题导致的。
如果你在完成前期安装后还能继续下去的话,那正文开始!
more >>重要信息:在阅读该博文前请确保有以下前置知识:1) html 2) javascript 3) css
为什么我开始学习使用angular.js?这得从知乎大佬的一片文章说起,时间有点久远了,链接是给不出了。这里大致说一下,大意就是,要往深处学习,沿着陡峭的web前端知识向上攀爬,最先走过的是原生javascript->随后就是最好的用jquery->下一步便是angular.js顺便还提及了ext.js。
对于前两个我有着大量的使用经验,从最开始简单的js写了大量的代码完成一个精美漂亮的照片墙(高仿版),到jquery数行代码结合插件快速完成开发,这些过程有着大量的成就感,但是随着越来越多的应用开发使用(其实只是自己做着玩的东西),发现随着应用逻辑的快速增长,代码越来越长直到最后难以维护,大量重复冗余的代码堆积,然后就学习了原型方法,使用各种模型方法来简化代码,增加复用,现在,有一个大佬告诉了我一个新的解决方案–angular.js
记得学java的时候有一个很不错的特性–
依赖注入(ioc),没记错的话这是一种被称为AOP面切面的编程思想,具体怎么样早就忘记了,据说angular.js就可以做到这种操作具体的将就是
`反正我不用考虑程序是怎么完成操作的,我只需要完成程序预定的接口就可以完成具体的操作。
此处空空如也~
输入点什么来搜索吧!