摘要: 1、三段媒体查询 断点随着文字的大小而变化会更好一些。1.如果网站针对特定的分表率,确实有功能的不同,建议断点(媒体查询)都设置为一个绝对的值(即PX);2.如果网站只是在展示样式上不同,功能都一样的话,那么媒体查询使用相对单位的长度吗,会让用户用更好的体验。 这里有坑:在媒体查询中,相对单位rem 阅读全文
posted @ 2017-01-17 12:38 tgxh 阅读(238) 评论(0) 推荐(0)
摘要: 1、CSS Resets resets VS normalize.css: 引入CSS resets的原因:统一浏览器的差异而存在,设置一系列的样式规则,让所有的浏览器按照同样的规则去解释CSS样式。引入normalize.css原因:相比CSS resets是一种比较现代的替代方案。用于boots 阅读全文
posted @ 2017-01-15 00:22 tgxh 阅读(203) 评论(0) 推荐(0)
摘要: 一、组织项目目录结构 1、约定优于配置(convention over configuration):约定代码结构、命名规范来统一并减少代码配置数量 2、文件夹的组织 3、有用的文件1(robots.txt、favicon.ico、humans.txt) 1.建立404页面(404.html):找不 阅读全文
posted @ 2017-01-14 17:20 tgxh 阅读(175) 评论(0) 推荐(0)
摘要: 一、媒体查询:媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。 语法 实例 如果文档宽度小于 300 像素则修改背景颜色(background-color): 关键字包括and-与,o 阅读全文
posted @ 2017-01-14 14:47 tgxh 阅读(210) 评论(0) 推荐(0)
摘要: 国内互联网版权意识严重不足,当你辛辛苦苦写了一篇文章, 却被人轻易复制走并且没有加上出处,这时候可以使用javascript来给被复制的文字增加版权声明。 代码来源 阅读全文
posted @ 2017-01-11 14:18 tgxh 阅读(797) 评论(0) 推荐(0)
摘要: CSS实现div的水平居中 div的水平居中可以通过margin设置为0 auto实现。 CSS实现div的水平和垂直居中 通过CSS实现div的水平和垂直居中,首先需要知道div的高度和宽度,然后设置绝对定位,div的left和top分别设置为50%,然后通过margin左移和上移,距离分别为宽度 阅读全文
posted @ 2017-01-06 16:24 tgxh 阅读(297) 评论(0) 推荐(0)
摘要: 代码解释: sort 是对数组进行排序它是这样工作的,每次从数组里面挑选两个数 进行运算。如果传入的参数是0 两个数位置不变。如果参数小于0 就交换位置如果参数大于0就不交换位置接下来用刚才的较大数字跟下一个进行比较。这样循环进行排序 恰好。我们利用了这一点使用了0.5 - Math.random 阅读全文
posted @ 2017-01-06 15:38 tgxh 阅读(411) 评论(0) 推荐(0)
摘要: string.indexOf()//返回字符串中第一个与给定子串匹配的子串序号字符串的IndexOf()方法搜索在该字符串上是否出现了作为参数传递的字符串,如果找到字符串,则返回字符的起始位置 (0表示第一个字符,1表示第二个字符依此类推)如果说没有找到则返回-1 string.lastIndexO 阅读全文
posted @ 2017-01-06 15:32 tgxh 阅读(218) 评论(0) 推荐(0)
摘要: 第一章 JavaScript简介 1.1 JavaScript简史 略 1.2 JavaScript实现 虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义,但 JavaScript 的含义却比 ECMA-262 中规定的要多得多。一个完整的 JavaScript 阅读全文
posted @ 2016-12-07 22:26 tgxh 阅读(358) 评论(0) 推荐(0)
摘要: 原文: Quick Tip: The Best Way To Make Sticky Footers 当你在布局网页时,有可能会遇到类似下面的这种情况 导致这一问题的原因是页面内容太少,无法将内容区域撑开,从而在 footer 下面留下一大块空白。 本文将介绍一种现代化的方法,确保 footer 阅读全文
posted @ 2016-12-06 00:20 tgxh 阅读(265) 评论(0) 推荐(0)