吃糖糖不哭的博客

原创 如何用原生js给一个按钮绑定两个onclick事件？

var btn = document.getElementById('btn')btn.addEventListener('click', fn1)btn.addEventListener('click', fn2)function fn1 () { console.log('我是方法1') }function fn2 () { console.log('我是方法2') }

原创 移动端适配1px问题

* { margin: 0; padding: 0; } ul, li{ list-style: none; }.hairlines { width: 300px; margin: 100px auto; }.hairlines li{ position: relative; border:none; margin-top: 10px; }.hairlines li:after{ content: ''; position: absolute; left: 0; bottom: 0; bac..

原创 重绘和回流（哪些情况重绘，哪些回流）

原创 css display:flex 属性

一：display:flex 布局display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。二：flex的六个属性flex-direction 容器内元素的排列方向(默

原创 关于小程序widthFix图片高度不能自适应的问题

需要对小程序默认的图片样式进行覆盖：<image class="image" mode="widthFix" src="../../images/banner.png"></image>.image{width:100%;}

原创 微信小程序里button: not([size=‘mini‘]) 里面的样式怎么去掉？

如果全局都用自定义button,去掉app.json中的"style":"v2"即可

原创 element ui 表格常见特殊的属性

element ui 表格的常见特殊属性1,表格内容太多用...表示2,修改element ui自带的样式3,修改奇数行背景色4,给表头添加背景色及文字样式5,表头文字竖向排列(文字带括号)6,表头边框与文本边框对不齐情况7,导航栏的侧边栏只展开一个下拉菜单1,表格内容太多用…表示有时候表格内容太多一行显示不下，但是又不想换行，换行影像表格美观程度。解决：在每一行中加：show-overflow-tooltip效果图:代码：2,修改element ui自带的样式有时候elem

转载 JS实现全屏和退出全屏

<button οnclick="toggleFullScreen(event)">点我全屏</button>function FullScreen(el) { var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen; if (!isFullscreen) { //进入全屏,多重短路表达式 (el.reque...

原创 H5页面浏览器唤起微信分享

html部分：<script src="mshare.js"></script>//引进mshare.js<button data-mshare="0">点击弹出原生分享面板</button><button data-mshare="1">点击触发朋友圈分享</button><button data-mshare="2">点击触发发送给微信朋友</button>js部分：&lt..

原创 小程序时间格式转换

changeTime(val) {var newTime = new Date(val);var month = newTime.getMonth() + 1if (month < 10) {month = "0" + (newTime.getMonth() + 1)}var day = newTime.getDate()if (day < 10) {day = "0" + (newTime...

原创 wx.hideHomeButton()在ios上不生效

小程序隐藏左上角返回图标，这样写可以兼容IOS

原创 H5 input表单如何去掉自带的内阴影

要想去掉input表单的内阴影，其实很简单，只要需写上下面这段代码即可

原创 解决tab切换时，swiper轮播初始化失败问题

最近在做项目的时候，需要在tab切换里用到swiper轮播图，但无论怎么拖动，只有默认选中的tab里的swiper是正常的，其他无法完成初始化。当时试了好多办法不管用，后来查资料说，只需要加入两行代码即可：**解决办法：** observer:true,//修改swiper自己或子元素时，自动初始化swiper observeParents:true,//修改swiper的父元素时，自动初始化swiper这个时候就可以完美的解决多个tab切换，swiper无法初始化的问题了...