摘要: 一、前言 在编写页面的时候,我们经常使用到弹出层。对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度。如果弹出层都没有较好的体验,那何谈通过交互来提升好感。。。 首先提出几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章; 弹出层的设 阅读全文
posted @ 2018-06-08 18:27 南歌子 阅读(7817) 评论(0) 推荐(1) 编辑
摘要: 一、前言 在CSS中,我们经常会使用到transform、transition、translate、animation(@keyframes)这些长得相似,又不好区分的属性(值)。每当需要使用它们,都需要去查找相关的介绍和使用方法,完成后却又继续困惑中。而本篇博客将将它们汇合起来,一起介绍给你。 简 阅读全文
posted @ 2018-06-05 21:11 南歌子 阅读(4049) 评论(1) 推荐(3) 编辑
摘要: 一、前言 Uncaught TypeError: ... is not a function function xxx(){}表示函数声明,可以放在代码的任何位置,也可以在任何地方成功调用; var xxx = function(){};表示函数表达式,即将一个匿名函数赋值给一个变量,实现通过变量来 阅读全文
posted @ 2018-06-05 17:05 南歌子 阅读(3754) 评论(0) 推荐(1) 编辑
摘要: 2021-10-11 更新: 两种不同的文本省略显示方式: 单行省略,多行省略 单行省略: white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; 多行省略: overflow: h 阅读全文
posted @ 2018-05-26 00:07 南歌子 阅读(48448) 评论(2) 推荐(2) 编辑
摘要: 一、前言 相比于JS这条直达终点、满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁、易用给了它辉煌的地位。然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了。 原生JS虽然没有jquery那么的好用、便捷,或者说没有jquery那样让我们使用的如此顺手 阅读全文
posted @ 2018-05-21 18:03 南歌子 阅读(765) 评论(0) 推荐(0) 编辑
摘要: 一、前言: JavaScript中变量似乎很简单,因为它声明变量只需要一个“var”就可以,不像其他编程语言严格区分了数据类型(int/double/char/boolean...)。这样做也是有好处的,变量可以被赋予任何类型的值,同样也可以给这个变量重新赋予不同类型的值。并不是“一定终身”。 可是 阅读全文
posted @ 2018-05-17 01:29 南歌子 阅读(7473) 评论(0) 推荐(0) 编辑
摘要: 一,前言: 刚加的css怎么没有渲染出来?浏览器中查看,发现是被其他的css给覆盖了,相信我们都曾遇到过这样的问题。那么浏览器是如何选择css标签的渲染顺序的呢?换句话说,css选择器的优先级是怎么规定的? 二、正文: 先上一个例子 问:有多少种css选择器可以对<p>标签样式产生影响呢? 如果详细 阅读全文
posted @ 2018-05-15 20:53 南歌子 阅读(45429) 评论(0) 推荐(1) 编辑
摘要: 一,前言: 前文,我们介绍了ajax的原理和核心内容,主要讲的是ajax从前端到后端的数据传递的整个过程。 Ajax工作原理和原生JS的ajax封装 真正的核心就是这段代码: var xhr = new XMLHTTPRequest(); xhr.open("method", "url", "asy 阅读全文
posted @ 2018-05-15 00:09 南歌子 阅读(2098) 评论(2) 推荐(0) 编辑
摘要: 前言: 之所以用ajax作为博客的开篇,是因为无论从ajax的出现还是从它的作用上来说,ajax对于前端无疑是意义重大的。甚至可以说,是ajax带来了前端这个行业。当然,历史并不能说明当下,曾经的辉煌也会有尘埃落定的时候,但对ajax而言,似乎并不如此。 正文: 一,定义:Asynchronous 阅读全文
posted @ 2018-05-13 23:46 南歌子 阅读(13188) 评论(0) 推荐(1) 编辑