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