素材编辑 | 宋大狮

在html css设计中，对于控件布局是一个界面美观重要工具。传统布局工具是盒状模式,它布局通过依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。

因此在2009年，W3C推出 flex布局，也叫flexbox，直译就是弹性盒子。它可以简便、完整、响应式地实现各种页面布局，是一个越来越流行的布局方式，常见浏览器都支持，而在微信小程序，uni-app，vue等各种环境也缺省使用这个布局。因此做前端开发,flex布局必须要掌握的。

uni-app已经支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序。

现在，uni-app终于官方支持PC宽屏！一套代码多端运行，这个多端真正做到了跨平台，Android，IOS，web，都支持了，这样下去会不会也支持桌面应用了？

样式导入

在根目录下（与pages目录同级）创建common目录，并创建common.wxss：

.red_big_text {
color: red;
font-size: xx-large;
}

前些时间有分享一款vue3+uniapp仿微信App聊天实例项目。今天带来最新研发的uniapp+vue3仿ios手机界面后台OA管理系统。

采用全新的手机桌面菜单模式。可分屏显示图标集合。

实现了自定义桌面栅格磁贴引擎布局、多分屏滑动管理、自定义桌面小部件、辅助触控悬浮球

那些你总是记不住但又总是要用的css

有没有经常遇到一些样式每次写都要用百度呢？我收集了一些我平时经常要用到的但又总是记不住的样式。有错误的地方欢迎指正。

一、设置input 的placeholder的字体样式

input::-webkit-input-placeholder {    /* Chrome/Opera/Safari */
    color: red;
}
input::-moz-placeholder { /* Firefox 19+ */  
    color: red;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: red;
}
input:-moz-placeholder { /* Firefox 18- */
    color: red;
}

作者：吴冠禧 WecTeam

转发连接：https://mp.weixin.qq.com/s/u5GHsA0vHz8A_MmGslRw2g

0 契机与背景

今年Q1（2020年第一季度）参与了京喜事业部「京喜工厂」业务的前端开发。用户可以通过「京喜工厂」参与口罩、抽纸、大米等商品的“在线生产”，既能趣味造物，又能免费领奖品。目前可以通过「

作为Web开发人员，在做项目的时候，项目都有一些报表的需求。今天给大家推荐一个图表库，兼容IOS、Android、各个平台小程序等。

项目简介

这是一个一款基于canvas API开发的适用于所有前端应用的图表库。报表种类齐全、功能强大，集成简单。兼容uni-app、