摘要: Stylus介绍及特点 基于Node.js的css的预处理框架,其本质上做的事情与 Sass/LESS 等类似, 可以以近似脚本的方式去写CSS代码,创建健壮的、动态的、富有表现力的CSS,默认使用 .styl 的作为文件扩展名,支持多样性的CSS语法。Stylus比LESS更强大,而且基于node 阅读全文
posted @ 2018-08-20 22:16 竹木狼马 阅读(1246) 评论(0) 推荐(0) 编辑
摘要: Web前端面试题总结 HTML+CSS理论知识 1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的 阅读全文
posted @ 2018-08-20 20:27 竹木狼马 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 恢复内容开始 一、移动端三种布局 1、有最大、最小宽度的百分比自适应布局 适用场景:门户网站首页,图片较多的首页。 2、百分比自适应布局 适用场景:信息文字较多的网页,内容较多网页。 3、全屏自适应布局 适用场景:单页面网页,移动web app 页面。 二 、Box-sizing在移动端的使用 在百 阅读全文
posted @ 2018-08-20 20:24 竹木狼马 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 1、响应式布局 开发一个页面,在所有的设备上都能够完美展示。 媒体查询:@media screen and (max-width:100px) { } 媒体类型:screen(屏幕) print(打印机)handheld(手持设备)all(通用) 常用媒体查询参数: width —— 视口宽高hei 阅读全文
posted @ 2018-08-20 20:23 竹木狼马 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 移动端-获取触摸点的位置 原文指路: https://www.cnblogs.com/le220/p/8127998.html 一、移动端轮播图滑动 1、先获取手指在轮播图元素上的滑动方向(左右) (1)手指触摸开始时记录手指所在的坐标X (2)获取界面上的轮播图容器var $carousels=$ 阅读全文
posted @ 2018-08-20 20:07 竹木狼马 阅读(3766) 评论(0) 推荐(1) 编辑
摘要: 移动web开发中的常见问题 原文: https://www.cnblogs.com/le220/p/8092994.html 一、函数库 underscoreJS _.template: <ol class="carousel-indicators"> <!--渲染的HTML字符串--> </ol> 阅读全文
posted @ 2018-08-20 16:54 竹木狼马 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 原文指路:https://www.cnblogs.com/le220/p/8087971.html 一、流式布局 1、 什么是流式布局 流式布局就是百分比布局,通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充,同时会设定最小宽度和最大宽度,适用于图片比较多的首 阅读全文
posted @ 2018-08-20 16:32 竹木狼马 阅读(718) 评论(0) 推荐(0) 编辑