2015 年 9月随笔档案 - 浅浅浅红莉栖

解决 sublime 的日常误操作

摘要：对于快捷键不熟悉的同学，当你把sublime的菜单栏隐藏起来的时候，你会发现能够提示你快捷键操作的菜单栏本身已经消失的无影无踪了。接下来就是sublime 变成简版notepad进行开发的过程，你会发现原来看起来并没有卵用的菜单栏，它在你心中的地位还是蛮大的。那么既然已经脑洞开了一次，那么接下来就... 阅读全文

posted @ 2015-09-07 23:04 浅浅浅红莉栖阅读(401) 评论(0) 推荐(0)

动图展示16个Sublime Text快捷键用法 ---------------物化的sublime

摘要：在我做了一次包含一些现场编码的演示后，一些观众问我是如何操作这么快。当然这里没有唯一的答案，答案是一堆简单的快捷键和大量的实践的组合。为了回应那些询问，我觉得有必要看看我每天想都不用想且使用的快捷键。这里有一个1516个快捷键的精选列表(1个自定义快捷键)，以gif动画展示，我每天使用。享受吧!(译... 阅读全文

posted @ 2015-09-07 22:30 浅浅浅红莉栖阅读(254) 评论(0) 推荐(0)

CSS中最合理ID/CLASS的命名规范 —— 绯色的css 系列

摘要：先看一个例子： 1 .l-123f { color: red; } 如果你第一次看到这个类名，你能在css文件立刻找到这个class吗？估计很难，因为这个类的名称只是某一个人能理解的符号再没有其他意义，所以这里没有一个准确的方法能够让你立即说出来。让我们来看下这个类名定义： 1 .right-... 阅读全文

posted @ 2015-09-07 17:10 浅浅浅红莉栖阅读(283) 评论(0) 推荐(0)

DIV 浮动层绝对定位居中浮动用CSS怎么写 —— 绯色的CSS系列

摘要：DIV浮动层绝对居中定位用CSS怎么写？详细解说，直接看样式，下面的写法兼容IE系列浏览器和火狐浏览器。DIV浮动层绝对居中定位用CSS怎么写？下面的写法兼容IE系列浏览器和火狐浏览器。详细解说，直接看样式： 1 div.center-absolute{ 2 width:300px; 3 ... 阅读全文

posted @ 2015-09-07 17:05 浅浅浅红莉栖阅读(194) 评论(0) 推荐(0)

[转载] CSS样式表IE条件注释（if IE）备忘—— HACK 系列

摘要：if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备忘，有些时候试用if IE而不是在css中使用hack，就能通过w3c验证。if IE起着非常大的作用！if IE什么意思呢？下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备... 阅读全文

posted @ 2015-09-07 16:22 浅浅浅红莉栖阅读(343) 评论(0) 推荐(0)

[转载]Node.JS平台上的数据库Redis,MongoDB,HBASE,MySQL

摘要：一. MongoDB：因为10gen是的赞助商之一，所以MongoDB有着良好的Node.JS支持。 a. 基本支持:，在Node.JS对MongoDB的支持有两种常用的组件mongodb, mongoose.下面分别介绍。 (1)基于mongodb的支持。这个for Node.JS的驱动是基于事... 阅读全文

posted @ 2015-09-06 01:18 浅浅浅红莉栖阅读(244) 评论(0) 推荐(0)

页面加载速度优化的12个建议

摘要：Radware发布的2014年春季电商页面速度与Web性能”调查报告强调了电商页面加载速度的重要性，同时指出很多网站都没有利用最佳的页面优化技术，页面加速速度都存在很大缺陷。那么该如何补救，提高网站页面的加载速度呢？报告给出了12个页面加载速度优化的补救措施，用以改善加载时间，改善站长浏览者的用户体... 阅读全文

posted @ 2015-09-06 01:16 浅浅浅红莉栖阅读(323) 评论(0) 推荐(0)

[转载] js内存泄露的几种情况——javascript系列

摘要：想解决内存泄露问题，必须知道什么是内存泄露，什么情况下出现内存泄露，才能在遇到问题时，逐个排除。这里只讨论那些不经意间的内存泄露。一、什么是内存泄露内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Ja... 阅读全文

posted @ 2015-09-06 01:13 浅浅浅红莉栖阅读(163) 评论(0) 推荐(0)

[转载] 关于Web语义化 —— 优质文系列

摘要：对于“web语义化”这个词语我相信只要是从事前端的人都不陌生，当然我对这个词语也是非常熟悉，我相信从事前端工作的同事在投简历时都会在招聘需求里面看到这句话：“对web语义化有深刻的理解”，当然我本人也是从某公司的招聘需求里看到的这个词语，那么到底什么是web语义化？它有什么作用？现将我自己收集整理的... 阅读全文

posted @ 2015-09-06 01:12 浅浅浅红莉栖阅读(165) 评论(0) 推荐(0)

[转载]IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 —— 浏览器

摘要：1.区别IE和非IE浏览器CSS HACK代码#divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FFCSSHACK【区别符号】：「\9」、「*」、「_」【示例】：#... 阅读全文

posted @ 2015-09-06 01:11 浅浅浅红莉栖阅读(137) 评论(0) 推荐(0)

[转载]页面优化——网页优化

摘要：前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度... 阅读全文

posted @ 2015-09-06 01:10 浅浅浅红莉栖阅读(307) 评论(0) 推荐(0)

[转载]网站前端性能优化之javascript和css——网站性能优化

摘要：之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点：CSS性能优化1、把样式表置于顶部现把样式表放到文档的内部似乎会加快页面的下载速度。这是因为把样式表放到内会使页面有步骤的加载显示。注重... 阅读全文

posted @ 2015-09-06 01:08 浅浅浅红莉栖阅读(207) 评论(0) 推荐(0)

[转载]网站性能优化之CSS无图片技术 —— 网站性能优化

摘要：一、无图片技术定义在不使用CSS Image（通过CSS的引入的背景图片,不包括img标签内的图片）情况下生成类似图片效果的技术；换句话的意思就是在使用纯CSS生成类似图片效果的技术。二、为什么要“无图片”？首先我们通过yslow的statistics查看新浪微博最新版首页的文件，得到Stylesh... 阅读全文

posted @ 2015-09-06 01:06 浅浅浅红莉栖阅读(205) 评论(0) 推荐(0)

[转载]html5 audio音频播放全解析——html5系列

摘要：序html5开启了一个新时代，因为它让浏览器本身变得不那么被动，audio api就是一个典型的列子，在html5还没确定之前，如果想要在听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话那么音乐视频即是空谈，html5 audio的出现改变了这一格局，因为你可以不... 阅读全文

posted @ 2015-09-06 01:04 浅浅浅红莉栖阅读(363) 评论(0) 推荐(0)

[转载]你可能不知道的5个功能强大的 HTML5 API —— html5系列

摘要：HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 JavaSc... 阅读全文

posted @ 2015-09-06 00:59 浅浅浅红莉栖阅读(155) 评论(0) 推荐(0)

[转载] HTML5 文件操作API——HTML5系列

摘要：简介我常常想，如果网络应用能够读取和写入文件与目录，将会非常方便。从离线转移到在线后，应用变得更加复杂，而文件系统方面的API的缺乏也一直阻碍着网络前进。存储二进制数据或与其进行交互不应局限于桌面。令人欣慰的是，由于FileSystemAPI的出现，这一现状终于得到了改变。有了FileSystemA... 阅读全文

posted @ 2015-09-06 00:46 浅浅浅红莉栖阅读(187) 评论(0) 推荐(0)

[转载]Nodejs学习路线图——nodejs系列