.modal-user-dialog{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform:…

作者：心叶时间：2018-04-27 11:45 Tranform 转换 一些常用的属性： transform: none | transform-functions;【通过设置该属性的值，我们可以对元素使用转换，具体的…

图片在div中默认是和基线对齐（从上到下依次是顶线（top），中线（middle），基线（baseline），底线（bottom）） 方法： 给div设定text-align:center;可使图片水平居中，再给图片im…

有时候基于 Vue 的单文件组件开辟项目时, 不能不运用全局款式, 这时候有一些须要注重的处所. 当碰到须要运用全局款式时, 以下几种状况 款式在项目遍地均有运用; 款式只在当前组件内的 DOM 上运用; 款式须要应用到…

浏览原文   有时看到github的404页面，没想到github的404页面也是做的很故意，就试着找了下源码，盘算仿一下这个结果。   这个结果看上去是3d的，实在没有用到css3里边的任何一个与3d有关的属性，这个页…

Sublime Text3 配置less保存自动编译 Mac OSX环境下 Sublime Text3 需要安装less，语法高亮插件 Install NodeJS，通过npm在mac终端全局安装less npm ins…

webpack一般会帮我们把所有的文件（js，css，图片等）编译成一个js文件（webpack安装，使用），一般这个文件名为bundle.js。我们直接在html文件中用script标签引入就行了，就想下面这样： &l…

这里主要参考的是CHRIS COYIER写的一篇的文章(点击查看)，主要讲了关于css水平、垂直居中的一些方法,每个方法后面都有一个demo，可以在线查看效果。 1 水平 水平居中有行内元素和块元素，行内元素有文字、图片…

开篇废话 在开发过程中经常遇到这样的需求：用户只能输入数字并且只保留小数点两位。虽然我们可以在提交表单的时候进行验证，但是体验不是很好。下面我主要使用了小程序input标签的 bindinput方法对输入的值进行监听，然…

前言 尝试一款新的开发框架的时候势必会遇见各种各样的问题。可能因为一开始不熟悉文档，导致配置错误，或是api使用错误。当然开发的时候我们也不能确认框架没有问题，是否存在bug。所以在某些出错的情况下，我们也许会不断怀疑自…

面试面筋补充 偶尔又能想起几道面试题，在这里补充一下 1.css的flex 按照正常布局步骤，理解flex 对于整理布局 display：flex 设置水平还是垂直 flex-drection：row|column|ro…

作用域与闭包 如何用js创建10个button标签，点击每个按钮时打印按钮对应的序号？ 看到上述问题，如果你能看出来这个问题实质上是考对作用域的理解，那么恭喜你，这篇文章你可以不用看了，说明你对作用域已经理解的很透彻了，…