凌晨的专栏

转载 AngularJs 实现动态（懒）加载

AngularJs 实现动态（懒）加载主要是依赖于3个主JS文件和一段依赖的脚本。实现的过程主要是引用3个主要的JS文件  src="angular/1.4.8/angular/angular.min.js"> src="angular/ui-router/release/angular-ui-router.min.js"> src="angular/oclazyload/src/oc

原创 陷入恶性循环需要赶紧跳出来

最近遇到瓶颈期，一拿到项目，就匆匆忙忙毫无准备的开始动手写了起来，最后直接导致了整个项目出现了诸多bug，最后导致了项目的重写；不过这是个可以预见的结果，其项目失败的主要原因有以下几个：1、太过盲目，没有一个大体规划；2、debug导致了心情烦躁，心情烦躁再去debug，如此陷入了恶性循环，导致了效率低下，写出了糟糕的代码；3、急于求成，打心底与他人产生了竞争心理，为了做项目为做，失掉

转载 sublime-text常用插件介绍

安装Sublime Text 3插件的方法：朋友们，小站活着不容易，全靠广告费养着了，如果本文对你有帮助。麻烦动下手点下页面的广告吧，谢谢！直接安装安装Sublime text 2插件很方便，可以直接下载安装包解压缩到Packages目录（菜单->preferences->packages）。使用Package Control组件安装也可以安装package

转载 前端学习资源

聚合&&周报订阅名称订阅地址介绍Html5 Weeklyhttp://html5weekly.com/Html 技术类CSS Weeklyhttp://css-weekly.com/ Javascript Weeklyhttp://javascriptweekly.com/JS相关，同样有 html,css

原创 响应式布局项目总结

最近花了三天的时间做了一个简单的响应式布局的项目，内容包含7个页面，每个页面需要兼容三个不同大小的视口，整体感觉良好，效率也还算可以，做该项目时遵循的一个原则是，不寻求最优的解决方案，满意+足够=满足是此时学习的准则。下面总结一下该项目：收获：1、由于该项目的很多背景图片颜色比较复杂，一开始只会利用简单的选区工具进行抠图，经过该项目后，学会了使用色彩范围来扣取背景图等做网页时所需的图片素材

原创 16.7.7:

今天跟着培训老师的带领下，重新学习了一遍css3新增的选择器，加深了对之前了解过的选择器的理解，下面总结一下css3选择器的内容：1、同级元素通用选择器：E~F{} =》表示选择E选择器后面的所有同级的以F为选择器的元素2、属性选择器：（1）E[attr^='val']{} =》表示匹配属性值以val开头的以E为选择器的元素（2）E[attr$='val']{} =》表示匹配属性值

原创 css3图片翻转功能的实现

今天用了学习并且使用到了图片的3d翻转效果，下面简要整理一下实现的步骤：1、先准备好HTML的三层嵌套，最内层要有两个块作为翻转的正反两面；2、给最外层元素使用perspective属性定义，使得其子元素获得透视的效果；3、利用hover属性使鼠标悬停在最外层元素时选中中间层作为选择器，让其利用transform:rotateX()或transform:rotateY()旋转180度；

原创 16.7.6

今天做完第二个算是有实际意义上的网站主页，下面总结做该项目过程中遇到的一些问题和解决方法以及一些以后要注意的问题。1、尽量不要使用标签名作为选择器，即使使用，也要在前面加上一个较小范围的限制，否则会内容一多可能就会影响后面该标签的内容。2、做一个项目时，把整体的布局规划好之后（尽量不要使用固定宽度的布局，尽量使用流式布局），再对每一section的内容用最见到的方式做到最精致。3、做一

原创 BFC（块格式化上下文）知识点整理

BFC（块格式化上下文）知识点整理

原创 2016. 7.1

到今天为止，在广州正式参加培训已有4天，这四天除睡觉外几乎有百分之八十都是在做项目。四天，比之前一个月做的东西都多得多，放佛找回了高一那年在阳中A栋曾激情燃烧的自己。现在总结下这四天内的感受和所遇到的一些问题。1、在这里，很多人学习的激情很足，尤其是在做实战项目的时候，很投入，以至于在老师讲课的时候也都投身去做自己的东西。这种现象是典型的为了做事情本身而去做事情，往往丢掉了初衷，到最后知其然不

转载 一些常用元素的margin值

// body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为: margin:15px 10px 15px 10px; Internet Explorer 7.0 -----

转载 利用vertical-align居中

如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。就以一个404页面为例，看如何让一张图片相对于整个页面居中，如下图：这是一个404页面，里面就只有一张图片，点击图片可以回到首页，而且这个图片是相对于整个页面居中的，无论是水平还是垂直（PS：这可算是我做404页面最为习惯的一种懒人做法了，越简单越好，要想好看的话，

原创 margin的使用注意事项

1、浏览器在默认状态下会对margin设置初值，所以在没有对div设置margin的情况下，div会出现一定的间隔；2、margin-top会经常出现bug，所以推荐只在兄弟元素之间使用margin，而在父子元素之间使用padding；3、竖直方向上会出现margin值叠加情况，此时margin的取值方式是取上下两个元素之间较大的margin值；4、IE6在满足以下四个条件的情况下会触

原创 从一个学校到另一个学校

大三结束，离开生活了三年的大学，前往另一处未知和陌生的环境心里难免有些不是滋味，虽然尚未正式毕业，但是心中已然把这当成了模拟毕业。这一离开，或许在学校的日子就真的没剩几天了。赶了一天的车，满怀期待的到了博看文思，感觉还蛮亲切的，没有想象中那么严肃，气氛也都挺好的，感觉可以在这里get到自已想要学到的。然后博看的老师给安排住宿，安排课室的座位，然后迫不及待的想要体验一番充满知识渴望的这样一种课堂

原创 js入门篇之jQuery

原创 js入门篇之ajax

原创 css3入门篇

原创 h5与css3权威指南初级（一）

转载 dns服务器的配置与管理过程

1、主dns的配置 0、如果主机的网卡没有配置IP地址的话，需要首先配置IP地址修改网卡配置文件：vi /etc/sysconfig/network-scripts/ifcfg-eth0关闭网卡，再打开网卡使配置生效 1、首先安装主dns和辅dns所需要的软件包，系统默认会安装：bind-libs-9.3.6-4.Pl.e15、bind-utils-9.3.6-4.pl

原创 javascript入门篇之cookie基础

原创 Linux基础操作

原创 sublime text3的基本快捷操作

原创 css入门篇

原创 javascript入门篇之事件处理

原创 javascript入门篇之程序调试与异常处理

原创 javascript入门篇之正则表达式

原创 javascript入门篇之对象与数组

原创 前端学习规划

原创 html5背景视频使用总结

1、尽量把视频素材压缩，即使高清的背景视频看上去极具诱惑力，但是加载缓慢给人的糟糕体验还是让你觉得会得不偿失的。建议使用1080/720p分辨率，750-1250数据数率，每秒24-25帧的素材。2、在你视频后面加一个设置了对定位的半透明div，然后你还需要给这个div设置pointer-events: none;以保证对视频的有效点击。这样可以掩盖你的视频因质量不佳或者质量太好而抖动的问题。

原创 着了程序这条道

决定踏上程序的这条路，内心其实经历过很长一段时间的纠结和反复思量。大一懵懵懂懂了一整年，作为以文科生身份进来学校的信管专业的学生，似乎对于本专业并不感冒，什么c++，计算机网络简直另人抓狂，那时，断然不会考虑到以后要走程序这条路的。那时的自己，总有借口去逃避，什么自己是文科生啦，自己根本就对编程不感冒，如果非要这么做，以后肯定会很痛苦的，还有什么程序猿就是一个苦逼等等。大一就像《夜色》里写到的

转载 不要做个浮躁的程序员

1.不要看到别人的回复第一句话就说：给个代码吧！你应该想想为什么。当你自己想出来再参考别人的提示，你就知道自己和别人思路的差异。2.初学者请不要看太多太多的书那会误人子弟的，先找本系统的学，很多人用了很久都是只对部分功能熟悉而已，不系统还是不够的。3.看帮助,不要因为很难而自己是初学者所以就不看；帮助永远是最好的参考手册，虽然帮助的文字有时候很难看懂，总觉得不够直观。4.不

原创 h5入门篇之标签元素

h5标签元素

原创 javascript入门篇之函数

javascript入门之函数

原创 javascript入门篇之基础语法

之前没有形成完整的知识体系，现在花一些时间重新整理一下，以思维导图的形式以形成一个系统的知识体系，后续更新

原创 html+css大杂烩

1、使用html+css布局时应注意使用语义化标签，做到去掉css样式后其页面仍有良好的结构和可读性（1）尽可能少的使用无语义的div和span（2）能用p的地方就不要用div（3）不使用b、font、u等纯样式标签2、新建html文件时声明DTD以避免使用低版本的IE浏览器时触发怪异模式导致一些css失效3、组织css时可以使用base.css+common.css+page

转载 前端优化二三点

网页内容减少http请求次数80%的响应时间花在下载网页内容(images, stylesheets, javascripts, scripts, flash等)。减少请求次数是缩短响应时间的关键！可以通过简化页面设计来减少请求次数，但页面内容较多可以采用以下技巧。1. 捆绑文件: 现在有很多现成的库可以帮你将多个脚本文件捆绑成一个文件，将多个样式表文件捆绑成一个文件，以此