微信 Q Q RSS订阅
捐助名单 收藏本站

HTML笔记

HTML笔记

JavaScript设置定时器、取消定时器及执行机制解析

1

Deshun 发布于 5年前 (2019-07-17) 3972℃ 评论(0) 赞 (0)

JavaScript设置定时器、取消定时器及执行机制解析

今天整理了一下 JavaScript 定时器，顺便了解了一下 JavaScript 的运行机制，现在记录一下。JavaScript 执行机制浏览器（ JavaScript 引擎）执行 JavaScript 的机制是基于事件循环的。由于 JavaScript 是单线程，同一时间只能...

标签：  /   /   /   /   / 

HTML笔记

CSS设置浏览器滚动条样式及隐藏滚动条

2

Deshun 发布于 5年前 (2019-07-16) 8469℃ 评论(0) 赞 (4)

CSS设置浏览器滚动条样式及隐藏滚动条

虽然大多数人不会关注到滚动条的样式，但是有一些网站还是对滚动条进行了优化，比如网易邮箱。我们可以用 CSS 来设置浏览器的滚动条样式，下面整理一下 CSS 滚动条的几个属性及代表的意思。一：webkit 下CSS设置滚动条主要有下面7个属性：::-webkit-scrollbar...

标签：  /   /   /   / 

HTML笔记

img固定宽度和高度，不规则图片变形问题的解决方法

3

Deshun 发布于 5年前 (2019-05-23) 6822℃ 评论(0) 赞 (0)

img固定宽度和高度，不规则图片变形问题的解决方法

日常项目中，后端传图不规则，比例大小不一。前端又要去做适应，是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案：注：先写一个长 300px 宽 200px 带边框的 div ，图片接近方形，实现图片正常显示不变形。<div class="bo...

标签：  /   /   /   / 

HTML笔记

参考Bootstrap写的一个带百分比的进度条（附源码）

1

Deshun 发布于 5年前 (2019-05-10) 4304℃ 评论(0) 赞 (2)

参考Bootstrap写的一个带百分比的进度条（附源码）

最近需要写一个进度条的效果，网上找了一些，但都不能完美的实现需求。于是就自己改造了一个，效果如下图：因为动态图太大，我上传到 GitHub 了，就不在博客上再上传了。百分比跟随进度条移动，百分比数字也随之变化。进度条动画效果可选，颜色可根据自己的需求修改。代码如下：html：&l...

标签：  /   /   / 

HTML笔记

var fn = function(){ }和function fn() { }有什么区别

2

Deshun 发布于 5年前 (2019-05-08) 2582℃ 评论(0) 赞 (0)

var fn = function(){ }和function fn() { }有什么区别

在 Javascript 中，函数及变量的声明都将被提升到函数的最顶部，也就是说我们可以先使用后声明。但函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶部，函数表达式和变量的初始化不会被提升。var fn = function(){ } 这种叫做函数表达式，必须先定义后...

标签：  /   /   / 

HTML笔记

老版本IE下内容为空时td不显示边框的解决办法

Deshun 发布于 5年前 (2019-05-08) 2416℃ 评论(1) 赞 (1)

在做一些银行或者理财的项目时，有的需要兼容IE浏览器叫老版本，比如IE678，简直是前端开发人员的噩梦。在较低版本的IE浏览器中，td 内容为空时，就不会显示边框，可以通过下面两种方法解决：通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ，代码如下：<style>...

标签：  /   /   /