柚子胖鸡_-CSDN博客

原创微信小程序自定义组件——模态框 Modal

系列文章：微信小程序自定义组件——底部菜单栏 ActionSheet之所以写这个自定义modal组件，和自定义ActionSheet一样，主要是用于一些开放能力。有些开放能力必须绑定在button上，比如用户授权，这个需求很常见，但是小程序现在已经不支持主动弹出授权框了，所以我们会想先弹出modal用户点击确定再来弹出授权框，小程序原生的Modal确定按钮无法实现，故此组件应运而生。该Modal...

2019-02-21 11:53:45 3985

原创微信小程序自定义组件——底部菜单栏 ActionSheet

系列文章：微信小程序自定义组件——模态框 Modal写这个自定义ActionSheet组件，和自定义modal一样，有些开放能力必须绑定在button上，而我们有时候又会有在底部上拉菜单中实现转发功能的需求，或者别的微信开放能力，小程序原生的ActionSheet依然无法实现，故此组件应运而生。安装1.使用npm安装直接使用小程序开发工具自带的构建npm，请按下面几个步骤引入：确保项目...

2019-02-21 11:50:54 4649

原创微信小程序canvas生成分享图到相册

2019-02-21 11:44:17 622

原创 position:fixed 的元素居中显示

标题本身是个很简单是事，因为一般body宽度都是100%；很久没写html，今天写一个小页面的时候突然遇到了，记录一下；body宽度我设置的是640px，所以有个fixed的元素没居中；position:fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。让其居中的css： div { position: fixed; margin: auto; ...

2019-02-21 12:03:04 2707

原创 BFC块级格式化上下文

写于2017-08-29，搬家至此；学习BFC之前，务必要理解透彻什么是文档流，以及浮动和定位导致的脱离文档流；文档流不难理解，今天的重点是bfc，不可乱了主次；什么是BFCBFC：Block Formatting Context，块级格式化上下文，一个独立的块级渲染区域，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关；即里面想怎么样就怎么样不会影响此区域以外的任何元素...

2019-02-21 12:02:19 197

原创 CSS浮动塌陷和一点关于浮动的事儿

写于2017-07-16，搬家至此；把浮动塌陷拿出来做文章是因为之前没深究过它的原理，导致在布局中常因为浮动塌陷撑不开div而苦恼；借此写个总结加深记忆，也顺便说说浮动和定位的那点事…何谓“浮动塌陷”先看一段代码<style type="text/css"> #aa{ margin: 100px 100px; ...

2019-02-21 12:00:57 314

原创解决外边距塌陷(margin collapse)的对策汇总

写于2017-07-11，搬家至此；有这么一段代码<style type="text/css"> *{ margin: 0; } .out{ width: 200px; height: 200px; background: paleturquoise; } .in{ width: 100px; height: ...

2019-02-21 11:59:31 902

原创移动端巧用margin/padding的百分比实现自适应

写于2017-07-03，搬家至此；今天遇到了一个曾经认为的世纪大难题----图片完美的自适应；重要！敲黑板，划重点！！当margin/padding取值形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！-----来自W3C标准所以，很有必要深入研读下W3C规范；举个栗子要求：在每个原图长宽比例不同的情况下，实现如图的效果...

2019-02-21 11:58:07 474

原创微信小程序文本实现两端对齐

文本实现两端对齐，大多人都知道text-align:justify;实际上，写这句真的没有两端对齐的效果如图；在网上检索了一堆，都是互相的转帖，歪门邪道的方法很不实用；其实只要写一行代码即可；text-align-last: justify;html应该同样适用，但我没亲自测试；下次专门测试一下对各个浏览器的兼容再回来补写；就这一行代码，比各种歪门邪道的办法快捷好使；...

2019-02-21 11:49:22 5060 2

JaimeCheng的博客