分类目录归档:前端HTML及JS

Edge下使用IE的两种方法,兼容银行/政府/事业单位网站

一、 在系统自带的Edge浏览器里设置。 1、 打开Edge浏览器,点击右上角三个小点,选择设置。 2、 在设置中找到默认浏览器选项,在该选项中“允许在 Internet Explorer 模式下重新加载网站”的默认值改为允许,再点击最下方的添加按钮,将需要使用的网址添加到列表里。 添加完毕后,该网址会自动使用IE模式(包括弹窗),不必手动,但需要注意到期后及时更新。 点击【重启】使设置生效。 3、 此后想要使用IE模式访问网站也可手动点击Edge浏览器右上角三个小点,然后选择“在 Internet Explorer 模式下重新加载”即可。 注:在Win […]

H5 – canvas实现帧动画

前言相信大家小时候一定玩过这样的小人书: 原理是快速切换图片,利用人眼的 视觉暂留(Persistenceofvision)现象,脑补产生动画效果。其实我们的 vedio、GIF 等也是这样实现的,只是它的帧速可能更高。 下面我们就利用 爱奇艺万能播放器 拆分一张GIF图 获得 timg_vedio显示本地图片先将照片显示至 Web上,HTML5 中有两种标签可实现: imgcanvasimg可使用其 src 指定图片,支持 .jpg、.png、.bmp canvascanvas 是画布,我们可通过 drawImage() 令其绘制图像: drawImage(mixed image, int […]

CSS 背景位置 background-position属性

除了背景背景平铺外,CSS还提供了另一个强大的功能,即背景定位技术,能够精确控制背景在对象中的位置。 默认情况下,背景图像都是从元素 padding 区域的左上角开始出现的,但设计师往往希望背景能够出现在任何位置。通过 background-position属性,可以很轻松的控制背景图像在对象的背景区域中的起始显示位置。其语法格式为: background-position: xpos ypos | x% y% | x y CSS1中,background-position属性需要 2 个参数值,第一个值用于横坐标,第二个值用于纵坐标,默认值为 0% 0%,即背景图像的左上角与对象背景区域的左 […]

JS里的md5加密

https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js 源码: /* * JavaScript MD5 * https://github.com/blueimp/JavaScript-MD5 * * Copyright 2011, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * https://opensource.org/licenses/MIT * * Based on * A JavaScript implementation of […]

CSS实现垂直居中的几种方法

====== 目录 单行文本的居中 1.文字水平居中 2.文本垂直水平居中 二、多行文本的垂直居中 1.使用display:flex实现 2.使用display:-webkit-box实现 3.使用绝对定位和负边距 4.使用transform:translate定位 5.绝对定位和0 6.通过display:table-cell 正文回到顶部 单行文本的居中 1.文字水平居中 1 <div class=’box’ style=”text-align: center;”>hello world</div> 2.文本垂直水平居中 1 <div class=”box2″ […]