- 博客(8)
- 收藏
- 关注
RSS订阅原创 如何取视频第一帧作为封面图片上传
步骤思路如下：1.在页面上放一个隐藏不可见的video标签，暂不指定src属性。但是注意，需要设置autoplay属性，否则截取到的视频图片很可能是一张空白图2.获取视频文件的url，赋值给video标签，同时为了保险起见，最好是再创建一个source标签，将url也赋值给source标签的src属性3.监听video标签的canplay事件，注意，在canplay事件里，第一件事就是暂停视频播放4.创建canvas标签，使用canvas的drawImage方法画图代码如下：<!-- 注意
2021-10-13 17:30:22
1093
原创 前端实现微信自定义分享踩坑记录
本文讨论的是使用微信提供的JS-SDK来实现微信提供的自定义分享功能当我们点击微信浏览器右上角的三个小点分享给朋友时，默认的效果是这样子的：想要实现右侧小图标是自定义的图片，可以使用一个方法，就是在html中添加一张看不见的图片(可以div里放个img标签，然后div设置为display:none;)，注意，这张图片要放在html中能获取到的第一张图片，并且图片尺寸一定要大于等于300px * 300px，因为微信的机制是获取html中第一张大小大于等于300px * 300px的图片，拿这张图片来当
2021-04-29 16:49:51
341
原创 理解JavaScript中的new操作符
1.知识储备1.理解JS中的__proto__,prototype,constructor属性2.理解Object.create()方法2.举例function Person(name){ this.name = name}var person = new Person('张三')console.log(person) // 输出Person {name:"张三"}3.步骤解析当执行new Person(‘张三’)时，经历了四个步骤参考文档new-keyword-in-javascr
2021-04-02 15:53:53
111
原创 前端使用mock提高开发效率
一、本地创建json以vue-cli3项目为例，在public文件夹下，创建文件夹，假设名为mock，内容如下所示然后在代码中，通过ajax请求调用该json文件所在的路径请求以后，可以得到结果如下所示这种方法灵活性相对较差，因接口地址不同，所以后期都需要改跟接口地址相关的代码2.easy mockhttps://www.easy-mock.com/在这上面注册账号，然后创建项目，然后模拟地址，模拟请求这是最方便的方式，上线时也只需要修改一个baseUrl配置。但是有一个致命缺点，因为
2021-01-20 21:23:09
112
转载 伸缩布局Flex(也称弹性布局)
任何一个元素都可以指定为伸缩布局，即display: flex;行内元素(内联元素)如果要指定为伸缩布局，则display: inline-flex;注意：①使用display: flex;都要加上对应的浏览器前缀(如display: -webkit-flex;)，以防兼容问题②设置了flex布局以后，子元素的float，clear，vertical-align属性将失效采用flex布局...
2020-12-28 16:19:10
142
原创 vue实例的生命周期
vue实例的生命周期概念： 从vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期生命周期钩子 = 生命周期函数 = 生命周期事件Vue实例创建阶段的四个生命周期函数：beforeCreatecreatedbeforeMountmountedVue实例运行阶段的两个生命周期函数：beforeUpdateupdatedVue实例销毁阶段的两个生命周...
2020-12-28 16:17:11
43
原创 开发常用正则表达式
邮箱正则：/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/手机号码正则：/^1[3456789]\d{9}$/固定电话正则：/^([0-9]{3,4}-)?[0-9]{7,8}$/传真号正则：/^(?:\d{3,4}-)?\
2020-12-28 16:06:09
82
原创 小程序中使用订阅消息（前端开发）
小程序想要向用户的微信服务通知中发送消息，可以使用小程序开发文档里提供的订阅消息来实现，效果如图：实现订阅消息需要前后端配合前端工作：1.获取订阅消息模板打开微信公众平台，输入账号密码登录，进入到“订阅消息”页面去获取模板2.获取openid需要由前端先去调用 wx.login 方法去获取code，然后后端再根据这个code去调用微信服务端的api，获取openid，有了openi...
2020-04-08 19:32:59
1616
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人