摘要：VUE 单页应用首页加载特别慢的解决方法，（我自己没百度之前，想的是路由懒加载，图片懒加载，压缩cssjs） 百度之后，才发现菜鸡 我们一般打包后把 生成的dist文件夹下面的这两个东西拖到服务器下面就行了 首先你要想到拖到服务器，减少这个文件的体积，看他的构造，index.html没发变小了才1k 阅读全文
项目遇到的问题总结（三）：数组里面的对象重复了，要去重;reduce去重
2019-08-08 09:55 by WEB前端小菜鸟, 765 阅读, 0 推荐, 收藏, 编辑
摘要：/用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值 这里其实还可以用其他的循环来去重复的对象 比如（核心思想还是利用对象的属性的唯一性）、 打印出效果一样都去重了，当然上面的代码不好看，用逼格高的三元运算符来搞不用if else foreach一样 阅读全文
项目遇到的问题总结（一）：list列表点击查看详情，详情页返回list页面时，位置不变（scrollTop）
2019-07-31 16:09 by WEB前端小菜鸟, 1448 阅读, 0 推荐, 收藏, 编辑
摘要：场景：微信公众号里面的页面，有个列表页面，有详情页 这个列表是接口返回的，页面一般显示4条数据so 传4；然后下面有个点击查看更多，page:1size:4 刚开始我想用keep-alive(应为我使用的vue技术战)；keep-alive只能包裹组件，我这个列表是v-for div 没抽成组件，我 阅读全文
Vue 调用微信扫一扫功能
2019-07-18 16:20 by WEB前端小菜鸟, 14502 阅读, 0 推荐, 收藏, 编辑
摘要：这个功能呢就是公众号里面埋一个网页，有个功能扫一扫，调用微信的js-sdk来弄； https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 官方文档 第一步绑定域名，就是你在公众号登录之后要设置域名，还有白名单，这个喊后端去弄 阅读全文
Vue中修改el-table的表头颜色，及多选框 表头的样式none
2019-07-05 14:21 by WEB前端小菜鸟, 21505 阅读, 0 推荐, 收藏, 编辑
摘要：修改表头背景颜色及其他，它有个属性， header-cell-style可以修改它 的背景及其他 好吧，怎么样去除左上角的那一个全选按钮呢 当然是样式none不就行了，不好意思没想到，这是是写到scoped里面的哈 #boxbox /deep/ thead .el-table-column--sel 阅读全文
详解 resize属性，哇原来文本可以禁止我们手动去拉伸）——onresize 是一个事件，屏幕大小改变调用这个事件
2019-07-02 14:56 by WEB前端小菜鸟, 1107 阅读, 0 推荐, 收藏, 编辑
摘要：有这个标志那就意味着（用户）可以拉伸，设置它的属性 textarea{ resize: both;} 改成none就不可以拉伸了 那个东西都没有了，哈哈 onresize 事件会在窗口或框架被调整大小时发生。 window.onresize 跟这个resize不一样，一个是事件，一个是css3属性 阅读全文
详解伪类伪元素 自己写一下
2019-07-02 11:13 by WEB前端小菜鸟, 1446 阅读, 0 推荐, 收藏, 编辑
摘要：1.首先先说伪元素 before after 伪元素说白了，就是类似元素标签一样的存在，但是html中没有对应的元素，伪元素不占用dom元素节点，不存在DOM节点上，所以呢减少DOM操作，但是不利于SEO 伪元素的由两个冒号::开头，当然，考虑到兼容性，CSS2中已存的伪元素仍然可以使用一个冒号:的 阅读全文
详解box-shaow
2019-07-01 15:09 by WEB前端小菜鸟, 2159 阅读, 0 推荐, 收藏, 编辑
摘要：官方图 来一张 水平阴影位置：是指阴影水平偏移量其值可以是正负值可以取正负值，如果值为正值，则阴影在对象的右边，反之其值为负值时，阴影在对象的左边； 垂直阴影：是指阴影的垂直偏移量，其值也可以是正负值，如果为正值，阴影在对象的底部，反之其值为负值时，阴影在对象的顶部； 阴影模糊半径： 此参数是可选， 阅读全文
css 3D旋转和上下箭头跳动
2019-06-13 16:21 by WEB前端小菜鸟, 1223 阅读, 0 推荐, 收藏, 编辑
摘要：vue中写的 写css动画分两步 第一步：先定义动画规则 第二部：定义好的动画规则 吓到你要动的类里面 <template> <div class="money" id="box"> <!-- 这是相关css测试 --> <!-- <p>box-shadow内部全部阴影</p> <div class 阅读全文