最近随便写的一个单页

| 时间: 2017-07-14 | 评论: 暂无评论

超简单的动态的时钟界面,每5秒更新一次时间(可调),效果如下:

采用了Node.js(用来练手),使用webpack2打包成了单页面。
贴出核心代码:

main.js

require('../scss/main.scss');
var maintp = require('../templates/main.html');
var Shifter = require('./Shifter');
window.onload = function(){ 
    document.body.innerHTML = maintp;
    Shifter.init();
    startTime();
};
function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    if(m < 10) m = "0" + m;
    if(s < 10) s = "0" + s;
    var day_or_night = (h > 11) ? "PM": "AM";
    if (h > 12) h -= 12;
    var timetext = h + ":" + m + ":" + s + " " + day_or_night;
    Shifter.Shape.switchShape(Shifter.ShapeBuilder.letter(timetext));
    setTimeout(function(){
        startTime();
    },5000);
}

- 阅读剩余部分 -

关于优酷视频源链算法&发布在线解析API

| 时间: 2017-02-08 | 评论: 3条评论

最近想看「この素晴らしい世界に祝福を」,发现居!然!是!优!酷!独!播!垃圾优酷!
算了算了,能看就行啦,不要求那么多嘛。

然而。。。。

1.png

尼玛???!以前是不给看1080P,现在直接不给看了??垃圾优酷!

嗯,作为技术(偷税)人员,当然是网站查找破解办法啦,
然而。。。

因为优酷最近API有次大变动,网上大部分开源的视频链接解析项目都无法使用..

无法抑制自己的怒火啊!玛德自己去弄一个,顺便造福人类!垃圾优酷!
翻阅垃圾优酷的各种JS,花了2天时间终于研究透了优酷视频链接的算法,
简直太复杂了啊,特别是ep计算算法,好烦啊。果然是垃圾优酷,只有垃圾程序员会写这么复杂这么乱

虽然过程艰辛,但最后还是成功了呢!
如果有空我会把过程与大家一起分享,现在先贴上做好的东西吧:

API : https://kvv.me/someProjects/Youku/

参数:
-wz   (优酷视频网址)
-qxd (一般取值0--4 代表480P--1080P) (选填)

一般使用直接访问 https://kvv.me/someProjects/Youku/?wz= + 视频网址 就行了,会自动解析最高清晰度,基本秒解哦。
里面还加入了视频播放器,直接点击链接就可以在线观看,亲测1080P电影在线观看不会卡哦。
如果某些视频播放出现错误请刷新网页。

结果:以后看垃圾优酷视频再也不用担心广告和垃圾画质啦

那些年越来越多的前端框架

| 时间: 2015-09-03 | 评论: 暂无评论

Bootstrap

http://getbootstrap.com

不需多说,开源框架大成者,以至于造成过了整个互联网一片 bootstrap 脸而审美疲劳。

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Foundation

http://foundation.zurb.com

也许这个才是真正意义上的框架,给你最基本的东西,每个人写出来的都不一样,可以很方便地定制化。

The most advanced responsive front-end framework in the world.

Semantic UI

http://semantic-ui.com

语义化是其最大的特点,对于看够了 bootstrap 脸的同学来说,也是一个比较好的选择,但是它是用 LESS 写的,没有 SASS版本,对于习惯 SASS 的同学来说定制稍微有点不方便,希望开发团队能向 Bootstrap 学习转到 SASS 上来吧。

Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.

- 阅读剩余部分 -

准备开发自用主题ALST

| 时间: 2015-05-03 | 评论: 暂无评论

本文仅代表现在,即2015年的状态。

这个博客诞生于2015-5-1趁个好日子开个博客intallX 以后将在这里发发文章

然而安装后看到这typecho的默认主题就完全没有心情了,我找了好多好多主题尝试,然而没有我喜欢的(个人偏好嘛)..
无奈..只好自己整一个啦。

主题名么懒得打了直接四个首字母ALST..
主题大体采用了我喜欢的扁平化和Material风格,为了绝对的定制化未用bootstrap之类的前端框架,优化了CSS与JS,折腾好久终于变成现在这样。

当然两个半天弄出来的东西绝对有各种问题和不足,比如自我感觉评论很难看,还有自适应的一些问题,标签问题等等,以后将会慢慢更新,当然也希望各位提出各种建议帮助改进。

表示本人很喜欢命运石之门这部番所以拿图作为banner啦!

我的B站ID Alstonz,想知道了解更多到关于里去看吧