前端
关注
分享
扫一扫
文章平均质量分 64
程序猿无所畏惧
坚持学习，不断提高自己。
展开
-
smarty查看版本号
在核心类 .../libs/Smarty.class.php查找 SMARTY_VERSION原创 2021-12-23 11:03:18 · 533 阅读 · 0 评论 -
css中background:url背景图片如何铺满并正常显示
.box{ height: 300px; width: 300px; background:url('../imgs/108.png') no-repeat center 0px; background-position: center 0px; background-size: cover; text-indent: -999px;}说明：url(‘图片路径’)——图片路径的位置；no-repeat—— 图片不重复；repeat-x是横向铺满，就转载 2021-12-22 11:14:11 · 9453 阅读 · 1 评论 -
svag.js 的使用
1、什么是SVGASVGA是一种动画格式，可以兼容安卓、ios和web，可以实现很多复杂的动画，这样开发时就不用头疼canvas来实现动画时的卡顿优化问题了，简直就是为我这种半桶水前端的福利。svga 在线播放2、svga.js的使用这个是SVGA官方地址，如果大家感兴趣可以看一下和正常js引入一样，我们是需要script引入即可。在引入svga之后，我们需要在html中生命一个对象来存放svga动画。这里只是简单定义。3、让svga动起来 var arr=[]; function原创 2021-12-21 14:16:20 · 1215 阅读 · 0 评论 -
CSS 样式优先级
CSS 样式优先级当创建的样式表越来越复杂时，一个标签的样式将会受到越来越多的影响，这种影响可能来自周围的标签，也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。CSS 的继承性CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下面的 HTML 结构：<div> <p></p></div>如果 <div>有个属性 color: red，则这个属性将被 <p> 继承，即&转载 2021-12-09 14:12:08 · 263 阅读 · 0 评论 -
pointer-events: none 让html元素实体 “虚化”,禁用＜a＞标签等点击事件
pointer-events: none 的两个应用场景简介pointer-events: none 真是个神奇的属性。该属性有什么用？借用 CSS3 pointer-events:none 应用举例及扩展 的总结来说：pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none 的作用是让元素实体 “虚化”。例如一个应用pointer-events: none 的按钮元转载 2021-12-09 09:57:35 · 533 阅读 · 0 评论 -
获取屏幕翻转：var resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘
获取屏幕翻转：var resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'这段是为了获取移动端屏幕是否翻转（手机重力感应等引起屏幕长宽变化之类的）‘orientationchange’ in window这个是判断在window对象中是否有orie转载 2021-12-08 18:13:29 · 756 阅读 · 0 评论 -
DOMContentLoaded事件,当所有DOM解析完以后会触发这个事件
今天查看百度空间源代码，发现多了个util.js文件，打开看看。里面里面定义了addDOMLoadEvent。这是干什么用的？仔细查看代码，发现在Mozilla添加了DOMContentLoaded事件，这个在以前一直没有用过。 if (document.addEventListener)document.addEventListener(“DOMContentLoaded”, init, false);好像就是为了兼容实现DOMContentLoaded事件。转载 2021-12-08 17:55:54 · 919 阅读 · 0 评论 -
css中使用 (感叹号)important 优先级最高问题
我们都知道在css属性在不同的地方有不同的优先级，但是我们可以在css定义中的用!important限定的定义最高优先级。下面我通过四种情况做个实例：下面是实例代码代码里有对应的说明：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Conte转载 2021-12-08 17:03:55 · 1061 阅读 · 0 评论 -
rem 的用法及详解
rem的使用方法：首先，先说一个常识，浏览器的默认字体高都是16px。步入正题-----〉兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。使用%单位方便使用css中的body中先全局声明font-size=62.5%，这里的%的算法和rem一样。因为100%=16px，1px=6.25%，所以10px=62.5%，这是的转载 2021-12-08 16:10:29 · 9851 阅读 · 0 评论