- 博客(12)
- 收藏
- 关注
RSS订阅转载 js添加事件和移除事件:addEventListener()与removeEventListener()
另有js事件详解 点击打开链接一.addEventListener()和removeEventListener()讲解 addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。 它们都接受3个参数：如 ...
2019-01-27 13:14:00
1015
原创 父子元素间设置opacity透明度
在前端开发中，我们经常使用CSS3 的opacity属性来设置元素的透明度。但是opacity属性在父子元素间设置存在问题。假如我们给父元素设置 opacity：0.5，子元素不设置opacity，子元素就会受到父元素opacity的影响，也会有0.5的透明度。即使设置子元素opacity：1，子元素的opacity：1 也是在父元素的opacity：0.5的基础上设置的，因此子元素的op...
2018-10-10 18:36:07
762
转载 CSS border-radius:50%和100%的区别
用 CSS 画一个完美的圆在 Web 上我们常常会看到很多用到圆形的地方，比如带背景色的或者图片是圆形的。通常我们都是用 CSS 的 border-radius 属性实现圆形：先画一个方形，然后将它的 border-radius 设置成50%。但是为什么偏偏是50%呢？我从来没有思考过这个问题，只是单纯地认为把顶角的半径设置成方形的高度或者宽度的一半就可以得到一个圆形。这是一个 150p...
2018-09-28 10:37:00
927
转载 meta标签详解
1、X-UA-CompatibleX-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。在网页中指定的模式优先权高于服务...
2018-08-05 00:23:53
174
转载 关于display:flex
display:flex 意思是弹性布局 首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清...
2018-07-31 15:19:54
169
转载 VS Code 快捷键大全
常用 General按 Press 功能 Function Ctrl + Shift + P，F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctrl + Shift + W 关闭窗口/实例 Clo...
2018-07-18 13:52:52
200
原创 简单对比em和rem
一、首先说一下浏览器解析html文档的原理当浏览器解析HTML文档时，创建了一个用来代表页面元素的集合，叫做DOM（文档对象模型，Document Object Model）树状结构，每一个节点代表一个元素。<html>就是顶层节点（根节点），在下面的是它的子节点<head>和<body>，再往下就是它们的子节点，还有后代节点，如此类推。根节点是文档里...
2018-07-17 17:07:37
445
转载 webstorm设置sass自动编译,及参数配置
转载自：http://blog.csdn.net/wytbr666/article/details/77477182，感谢大神的教程安装Ruby:https://rubyinstaller.org/downloads/&nbsp;安装成功后，用命...
2018-07-17 10:39:02
304
转载 Git使用总结
请参考：git - 简明指南猴子都能懂的GIT入门使用 Git + Dropbox + SourceTree 做 Source Code Management安装下载下载 git OSX 版，安装。which git 获取git安装的位置。git --version 获取git的版本配置git config --global user.name "Your name" 配置用户名git confi...
2018-07-13 11:29:37
153
原创 如何设置网页title旁边的小图标
正式写一个网页时，title旁边一般会有一个独特的小图标，如何自己写这样一个图标呢？其实很简单，只需要在html文件中的<head></head>标签里加上：<link rel="icon" href="img/logo.ico" type="images/x-ico" />这样一行代码就可以了！注意：图片的后缀名必须要是 .ico 格式的。...
2018-07-01 09:33:41
17780
3
转载 谷歌Chrome浏览器开发者工具教程
Chrome(F12开发者工具)是非常实用的开发辅助工具，对于前端开发者简直就是神器，但苦于开发者工具是英文界面，且没有中文，这让很多朋友都不知道怎么用。下载吧小编为大家带来Chrome开发者工...
2018-06-09 18:39:35
4695
1
转载 关于Hash、onHashChange事件
现在的web应用程序越来越多的使用ajax异步请求完成页面的无缝刷新，导致浏览器的URL不会发生任何变化而完成了请求，从而破换了用户浏览体验。同时本次浏览的页面内容在用户下次使用URL访问时将无法重新呈现。而解决该问题的一个途径便是使用window.location.hash属性及window的onhashchange事件。下面具体介绍几个使用过程中必须理解的要点：1、hash值浏览器是不会随请求...
2018-06-09 16:19:55
3628
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人