1 : 通过MUI封装的openWindow 方法: mui.openWindow({ url:new-page-url, id:new-page-id, styles:{ top:newpage-top-positio…
分类:css
基于clamp.js封装vue指令,处理多行文本的溢出
最近做项目时,遇到了一个需求:要求div里文本在两行显示,div的宽度是固定的,如果溢出的话就显示省略号。单行文本的溢出问题,我们都很熟悉,只要添加以下css属性就ok: overflow: hidden; white-…
如何让子元素在父元素中水平垂直居中七种方法?
html: <div class="container"> <div class="box">green</div> </div> 第一种:定位+margin:auto .…
使用CSS隐藏元素滚动条
使用CSS隐藏元素滚动条 如何隐藏滚动条,同时仍然可以在任何元素上滚动? 首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。想要完全隐藏滚动条只需设置overflow:hid…
SASS 学习笔记
基础知识 这部分内容摘自 Sass Basics。 预处理 Preprocessing 预处理功能,就是将 SASS/SCSS 格式的文件输出为 CSS 文件,可以对单个文件进行预处理,也可以对指定目录进行预处理,还可以…
css3旋转的盒子
工作中一直做普通的网页,今天浏览到一篇做3d旋转的盒子的效果,感觉挺好玩,于是跟着教程练了练,在此做个记录html <div class='camera'> <div class='box'> &…
面试面筋补充
面试面筋补充 偶尔又能想起几道面试题,在这里补充一下 1.css的flex 按照正常布局步骤,理解flex 对于整理布局 display:flex 设置水平还是垂直 flex-drection:row|column|ro…
CSS3 新增选择器概览
selector :first-child 这个是后代选择器. 怪异, 注意避免而不是理解. selector:first-child 当前 selector 选中的元素集合中的第一个元素 selector:last-c…
gulpJs使用总结
1.gulp安装 1.首先确保你已经正确安装了nodejs环境。然后可以全局方式安装gulp: $ npm install -g gulp 我们可以检查一下gulp版本 $ gulp -v 这样就完成了对全局的安装2.如…
Yoshino: 一个基于React的可定制化的PC组件库
Github: https://github.com/Yoshino-UI… Docs: https://yoshino-ui.github.io/#/ Cli-Tool: https://github.co…
前端进阶(12) - css 的弱化与 js 的强化
css 的弱化与 js 的强化 web 的三要素 html, css, js 在前端组件化的过程中,比如 react、vue 等组件化框架的运用,使 html 的弱化与 js 的强化 成为了一种趋势,而在这个过程中,其实…
原型模式故事链(5)--JS变量作用域、作用域链、闭包
上一章 JS执行上下文、变量提升、函数声明 传送门:https://segmentfault.com/a/11… 本次我们主要讲讲变量作用域和闭包变量作用域:顾名思义:变量起作用的范围。变量分为全局变量和局部…