切换博客系统为Typecho

换博客系统了咩哈哈

主要是wp总觉得哪里怪怪的加上它本身有点重很嫌弃就换成了轻量级的Typecho。
折腾了一会儿把博客系统迁移到了Typecho上,还好之前的文章里面没有很多文件的东西,迁移还算方便。

貌似以后要学学markdown语法了

切换之后编辑文章发现写作语法不能像之前那样了,要换成牛逼闪闪的MD语法,果然新技能还是要点。

切到Typecho的二三事

  • 安装的时候可以先把目录chmod成777的权限之后再改回755或者644去
  • 如果除了主页都是500提示,那就修改服务器配置。(关键词“location”)
  • 如果除了主页都是404提示,还是修改服务器配置。(关键词“伪静态地址”)
  • 如果之前用的wordpress,可以在官网文档下载WordpressToTypecho插件

然后瞎逼逼几句

折腾了一个月,做了一些页面学了一些css知识,挣了几百感觉完全不够看的样子。因为没有完备的作品库和简历,在很大程度上没有一个完整的web应用架构能力,缺少团队经验。设计上因为切换到了OS X端,也在尝试使用很火的sketch进行设计。慢慢熟悉了OS X的操作和MBA的手感,回到我的大神船上多少会有些不适。
作为一个大学生总会面对校组织这个话题。我在大一上学期期末的时候,完成了所有我应该完成的东西后,离开了校学生会。在离开之后,这半年多一点的时间里,深深的感受到了学校的局限性。一个校组织能够给你的东西不多,但是它能给你个环境,这个环境一旦利用好了你能为自己创造很多的经历和价值。只是作为二十多岁的小青年,加上朋友们最为看重的劳动价值观,我更愿意把时间奉献给更Geek或者说更有经济价值的方向上。
web前端这个坑很难填,越走越难,我喜欢它,我想从事于它,所以现在我需要更加完备的知识。
下一步打算设计一个Typecho的主题用给自己的博客,困囿于渣设计能力深感蛋疼。
不忘初心,脚踏实地,来日方长吧。

移动端和createjs的那点事。

入了MacBook Air,努力还贷中,有什么前端的单子请叫上我么么哒!

移动端小游戏,点击开始,天上会掉下来小人,然后让小人掉到背景里面的时候给它拍照。

游戏地址

canvas07二维码

因为移动端响应click事件会有延迟,我就把事件换成了移动端的touchstart,电脑不能使用请见谅,手机扫码即可。

做完这个主要研究了以下内容。

1.createjs的旋转

对于createjs的Bitmap对象Shape对象Sprite对象等图形对象,都有一个旋转属性rotation,这个指的是旋转的角度,可以取正负数,当然正数是顺时针旋转度数。

旋转的中心设定,是用regX和regY两个属性。顾名思义。

2.移动端点击事件

移动端的点击事件,不应该用click。手指触摸和鼠标点击并不相同,在移动端,要把响应点击的onclick换成ontouchstart,不然会产生0.x秒的延迟。

3.加载问题

考虑到傻逼的柴犬君经常要使用一些框架,傻逼的柴犬君把框架整合到服务器的一个固定文件夹里面,方便一点加载是一点吧。

 

CSSLab:踏踏实实的给css做实验

一个小点子。

很多时候一些css属性想测试一下,都是F12在开发者工具里面弄的。这么弄没有保留性,也不方便展示。

看张鑫旭大牛的博客感觉自己做一个css的小实验室插件还不错,于是就弄了这么个小插件:CSSLab,项目用gulp构建。

总功能代码才几十行而已= =。

原理是,在内容模板(content.jade)上写好你需要的内容,需要控制的部分赋一个id(较规范的话要以 lab- 开头),然后 new一个CSSLab,参数为id值。

之后是功能函数,你需要绑定一个需要修改的值的话,只需要使用addVar这个函数就行。

addVar : function(info,attr,type,options)

info:绑定变量的信息,比如“父元素背景色”,“子元素字体大小”

attr:绑定的属性,css在DOM的style属性里面的参数,如“backgroundColor”,“fontSize”

type:如何控制这个属性值,滚动条的话就range,文字域就text,下拉菜单就options(此处应该会改成select

options:控制参数。

options根据不同的type有不同的写法:
range:{
u : "计量单位如%/px/em,没有就不填",
min : "最小值",
max : "最大值"
}
text:{
u : "计量单位如%/px/em,随意就不填"
}
options:{
u : "计量单位如%/px/em,没有就不填"
o : ["选项1","选项2","选项3"]
}

我在仓库的example里面做好了一个案例,目前就是这样。

有一个想法,整合起这些奇怪的小问题做更多的实验,然后真的弄一个CSSLab出来。

如果真的弄了这个,我会给它买域名CSSLab.wang,站点名就是汪君的CSS实验室哈哈哈哈。

日常脑洞-文字双色切割(什么鬼

脑洞地址:Q,Q

日常开脑洞。写的时候关于用什么position做了好长时间实验,感觉应该写个专门的框架做可视化实验了2333。

(没错我只是单纯的想膜拜一下张鑫旭大牛的css实验大法

canvas七夕粒子特效

效果:(咩哈哈哈哈)点击屏幕即可开始显示动画,点一下一句话。

睡不着,于是爬起来总结一下。

首先我用的依旧是createjs。这个框架我用的不是很娴熟,没怎么翻过手册,只用了easelJs和tweenJs的极少部分函数。

前边的一些点动画,构建起来很麻烦,所以我加上了计数器,包括段落计数、字数计数、高度计数。这个时候深深的感受到了函数式编程思想。如,把单个字形成的函数包裹起来,返回它形成之后的左侧边位置以便于下一个字的位置计算——然后再用更大的函数包裹形成字的函数,让每句单独形成。

同时为了在手机端看,这个canvas我设置了自动高度,宽度1000码而填充100vw。vw/vh这两个单位在实际使用中并不是特别好用,它对应的是屏幕的尺寸,也就是innerWidth/innerHeight这两个属性的百分比,通常做一屏幕大小为一页的设计的时候,这个单位可以在很大程度上减少百分比的使用,也方便嵌套与计算。(说起这两个单位,还是Rakume菊苣告诉我的2333)

这个canvas有以下几个弊端是我犯了懒得改的:

  1. 直接加载createjs完整库,大小将近两百kb,对于加载是个不小的坑;
  2. 点位没有用数组控制,每次clear屏幕都要检索全局,效率不高;
  3. 在手机qq内嵌浏览器中,因为我用了自动高度,所以它会按照浏览器内高来调整canvas高,可是伐开森的是,浏览器因为上下俩功能条,导致屏幕可下滑,为了达到最好的效果需要只单机屏幕上半部分。

想拿去用的话,修改js文件的那个数组就好,注意当前只支持大写字母。
——————分割——————

今天研究了一下后端……写了一晚上登陆模块感觉自己真是2透了。。。因为是为了写nodejs的博客系统,单人登陆,所以var一个对象就能搞定数据,然而在set cookie的时候还是卡壳了,果然写的逻辑还是有问题。