前端&css
linda`li
这个作者很懒,什么都没留下…
展开
-
移动端如何进行rem的适配
网上很多都说会pc网页开发,也就会了mobile网页开发。那么实际呢也是如此,但是对于新手来说却摸不着头脑无从下手,一直纠结于适配的问题,那么这里就来展示下rem适配。展示rem适配代码 //rem适配 (function () { var styleN = document.createElement("style"); var width = document.documentElement.clientWidth/16; styleN.in转载 2021-01-27 16:06:58 · 1280 阅读 · 0 评论 -
使用CSS3伪类实现时间轴
有关于时间轴的实现方式,下面是使用了css3伪类的方式:类似于这种时间轴圆点是使用before的伪类去实现而轴使用after的伪类去实现圆的效果可以使用border-radius去实现,下面是具体实现的方式。.logAdrWrap::before{ content: ''; //必要字段 width:10rpx; /...原创 2019-06-12 14:43:25 · 849 阅读 · 0 评论 -
详细分析transition和animation的区别已经适用场景
首先transition和animation都是用于动画的呈现。总结二者区别:1.动画循环就用animation。在animation中有一个animation-iteration-count属性可以定义循环次数。transition是执行一次以后就不会执行,但是可以通过transitionEnd事件添加循环,与animation相比animation更加简单明了。2.自动触发用ani...原创 2019-02-20 13:49:43 · 1272 阅读 · 0 评论 -
关于滚动条的样式
实现效果 实现代码/*去除弹出框中的滚动条*//*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width: 10px; height: 5px; background-color: #F5F5F5;}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{...原创 2019-01-23 17:27:30 · 136 阅读 · 0 评论 -
有关于Flex的布局一
一下讲解一下具体的属性的使用,简单的教程中已教教程:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>有原创 2018-09-05 11:40:32 · 126 阅读 · 0 评论 -
探秘块级元素、内联元素
最近看了张鑫旭的《CSS世界》,读完第三章前半部分让我对块级元素和内联元素有了新的见解。以下是我读后总结的部分,如若有理解不当欢迎指出。首先一个很有趣的问题:块级元素和“display为block的元素”是一个概念吗?答案:不是,简单的例子是<li>元素默认的display值是list-item,<table>元素默认的display值是table,但是它们都是“块级元素”...原创 2018-06-14 13:41:13 · 246 阅读 · 0 评论 -
使用iframe调用指定网页的特定位置(显示目标网页某区域的我想要的内容)
有些时候我们并不需要显示iframe标签属性src指定的目标网页的所有内容,往往只需要显示某一特定区域。现有两种实现方法提供,但严禁使用此方法用于欺骗、隐瞒目的。参考网址如下:http://www.ok12.net/html/html-iframe-set-top-left-show-my-want-contents.html 这里用到了Iframe的一些属性,稍微介绍下: 1. m...转载 2018-05-31 10:48:34 · 8370 阅读 · 2 评论 -
关于JS中的闭包问题
前端对于闭包问题好像每次都逃避不了,我总结了一下我对闭包的理解。谈闭包之前闲思考一个问题当函数内部读取函数外部的变量时我们可以引用全局变量,那么问题来了,函数外部怎么读取函数内部的变量?这个时候闭包就开始发挥作用了,举例一个最简单的闭包:function f1(){ var n=999; //闭包函数 function f2(){ alert(n); ...原创 2018-04-27 10:30:03 · 127 阅读 · 0 评论 -
有关于前端问题小总结
以下是我总结的一些关于前端的面试题,分享给大家,下面的答案是我的理解,如有不正确欢迎多多指出。一.Doctype的含义,并且举例有什么类型。 答:Doctype是document type的简写,主要是告诉浏览器解析器用什么文档的标准去解析。 无论是在html或者xhtml中Doctype有三类分别是: 1. frameset模式(框架模式) ...原创 2018-04-25 13:44:01 · 361 阅读 · 5 评论 -
layui.js:2 Layui hint: carousel is not a valid module
关于 XXXis not a valid module 总结了以下几个问题:1.layui.js文件的重复引用。2.layui的结构目录有可能被打乱。3.jquery文件没有被引用。原创 2018-05-02 10:25:22 · 20232 阅读 · 8 评论