2019年5月4日
JS数据类型与类型转换
摘要： （5个基本数据类型）number string Boolean undefined null 和一个引用类型 object 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。常见的对象有array，window，document等。 2. 判断类型（typeof） 7种：number 阅读全文
posted @ 2019-05-04 12:53 sarah_wen 阅读(787) 评论(0) 推荐(0)
实现计数器和函数操作
摘要： 实现一个打点计时器，要求1、从 start 到 end（包含 start 和 end），每隔 100 毫秒 console.log 一个数字，每次数字增幅为 12、返回的对象中需要包含一个 cancel 方法，用于停止定时操作3、第一个数需要立即输出 1.使用settimeout 2. 用setin 阅读全文
posted @ 2019-05-04 12:25 sarah_wen 阅读(475) 评论(0) 推荐(0)
2019年5月3日
单行、多行文本溢出显示出省略号
摘要： 1. 单行溢出，用text-overflow实现： 2. 多行文本溢出（因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端）。 结果为： 3. 采用：after来解决多行文本溢出。(浏览器兼容) 1、将height设置为line-height的整数倍，防止超出的文字露出。 阅读全文
posted @ 2019-05-03 18:25 sarah_wen 阅读(436) 评论(0) 推荐(0)
2019年5月2日
JS动画和CSS动画
摘要： 一. JS动画和CSS动画区别。 CSS实现动画：animation transition transform JS实现动画：setInterval setTimeout requestAnimationFrame JS动画： 优点： 1. 过程控制，可以在动画播放过程中对动画进行控制：开始、暂停、 阅读全文
posted @ 2019-05-02 19:59 sarah_wen 阅读(2538) 评论(0) 推荐(0)
2019年4月29日
浮动、清除浮动、BFC
摘要： 一. 浮动 1. 浮动的定义 使元素脱离文档流，按照向左或向右的方向移动，直到它的外边缘碰到包含它的框或另一个浮动框为止。 脱离文档流就是在页面中不占位置了。 左浮动右浮动此处就不再赘述了。 2. 看一下浮动的一些情况 (1). 只给第二个p浮动时，3不见了，他其实在2的下面，我给3一个宽一点的宽度 阅读全文
posted @ 2019-04-29 21:30 sarah_wen 阅读(491) 评论(0) 推荐(0)
line-height和height
摘要： 1. 行高(line-height)、行距、font-size分别是什么。 行高(line-height)是指文本行基线间的垂直距离。 基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。下图中两条红线之间的距离就是行高，上行的底线和下一行顶线之间的距离就是行距，而同一行顶 阅读全文
posted @ 2019-04-29 19:11 sarah_wen 阅读(1268) 评论(0) 推荐(0)
图片点击后直接下载
摘要： 1. 使用a标签的download属性。 将a标签的href属性指向图片的地址;同时增加download属性;即可实现点击下载. download属性的属性值选填,代表下载图片的名称,如不填写,则使用href中的图片名称,即图片的原名称. a标签的download属性目前主流浏览器只有火狐和谷歌支持 阅读全文
posted @ 2019-04-29 16:07 sarah_wen 阅读(2784) 评论(0) 推荐(0)
输入网址到页面呈现，以及首屏加载
摘要： 为了优化首屏加载问题，我们必须要弄清从输入网址到页面呈现的过程(分为网络通信和页面渲染)。 1. 网络通信 (1) 输入网址：一个完整的URL包括协议、服务器地址(主机)、端口、路径。 (2) DNS服务：进行域名查询和解析。DNS协议提供通过域名查找IP地址，或逆向从IP地址反查域名的服务。 从客 阅读全文
posted @ 2019-04-29 12:50 sarah_wen 阅读(432) 评论(0) 推荐(0)
2019年4月28日
RESTful
摘要： 1、REST（Representational State Transfer）表象化状态转变（表述性状态转变），在2000年被提出，基于HTTP、URI、XML、JSON等标准和协议，支持轻量级、跨平台、跨语言的架构设计。是Web服务的一种新的架构风格（一种思想）。 轻量级：代码不被侵入，轻量级跟包 阅读全文
posted @ 2019-04-28 23:37 sarah_wen 阅读(128) 评论(0) 推荐(0)
html语义化标签
摘要： 1. HTML语义化的理解 根据内容的结构化，选择合适的标签，便于开发出读者阅读、写出更优雅的代码，让浏览器的爬虫和机器很好地解析。 好处： (1). 为了在没有css时，也可以很好地呈现出内容结构，代码结构。 (2). 提升用户体验：title、alt用于解释名词或解释图片信息。label标签的活 阅读全文
posted @ 2019-04-28 21:21 sarah_wen 阅读(2376) 评论(0) 推荐(0)