2015年07月_微也的web

11月 09月 08月 07月

原创 Mac10.10 terminal web开发环境配置之Apache详细小结

最近刚入手了Mac Pro，操作系统跟Windows不同，OS X Yosemite 操作系统，自身集成了apache＋php 环境，这比windows操作系统方便太多了，额，差不多捣鼓了一天，网上经验很多，但都不全，但我耗时也太久了吧，醉了醉了，郁闷，不过最终看到结果，还是开心了几把哈～今天就来分享下，10.10版本的apache配置，包括个人站点的设置，希望能让很多人少走弯路，一步到位，亲身实

2015-07-29 17:12:14 452 1

原创 Broswer内核简单小结

前端编程开发总会考虑浏览器的兼容性问题，今天索性总结下这方面的内核问题，列了大众用户较常用的浏览器……浏览器内核（rendering engine），rendering是渲染的意思，渲染网页，将代码转化为看得见的页面，也称为排版引擎，Trident:IE浏览器内核，360安全浏览器等（写到这里，明白为什么要考虑IE了，ＩＥ可以，很多网页测试也就可以了）Gecko:Mozil

2015-07-23 17:21:41 699

原创 web开发必备工具

在web求学的路中，以个人经验为基础，分享这份清单……工具：1.sublime text: 最先接触的是Adobe Dreamweaver, 我的web开发入门工具，它会有很多提示，功能还是强大的，但后来接触了sublime text后，基本就不用了，为什么呢？sublime text打开更快，这是我考虑的一个因素，而且界面简洁，没有什么多余元素，实时更新也快，比如说新建了个文件，能马上

2015-07-21 20:05:46 508

原创前端之编码规范总结

随着web编码的接触时间增长，越来越注重代码的规范性，今天直接对它做一个小结……1. Tab键还是两个空格的选择，个人倾向于用Tab键，比较简单，但Tab键不同编辑器，显示的位置是不一样的，建议用双空格，这样不同编辑器打开都是一样的，还是看个人喜欢，主要在于统一；2.嵌套元素要学会缩进，例如代码规范3.对于属性的定义，全部用双引号，统一性，如4.结束标签不可忽略，如；自闭合

2015-07-20 20:52:54 509

原创 html转义字符

在html网页编程时，有时候会用到转义字符，突然想为什么要用到转义字符，在html中有些符号也能输出，包括 ,，©，利用输入法，输入中文就可以得到符号了，那为什么还要用转义字符？当你需要在页面输出比如说，等网页标签时，就无法输出了，这时候就需要用到转义字符，这里列了一些比较常用的转义字符：

2015-07-19 17:23:59 632

原创 web tips——href跳转页面指定部分

当设计用户页面交互行为时，希望点击某区域，不是跳转页面，而是希望跳转至当前页面的某一部分，利用a便可实现……首先，明白的概念，超链接，href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段，同时也包括ID名称。我们也可称之为“锚点”，，不过事先定义需要跳转部分的id名称。如：选择题填空题

2015-07-19 14:30:51 968

原创 CSS3设计边框忽隐忽现功能

css3功能很强大哈，实现动画功能很方便，今天在这里分享怎么实现类似星星眨眼，忽隐忽现，一亮一闪的功能……同样，我们先知道CSS3的几个属性：1. box-shadow:向框添加一个或多个阴影，box-shadow: 水平阴影距离(必须）垂直阴影距离（必须）模糊距离（可选）阴影尺寸（可选）颜色（可选）阴影类型（可选）;如：box-shadow: 1em 2em 1

2015-07-18 12:01:19 1606

原创 js实现倒数计时器功能

正在学习js的路程中，今天知道了如何实现简单倒数计时的功能，比如说，可以用于设计考试定时功能，不是从0开始计时，而是从最后的规定时长开始，如02:00:00一直到00:00:00……现在开始学习，未设置天数的功能首先，我们要明白几个方法，1. setInterval( )方法可以按照指定的周期（以毫秒计）来调用函数或计算表达式，如setInterval(function(){}, 10

2015-07-12 19:40:02 5992

原创 web tips——radio单击区域

今天，小V为radio单击，只能点击圆圈才能选中寻找解决方法，怎么让它的单击区域变大，其中一个方法是label……首先，我们需要知道html标签的input type=“radio”，是一个单选按钮，如下图：如果仅是A. CSS ，那么它只能点击圆圈部分，才能变为实心点，也就是选中；那么显然这不符合用户心理，用户肯定希望点击的区域大一些，这样更为人性化；

2015-07-11 13:46:58 1474

原创前端之实现Tab下条效果

改变点击Tab一栏状态改变的方法有很多种，在这里介绍其中比较简单基础的一个方法。首先要了解removeClass，addClass概念，以及jquery index() 方法编辑下条的style样式：.nav-line {border-bottom: 5px solid #EC6767;}1. 使用函数，如 $("nav li").click(function(obj)

2015-07-09 20:42:45 779