摘要：
需求，后台系统有一个公共的头部： 这个在3个页面中写3份头部，肯定是不优雅的。vue提供的组件思想，我们可以将这个公共的头部组件化：src/components/HeaderComponent.vue <template> <header> <img src="../assets/images/lo 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 1.flex布局，里面的flex项目会脱标吗？flex布局经常被拿来和浮动比较。但这里要明确：2者都能使得盒子横向排列之外，他们之间几无关联。浮动的元素会脱标，父元素要有高度，我们得清除浮动。 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 在网页开发中，html和body是2个非常特殊的元素。其中，html叫根元素，看下面几个问题： 1.如果body里什么东西都没有，那么html和body的宽高是多少？ 答案：2者宽是浏览器可视 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 思考一个问题：css中和盒子和生活中盒子有什么区别？ 答案：3d空间中，css盒子有宽高，没有厚度 盒子的宽度是通过width属性设置的，高度是通过height属性来设置的。没有厚度相关的属性 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 布局中，常见单位，除了px,还有百分比。那么写不同地方的百分比代表什么呢？ 看一个选择题： margin-top:50%，这里的百分比是参考谁的? A、盒子自身的宽 B、盒子自身的高 C、父盒 阅读全文
摘要：
本文首发于知乎：https://www.zhihu.com/people/xiao-chong-10-60 flex布局（2009年w3c提出）出来之前，PC端网页的布局方式（手段）有3种： 1）标准流 2）浮动 3）定位 其中，3者之间又有密不可分的关系。 1.相对定位与标准流 定位里最接近标准流 阅读全文
摘要：
有点标题党了，实际上，小程序布局和h5布局并没有区别，非要说区别，可能是微信对新的css属性的支持没有浏览器好。 先看效果图。 实现方式：flex+js分组 wxml: <view class="img-box"> <view class="column"> <view class="img-sec 阅读全文
摘要：
1.保存图片，点击保存到手机相册里 拿到服务端返回的图片地址，用户点击按钮保存图片。这个有个小程序相册权限问题。 用户第一次拒绝的权限的时候，需要调用wx.openSeting（）打开权限。 这里有个坑：2018年后，wx.openSeting（）不能在失败回调里打开，需要在点击按钮时触发： 官方回 阅读全文
摘要：
一直以为这2个事没有区别的： 后使用npm命令。 使用cnpm命令。 今天在安装node-sass的时候出问题了。 新建个项目，添加package.json： 用 npm i 安装报错： 我的npm源是指向淘宝镜像的： cnpm i 安装没有问题 没有任何问题！！！ 阅读全文
摘要：
测试无论是站外的图片还是站内的图片，qq邮箱都会过滤图片，导致显示不出来。 解决办法：图片base64编码。效果图： 代码： 以上代码在PC端qq邮箱里没问题。给出移动端，PC端都没有问题的代码： 阅读全文