![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
「已注销」
这个作者很懒,什么都没留下…
展开
-
在一个js文件中引用导入其它js文件,实现前端框架二次开发
import 可以静态导入js文件(和script引入一样的,注意script的type值为module): <script type='module'> import "./module/1.js"; </script>页面加载就引入该JS文件,路径可以写相对路径和绝对路径都可以;注意:导出模块的话有两种方式:1,export default “你好”;引入:import any from './.........原创 2020-07-10 22:16:34 · 1119 阅读 · 0 评论 -
在一个css文件中引入多个css文件
为了实现bootstrap框架二次开发避免用link写在html中,可实现css依赖管理@import url('其他css文件');接下来只要将其余的css文件用上面的方式引入即可;在媒体查询时可能会用到:@import url("phone.css") screen and (max-width:360px);在使用css的@import方式时会增加HTTP请求(这会影响加载速度),所以请谨慎使用该方法。例子:@import url(plugins/font-awesome.原创 2020-07-10 21:49:39 · 1035 阅读 · 0 评论 -
transform: translateY(-100%)偏移实现上滑隐藏导航栏
transform:translateY(100%) 语法:Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法:transform : none ; 也就是: tran...原创 2020-07-03 20:58:04 · 20779 阅读 · 1 评论