CSS3的content属性详解
CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。
利用CSS变量实现炫酷的悬浮效果
最近,我从 Grover网站 上发现以一个好玩儿的悬停动画,这个动画是将鼠标移动到订阅按钮上移动光标,会跟随光标实现相应的彩色渐变。这个想法很简单,但是它能使这个按钮脱颖而出,人们一下子就注意到它了,增加了点击的概率。
浏览器事件之事件流
事件流描述的是从页面中接收事件的顺序。但是IE和Netscape却提出了两个完全相反的事件流,分别是事件冒泡流和事件捕获流。E的事件流称为事件冒泡,从最具体的元素开始,然后逐渐向上传播到文档节点。
vue中使用ECharts实现折线图和饼图
在开发后台管理项目时,需要统计后台用户数据,以折现图和饼图的形式显示,这边采用apache-echarts来实现需求。
浏览器事件之事件处理程序
事件是用户或浏览器自身执行的某种行动(如click、mousemove等)。而处理对应事件的程序称为事件处理程序(或事件监听器)。
a标签中防止跳转的href=;、void(0);等都是什么意思
a标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL(路径),包括片段标识符和 JavaScript 代码段。 是表示在触发默认动作时,执行一段JavaScript代码,而 ; 表示什么都不执行
HTML设定页面可滚定 背景图片固定
有时项目中会遇到背景图固定,页面内容可以滚动,背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现,利用 background-attachment:fixed;
使用 rollup 打包 JavaScript SDK
如果我们想要写一个 JavaScript SDK,那么就不太可能将所有的代码都写到同一个 js 文件中。当然了,想做的话的确可以做到,但随着 JavaScript SDK 内容的增加,一个 js 文件容易造成开发冲突,以及测试上的困难,这也是现代前端基本上都依赖于打包工具的原因
简洁明了的Linux常用命令
ls 命令查看当前目录下可见的文件、文件夹及其相关权限 常用参数:-l 列表式查看 -al 查看所有,包括隐藏的文件、文件夹 ;mkdir 创建文件夹常用参数 : 直接接文件夹名称 ;pwd 显示当前工作目录