input设置width:100%页面出现滚动条解决方案
先上解决方案：input 设置 width:100% 和padding后宽度超出父节点,加上下面这行css到超出的元素身上即可 123box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; 下面是原理:
手机网站点击链接触发颜色块的问题解决
做移动端开发的时候，经常遇到就是点击一个标签的时候，整个颜色块会闪一下，影响美观。然后多次百度之后找到了解决方案 -webkit-tap-highlight-color:rgba(0,0,0,0) 给body加上这个样式即可 下面解释一下什么是RGBA，RAG就是颜色值了，大家都知道，A就是Alpha的缩写，就是透明度的意思，多了一个透明度。那么这个的含义就是颜色是黑色，透明度是0，看
vue里面实现toggle效果
在不用vue的时代，实现toggle效果一般是直接使用添加删除class来完成，或者使用低版本的jquery用.toggle()函数不过vue最大的特色就是数据驱动页面了，下面我将使用vue来实现toggle效果
移除type=number时浏览器自带的上下箭头
如图在pc端的input里面type=number时，会带有上下箭头去掉的方式如下 12345input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
使用base64上传图片
以前做过的上传图片，要么是用的插件，用么就是用的用的定义好的接口，今天自己做项目时第一次遇到上传图片的需求。本来是直接formData放表单里面跟着提交的，但是发现提交到后台后下载下来的文件是0kb，后台弄了很久都没解决方案，于是就用base64来上传图片了。
纯js实现图片上传和预览
1234567891011121314<img src="" id='imgfile'><input type='file' id='fileObj' onchange='fileupload()'><script> fileupload=function()&#
CSS使元素固定底部的方法
固定在底部包括两种情况，第一种是当页面内容尚未填充满的时候，页脚需要固定在底部，第二种是页面填充满后，页脚需要随页面内容的增加而填充在主体内容的下方。 最简单粗暴的方法就是给元素设置position:fixed;bottom:0;不过这样写在移动端或者设备高度不高的情况下，会严重影响用户体验。前段时间看饿了么视频的时候，视频里面黄奕老师讲到一个黑科技’Sticky footers’,然后百度了
原生js批量增加css样式
  原生js里面我们一般这样给元素增加样式 123let div_heade=document.querySelector('.div_heade');div_heade.style.width='100px';div_heade.style.height='100px';