进击的totoro

摘要： 一、背景：一个表单中，要修改一些li中有class=box的样式，将它的background设置为red红色。一般的做法是我们可以先找到父级元素 ，然后由父级元素找到所有相关tagName，最后，来一个if判断，如果class属性为box，则修改之var oUl =document.getEleme... 阅读全文

摘要： javascript美术馆（改进2）一、javascript编程过程中的好习惯1、实现预留退路 js被禁掉，图片也可以显示出来，href属性带有图片路径 Snapshots 通过专用的... 阅读全文

摘要： 今天又再看了html5的颜色渐变API，发现没有第一次看那么复杂。不过我对这个颜色渐变存在着一个疑惑就是两种色带之间，那段是属于两种颜色混合的，有点模糊。比如从红色变成黄色，在红与黄之间的那个地方，不会是纯色的红和黄，我一开始不是很明白，现在我是理解的：渐变颜色嘛，字面上的意思，就是渐变，在这两种颜色之间，由一种颜色渐变过渡到另一种颜色。一、创建渐变颜色对象的步骤蛮简单的，线性渐变比径向渐变少了两个参数而已。具体步骤是这样的：1、获取到你的canvas画布后，我们需要创建颜色渐变对象 var gradient2、设置要渐变的颜色带 addColorStop(颜色带的所在点,"颜色&q 阅读全文

摘要： tar-c: 建立压缩档案-x：解压-t：查看内容-r：向压缩归档文件末尾追加文件-u：更新原压缩包中的文件这五个是独立的命令，压缩解压都要用到其中一个，可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。-z：有gzip属性的-j：有bz2属性的-Z：有compress属性的-v：显示所有过程-O：将文件解开到标准输出下面的参数-f是必须的-f: 使用档案名字，切记，这个参数是最后一个参数，后面只能接档案名。# tar -cf all.tar *.jpg这条命令是将所有.jpg的文件打成一个名为all.tar的包。-c是表示产生新的包，-f指定包的文件名。# t 阅读全文

摘要： 背景：昨晚想尝试一下用putty远程登录我的linux系统，悲剧的是，我竟然连接不上，显示 connection refused ，连接被拒绝。于是我就想看看能不能在linux下看看能不能访问百度。结果，，也是不行的。一、Vm下的linux系统上不了网隔壁的一个伙伴提醒我，说，是不是虚拟机VMware的服务没有开启。一言惊醒梦中人啊linux下不能访问百度的原因：粗心，没有开启VM的服务，太大意了，居然是服务没有打开。所以如果下次你的linux访问不了外网，看看是否没有打开服务。汗~~~下次我如果看到我的虚拟机不能上网，我第一个动作先打开服务开启了木有。二、使用putty远程登录不上linu. 阅读全文

摘要： 一、端口和服务的关系 端口号与相应服务的对应关系存放在/etc/services文件中，这个文件中可以找到大部分端口。使用netstat命令显示的服务名称也是从这个文件中找的。有人说将这个文件中的相应端口号注释掉，就可以禁用该端口。我试了却不起作用，这种方法应该是没有用的，是误传！将相应端口号注释掉，唯一的作用就是使用netsat命令时，将不显示服务名（比如ftp）而是显示端口号（比如21）。原理也很简单：netstat无法在/etc/services文件中找到端口号对应的服务名，自然就无法显示了。所以/etc/services文件只是起到端口号与相应服务的映射关系，与端口的启动和关闭没有.. 阅读全文

摘要： javascript之文档碎片，文档碎片在理论上可以提高DOM操作的执行效率 当我们需要大量 appendChild 页面元素时，可以先将这些元素 appendChild 进 document.createDocumentFragment。 然后只需 appendChild 文档碎片到页面就可以了。这样就不用多次刷新页面达到性能优化的目的。上面那个代码我觉得用到文档碎片是多余的。（再次证明只是理论上的提高性能） 阅读全文

摘要： html5之canvas困惑 在canvas标签内需要设置了宽跟高，如果在css中设置同样的宽跟高，画出来的图像变形了？ 阅读全文

摘要： Google Fonts 的介绍与使用 加载谷歌字体的方式 阅读全文

摘要： 背景：在网上看到，65行实现flappy bird，感到很好奇。原来是使用开源的2D游戏框架 phaser开发的。什么是phaser2D游戏开发框架呢？借鉴与网上的资料：1、 Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架，提供JavaScript和TypeScript双重支持，内置游戏对象的物理属性，采用Pixi.js引擎以加快Canvas和WebGL渲染，基于浏览器支持可自由切换。2、主要特性：JavaScript、TypeScript双重支持内置游戏对象的物理属性WebGL、Canvas渲染自由切换完全支持Web音频输入：多点触控、键盘、鼠标、MSPoint. 阅读全文