前端开发

拥抱Flexbox弹性布局基本概念之Flex容器

2019-05-29123次阅读flexbox
长期以来使用表格、浮动、清除浮动、行内块元素和其他CSS属性来布局网站内容。当制作一些复杂的页面时就比较吃力,不得不使用css Hack、css黑魔法来实现,例如水平垂直居中,等高布局等。Flexbox的目的就是改变这一切,最起码可以让你告别浮动、清除浮动。。。让布局更简单更智能。注: Flexbox布局最适合应用程序的组件和小规模布局,而Gird布局则适用于较大规模的布局。
前端开发

单行居中多行居左最多两行超过用省略号

2019-05-2986次阅读css
单行居中多行居左最多两行超过用省略号。
前端开发

非标准CSS3属性-webkit-box-reflect制作倒影

2019-05-29203次阅读css3
在Web制作中,有些时候需要实现一些倒影的效果,可以使用非标准属性-webkit-box-reflect实现。
前端开发

input中readonly属性在IE下光标仍可聚焦

2019-05-2865次阅读HTML
input中readonly属性在IE下光标仍可聚焦,设置unselectable="on"即可以解决。
前端开发

oninput事件在输入法状态下多次触发

2019-05-2873次阅读javascript
oninput事件在,和 元素的值发生改变时触发。 onchange事件也是监听文本框变化后触发,不同的是oninput事件是立即(即时)触发,onchange则是在元素失去焦点时触发。 oninput事件还可以在HTMLElement.contentEditable(用于表明元素是否是可编辑的)或 document.designMode(控制整个文档是否可编辑)打开的元素上使用。
前端开发

js获取textarea文本域自动换行符

2019-05-27126次阅读javascript
先更正一下,标题只是一个噱头,其实js根本读取不到textarea里的自动换行符。在textarea中增加属性wrap="hard",通过同步提交可以在后台服务器获取到自动换行符。如果是在textarea里手动去换行,那是可以通过js读取到换行符的。
前端开发

JavaScript中Truthy(真值)

2019-05-2577次阅读javascript
在 JavaScript 中,Truthy (真值)指的是在 布尔值 上下文中转换后的值为真的值。所有值都是真值,除非它们被定义为 falsy (即除了 false,0,"",null,undefined 和 NaN 外)。
前端开发

webpack中的JSON.stringify('production')从何而来

2019-05-25118次阅读webpackvue
这个不得不说起webpack DefinePlugin插件,它允许您创建在编译时配置的全局常量。其中process.env.NODE_ENV替换为字符串字面量同时可以让UglifyJS之类的压缩工具完全丢掉仅供开发环境的代码块,以减少最终的文件大小。
前端开发

vue中mixins和extends的妙用

2019-05-2575次阅读vue
mixins、extends这两个都可以理解为继承,mixins接收对象数组(可理解为多继承),extends接收的是对象或函数(可理解为单继承)。
前端开发

vue中的ES7的async异步函数

2019-05-2598次阅读vue
Vue CLI帮我们处理了async polyfill,可以在项目中直接使用,目前测试IE9+是支持的。