很多时候我们都能够看到，当我们用鼠标移过去的时候，指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来，希望能够帮助到大家。 <!DOCTYPE html PUBLIC “-//W3C//…
分类：css
vue项目直接打开dist文件夹下面的index.html文件
关于vue项目直接点击dist文件夹下面的index.html文件使项目在浏览器显示，需配置两个文件， config/index.js build: { assetsPublicPath: './', } build/u…
聊聊网页中的图片
warn: 这是一篇没有一张图片的讲图片的文章 1. 图片格式 通常在网页中使用的图片有三种格式，jpg，png和gif。jpg是有损压缩格式，就算你在ps里用100%质量保存，保存多次会产生质量损失，而png和gif则…
webpack把你的项目编译成了什么
webpack一般会帮我们把所有的文件（js，css，图片等）编译成一个js文件（webpack安装，使用），一般这个文件名为bundle.js。我们直接在html文件中用script标签引入就行了，就想下面这样： &l…
淘宝 rem 机制入门学习
一 移动设备尺寸多种多样，带来适配难度，有时甚至无从下手。1 移动设备上的Px 像素不等于设备的物理像素。iphone 6 作为开发标准设备不等于设备的物理像素。iPhone 5 物理宽度320iPhone6s 物理宽度…
不可变数组的范围求和
给定一个整数数组 nums，计算出从第 i 个元素到第 j 个元素的和 ( i ≤ j )，包括 nums[ i ] 和 nums[ j ]。例子： const nums = Object.freeze([-2, 0, …
如何使用BFC清除CSS浮动以及解决margin合并的问题
1、CSS 最基本的布局单位 Box 是 CSS 布局的对象和基本单位。元素的类型和display的属性决定了Box的类型。 2、BFC BFC（Box Formatting Context）是一个独立的渲染区域，规定内…
CSS3主要内容
CSS3主要内容 一、CSS选择器 CSS3选择器规范地址： https://www.w3.org/TR/2011/RE… CSS3最新选择器规范: https://www.w3.org/TR/sele…
前端面试每日3+1——第106天
今天的知识点 (2019.07.31) —— 第106天 [html] 除了音频和视频，HTML5还支持哪些媒体标签？ [css] CSS中的calc()有什么作用？ [js] 说说你对作用域链的理解 [软技能] Web…
Write Css Codes Distinct From Different Pages
In rails, there is normally a view corresponding to an action. So if you want to do some special styles based …
一步步搭建物联网系统——无处不在的CSS
无处不在的CSS 或许你觉得CSS一点儿也不重要，而事实上，如果说HTML是建筑的框架，CSS就是房子的装修。那么Javascript呢，我听到的最有趣的说法是小三——还是先让我们回到代码上来吧。 CSS 下面就是我们之…
点击一列显示其index的三种方法
<body> <!--5.下面这个ul，如何点击每一列的时候alert其index？--> <ul id="test"> <li>这是第一条</li> <…
