摘要：
1. 基本用法 <canvas>标签只有两个属性 width和height CSS: <canvas>元素只是创造了一个固定大小的画布，要想在它上面绘制内容，我们需要找到它的渲染上下文， <canvas>元素有一个叫做 getContext()的方法，而这个方法就是用来获得渲染上下文和它的绘画功能。 阅读全文
摘要：
1 .flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况 实现效果： 解决方案：使用after伪类, 解决最后一排数量不够两端分布的情况。宽度就是每张图片的宽度 2.flex布局的元素会有默认间隙（垂直间隙） 效果图： 解决方案：使用align-content:flex-start解决 阅读全文
摘要：
之前有一篇文章也写了长按弹出确认框的功能，在android机上测试过完全没问题，到后面整体测试时发现IOS这个功能长按移除就消失了， 除非长按不松手，用另外一只手点击确定才能完成操作，所以这次做了修改，IOS和android亲测有效哦~ 阅读全文
摘要：
div,p、div p、div>p、div+p、div~p、div.a的用法和区别 div,p：选择所有<div>元素和<p>元素 <style> p,span{font-size:24px} </style> <div>Hello World</div> <p>Hello</p> <p>World 阅读全文
摘要：
收货地址的删除方式可能有很多种，我目前见过的暂时只有两种（1、在编辑页删除 2、长按某一条收货地址弹出是否删除地址） 在开发的项目上要求第二种删除方法，于是记录一下我写的代码 ~ 1.首先，在移动端，手指点击一个元素，会经过：touchstart --> touchmove --> touchend 阅读全文
摘要：
效果图： CSS： JS： 样式： 阅读全文
摘要：
效果图： HTML： VUE： 阅读全文
摘要：
前言：前端小白记录的一些小功能~ 公司开发中的小程序中有做任务签到的功能，这就涉及到了任务列表以及对任务列表的展开和收起功能，好了可以开始了，说多了就烦了 1.首先是css样式，因为设计稿上是超过两行默认隐藏内容所以需要写if判断，代码如下： 2.其次是js，因为我这里有两个列表要显示，所以togg 阅读全文
摘要：
一、单行 实现单行文本的溢出显示省略号使用text-overflow:ellipsis属性，但需要配合使用overflow: hidden; white-space: nowrap这两个属性使用才能达到效果。 注意： 这里如果用了flex布局的话，text-overflow:ellipsis将会失效 阅读全文