HTML代码如下: <div id="root"> <header></header> <nav></nav> <main></main>…
标签:css
一次性理解清楚动态rem
前言 总是看到em、rem、动态rem,究竟他们的区别是什么呢? 单位 px:像素 em:一个 M 的宽度(面试:一个字的宽度) rem:root em 根元素(<html>)的 font-size vh:v…
百度ecahrts和swiper一起使用,loop复制slide导致图表不展示的问题解决
由于老项目用的swiper3,所以这里贴出来的是swiper3的配置项,swiper4的参照下面的稍作修改即可(原理就是通过回调自己手动控制) autoplay: 0, loop: false, onInit: swip…
3D 高逼格动画制作
景深 perspective: perspective 属性定义 3D 元素距视图的距离,以像素计。当为元素定义 perspective 属性时,其子元素会获得透视效果,而不是元素本身。perspective 属性只影响…
块级元素和行内元素的区别
区别: 注:行内元素会在一条直线上,是在同一行的。 //我是行内元素SPAN标签//我是行内元素strong标签// 注:块级元素各占一行。是垂直方向的! 我是块级元素div标签我是块级元素P标签 如果你要将行内元素变成…
Codepen 每日精选(2018-4-7)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的扁平人动画https://codepen.io/YusukeNaka… 漫威漫画陈列布局https://codepen…
用CSS3 transition属性完成淡入淡出轮播图
近来想本身写下轮播图,在网上发明一个网友用CSS transition属性完成的轮播,赶脚超简朴哦,本身进修了后整顿以下。(找不到原网址了-.-…就不贴了…)(假如不相识transition,先去…
〔总结系列〕前端面试题精华筛选
JavaScript篇 如何获取浏览器URL中查询字符串中的参数? 1.封装方法 getUrlArgs(url) { const args = url.split('?') if (args[0] === url) { …
关于前后端分离的开发模式
为什么要做分离开发: 现在很多公司的web开发模式都是用jsp、php、asp等等开发,由服务端渲染,而前端工程师的工作就是完成切图及静态页面的搭建,他们的精力都放在了辅助别人完成项目的工作,背锅还不讨好,责任划分不明确…
CSS/CSS3 实现 居中(水平&垂直)
1,水平居中:行内元素 把行内元素放在一个属性块(display:block)元素中,然后设置父层元素属性居中: .test { text-align:center; } 2,水平居中:块状元素 设置外边距 .test …
5行js代码搞定导航吸顶效果
一、HTML布局 首先写HTML布局 <body> <div id="wrap"></div> </body> 二、CSS样式 给点简单的样式 <style> …
JS基础入门篇(六)— 数据类型
1.数据类型 数据类型:我感觉就是对数据的种类进行分类。就好比把人分为儿童,青少年,中年,老年一样。 基础数据类型: Number(数字),String(字符串),Null(空),Undefined(未定义),Boole…