随笔分类 -  Responsive website

gulp-imooc基础篇
摘要：总结: gulp主要分两个方面:插件和api api:task,src,pipe,dest,建立任务,读操作,写操作,注意总结调用相关api函数的 参数 和 返回值 项目目录: 项目核心代码: 阅读全文
posted @ 2018-11-18 23:53 haines 阅读(191) 评论(0) 推荐(0)
关于ie兼容性
摘要：ie8不支持媒体查询和h5特性,兼容ie8以上的代码： 阅读全文
posted @ 2018-10-14 18:10 haines 阅读(141) 评论(0) 推荐(0)
开发中用到的工具
摘要：1.markdown在线编辑网站： https://dillinger.io/ 阅读全文
posted @ 2018-10-14 17:34 haines 阅读(142) 评论(0) 推荐(0)
项目中另外添加有用的文件:404
摘要：404.html:自定义找不到的文件样式 robots.txt:搜索引擎访问网站的时候，会首先去查看根目录是否有名为robots的文件，告诉爬虫搜索程序什么文件可以查询，什么文件不能被查询 humans.txt:介绍网站信息和团队的信息，可自由发挥，书写格式页任意，建议到官网去查看标准的格式哈 如果 阅读全文
posted @ 2018-10-14 17:10 haines 阅读(137) 评论(0) 推荐(0)
如何组织项目结构：约定优于配置
摘要：软件开发中： 约定优于配置 约定代码的结构和命名规范来减少配置的数量，比如使用css文件夾，里面应该放的是样式文件，比如压缩后的文件 jquery.js >约定为 jquery.min.js文件 项目的目录：两种方式，前者较大的项目，后者较小的项 本次开发的基本目录解构： 阅读全文
posted @ 2018-10-14 16:20 haines 阅读(184) 评论(0) 推荐(0)
媒体查询
摘要：媒体查询开始于css2 css3加强来媒体查询 主要包含两个方面：媒体类型 函数 @media all and (min-width:800px) and (orientation:landscape) { ...//样式 } 解释：如果and后面的表达式为true，执行花括号代码里面的样式 all 阅读全文
posted @ 2018-10-14 00:35 haines 阅读(1784) 评论(0) 推荐(0)
响应式网站开发需要掌握的技术及国内外主流浏览器
摘要：掌握的技术： 基本的 html css js 国内外主流浏览器: ie9,chrome,opera,火狐，safari 360极速浏览器采用的是webkit内核，360浏览器用的是ie，值得注意的是手机的qq浏览器用的是腾讯的x5内核，其中微信浏览器采用的也是x5内核 阅读全文
posted @ 2018-10-13 23:35 haines 阅读(458) 评论(0) 推荐(0)
响应式网站概念
摘要：2010年由Eson Machel提出。 一、概念： 是一个设计理念，采用多项技术的综合体。（针对不同的终端，采取不同的布局样式） 弹性布局的缺点： 当宽度小到一定程度，图片会发生裁剪，图片会不清晰，优化程度有限 二、响应式运用的三大技术： 弹性布局 （流动网格） 弹性图片 媒体查询 三、响应式网 阅读全文
posted @ 2018-10-13 23:25 haines 阅读(501) 评论(0) 推荐(0)
响应式网站知识点总结
摘要：1.概念 2.如何从0开始搭建一个响应式网站 3.开发过程中，有哪些主流前沿的技术 4.网站开发必备知识点 阅读全文
posted @ 2018-10-13 22:28 haines 阅读(332) 评论(0) 推荐(0)