复活了一个可视化频谱
昨晚突发奇想，想在网页上做一个频谱背景图，可是找了半天，这块区域好像资源匮乏，只找到一个，还是2年前的一个项目，开源在github上，也没更新了。github地址：Azusa官方的demo有问题，因为three.js已经更新很多代了，个人测试找到一个能用的旧版本，用法就用了官方提供的umd这种传统方式，能用，也就是仅仅能用吧，有兴趣可以了解下。<div id="bg" style="height:100vh;"></div> <canvas id="app" style="positi...
flex弹性布局和grid格子布局常用5种布局结构
flex弹性布局flex第一种基本布局header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。<div id="layout"> <div class="one">header</div> <div class="two">footer</div> </div>html,body { height: 100%; margin: 0; padding: 0; } #layout { heigh...
仿写了一个angular落地页
最近看了angular的官网，感觉还阔以，以前一直想做一个这种页面，这次我logo材料也凑齐了，对侧边栏的一些问题也搞定了，b4也学了，jq也会了，完事具备只欠东风，说干就干预览图demodemo最重要的一点是明白了怎么搞定手机端浏览器底部工具条的问题，这玩意特别让人头疼。
html class="no-js"
这个class是需要配合一个js文件才有效果，主要就是检查浏览器是否支持css3和html5的特性，通过js的一些操作，减少不同浏览器之前的差异。配合modernizr.js文件，该文件需要在head标签中引用。modernizr官网引用后给html标签加上class<html class="no-js">当然，我没有去测试这个东西，只是作为一个知识去了解一下，因为typecho的官方默认主题就用了这个class，但是他没有对应的效果，也没有引入modernizr，而是使用html5shiv，加上我写主题，本着懂的地方我就可以动，不懂就不动的做法，这个cl...
html lang中文的最新标准
通过lang属性可以告诉浏览器，这是一个什么语言的界面，像网页的那些自动翻页工具，也会通过检测lang的属性来判断当前页面是什么语言。那么，这么多年了，lang的中文属性是否有变动呢？答案是有的，这里我就简单说一下一般设置为什么值才表示这个网页是中文简体。兼容性写法：<html lang="zh-CN">最新写法<html lang="zh-Hans-CN">表示：中国大陆的简体中文
什么是上下文节点？？？
学html+css的时候有在书上看到过上下文节点，但是也没详细说明，看视频的时候也有人说过，但是也是一笔带过，也没在意，今天学XPath的时候就有关于上下文节点有一个说明，但是只说了一点，没啥详细，所以自己百度了下，如下：代码：<html> <body> <a id = '1'>文本节点1</a> <a id = '2'>文本节点2</a> <a id = '3'>文本节点3</a> </body> </html> ...
YoDu魔改版主题v3.1更新 （修复bug）
YoDu魔改版主题v3.1更新：修复了长代码在小分辨率下无法换行问题。针对表格代码做了样式调整。回复可见代码微调。修复了footer元素由于启用了css3的弹性布局，导致tim使用软件内浏览时，其内核过旧不能支持，特重新调整，改为css2特性，取消了footer的背景渐变。字体大小调整。
修改Typecho个人设置页面的gravatar头像分辨率
因为找了一个个人非常喜欢的头像，美滋滋...提交到gravatar后，默认获取的是220分辨率的头像，压缩的不能看，加上在群里的“月宅”说可以通过头像链接后面的数字修改后就可以获得高清的了，我一想，好了，既然是通过这个获取的，那么博客本身肯定是有预先设置的，于是我就找啊找，终于找到了。[hide]修改的文件路径在：你安装的博客的目录中--admin--profile.php--有一个地方写着数字220，具体位置可以自己通过查看源代码进行对比！下图我也给你标出来了，改成你想要的分辨率，前提你在gravatar中提交的图片够清晰。[/hide]修改好后保存，然后刷新缓存，享受！
Phurl短网址生成美化版
在泽泽群有人找我美化一下一个短网址生成的程序，前两天我在改键盘，没来得及弄，昨天搞了一下，感觉还可以，就是nginx环境需要加伪静态才能使用，但是我个人还没到自己写伪静态的地步，所以用了很老的一个伪静态了，这就导致了进入后台时需要写完整的路径名了，这个我们待会再讲。先来点图看看效果：展示网址：点击进入安装方法：将目录内的config.php用编辑器打开，对应填好相对应的账号密码，域名这些就行，具体我都在文件内用中文说明，自行设置好就行将目录内的favicon.ico替换成自己的logo文件，格式名称一致。然后整个上传至服务器内，在面板内设置好网站的一些设置，这些就不细说了，很简单的东西。...
这次把主题升级了下，然后哭着改完CSS（多列布局属性）
距离自己上次魔改主题也过去了一段时间，说实话我差不多把自己改的地方都忘了，然后这次脑子一抽就更新了，然后就是666.....从凌晨2点左右就在搞了，各种更新调试，只能怪自己不熟练，找了好多地方调整，然后本来如果是直接在原来的css的属性上改会比较省事，但是发现以后要是再更新，那我不得想死，于是又单独开了一列，用了超多!important属性，然后呕心沥血的改好了，防止自己作死删了修改好的源文件，直接贴上大部分的CSS吧！又需要也可以自己粘贴使用哈哈，不过仅限于YoUDu这个主题。说下心得：本来我是想着既然css3出了一个多列布局的属性，那么不用白不用，就来体验下，发现，这个属性最大的bu...
用自定义按钮制作一个（提示/警告）弹窗
标签：buttion属性值：onclick="alert('提示或者警告的内容'）"解释：oncilck: 鼠标点击alert: 警告提示详细代码：<bottion type="buttion" onclick="alert('错误')">点我</buttion>
html两种插入音乐的方法
bgsound<bgsound src="XXXX.mp3" loop="-1">embedloop：播放次数，-1无限次，6为6次！src：mp3地址autostart：自动播放（没什么软用）width：宽度height：高度type="audio/x-pn-realaudio-plugin（不明所以，要不要无所谓）新代码： <audio src="XXX.mp3" autoplay="autoplay"> </audio>
疯子
学习 学习
紫慕爱摸鱼
前来学习。
威力宝宝
学习！！
闹心
厉害
闹心
哇厉害
默哀
看看