获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
HTMLCanvasElement.toDataURL()
概述
HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。
如果画布的高度或宽度是0，那么会返回字符串“data:,”。
如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，那么该传入的类型是不支持的。
Chrome支持“image/webp”类型。
链接：
juejin.cn
概述
HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。
如果画布的高度或宽度是0，那么会返回字符串“data:,”。
如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，那么该传入的类型是不支持的。
Chrome支持“image/webp”类型。
链接：
juejin.cn
展开
1
1
赞了这篇沸点
Web 端不具备持久化的数据存储能力，需要开发者开启 IM 商用版 - 单群聊云存储 (opens new window)功能才能生效。 该功能需要在调用 im.connect() 并且建立连接成功之后执行。
链接：juejin.cn
链接：
juejin.cn 评论
1
赞了这篇沸点
Vue移动端h5适配解决方案(lib-flexible+px2rem-loader)
px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了
lib-flexible：根据设备宽度，修改根元素html的font-size，以适配不同终端
链接：juejin.cn
px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了
lib-flexible：根据设备宽度，修改根元素html的font-size，以适配不同终端
链接：
juejin.cn
展开
评论
2
赞了这篇沸点
现在视频编码主流是h.264，对应着输入格式为AVC
H.264/AVC是2003年制定的视频编码压缩标准 ，集中了以往标准的优点，并吸收了以往标准制定中积累的经验，采用简洁设计，使它比MPEG4更容易推广。H.264创造性了多参考帧、多块类型、整数变换、帧内预测等新的压缩技术，使用了更精细的分象素运动矢量（1/4、1/8）和新一代的环路滤波器，使得压缩性能大大提高，系统更加完善。
有兴趣深入了解可以好好看看
链接：juejin.cn
H.264/AVC是2003年制定的视频编码压缩标准 ，集中了以往标准的优点，并吸收了以往标准制定中积累的经验，采用简洁设计，使它比MPEG4更容易推广。H.264创造性了多参考帧、多块类型、整数变换、帧内预测等新的压缩技术，使用了更精细的分象素运动矢量（1/4、1/8）和新一代的环路滤波器，使得压缩性能大大提高，系统更加完善。
有兴趣深入了解可以好好看看
链接：
juejin.cn
展开
评论
2
赞了这篇沸点
ios 连接引入 H5 页面，是个用户申请页面，进入页面需要获取到用户的 userId 和 token 然后调接口判断用户是否具备申请资格，进入页面就要拿到就采用的是 url 拼接参数，安卓/ios 在 url 进行参数拼接，前端在 js 里截取。url 拼接参数（适用于活动页、申请页...）
链接：juejin.cn
链接：
juejin.cn
展开
评论
2
赞了这篇沸点
Chrome 的默认策略是，每个标签对应一个渲染进程。但是如果从一个页面打开了新页面，而新页面和当前页面属于同一站点时，那么新页面会复用父页面的渲染进程。官方把这个默认策略叫 process-per-site-instance。
链接：juejin.cn
链接：
juejin.cn
展开
3
2
赞了这篇沸点
安卓/IOS默认浏览器都对视频播放进行了自己的一套封装，使用过原生video、西瓜视频、flv.js、video.js、aliplayer等最后选择了aliplayer。（务必确保最新版本）要求不是太高完全ok，浏览器一旦呼出他自己的视频组件，就不好控制。
链接：juejin.cn
链接：
juejin.cn
展开
评论
2
赞了这篇沸点
压缩效率最大化，即：在不影响图片质量的情况下最大化压缩
尝试了一系列的图片之后我发现
当quality在0.2~0.5之间，图片质量变化并不大，quality的值越小，压缩效率越可观（也就是在0.2左右时，压缩图片可以最大化，同时并不对图片质量造成太大影响）
链接：juejin.cn
尝试了一系列的图片之后我发现
当quality在0.2~0.5之间，图片质量变化并不大，quality的值越小，压缩效率越可观（也就是在0.2左右时，压缩图片可以最大化，同时并不对图片质量造成太大影响）
链接：
juejin.cn
展开
1
2
赞了这篇沸点
什么是视口？
在PC端，视口指的是在PC端，指的是浏览器的可视区域；
而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。
视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。
根据CSS3规范，视口单位主要包括以下4个：
1.vw：1vw等于视口宽度的1%。
2.vh：1vh等于视口高度的1%。
3.vmin：选取vw和vh中最小的那个。
4.vmax：选取vw和vh中最大的那个。
vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。
比如：浏览器高度950px，宽度为1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax。
vmin相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin。
作者：凉城a
链接：juejin.cn
在PC端，视口指的是在PC端，指的是浏览器的可视区域；
而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。
视口单位中的“视口”，PC端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport。
根据CSS3规范，视口单位主要包括以下4个：
1.vw：1vw等于视口宽度的1%。
2.vh：1vh等于视口高度的1%。
3.vmin：选取vw和vh中最小的那个。
4.vmax：选取vw和vh中最大的那个。
vh and vw：相对于视口的高度和宽度，而不是父元素的（CSS百分比是相对于包含它的最近的父元素的高度和宽度）。1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度。
比如：浏览器高度950px，宽度为1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax。
vmin相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin。
作者：凉城a
链接：
juejin.cn
展开
1
4
赞了这篇沸点
ES6中的flat
我们还可以直接调用 ES6 中的flat方法来实现数组扁平化。flat 方法的语法：arr.flat ( [depth] )
其中depth是flat的参数，depth 是可以传递数组的展开深度（默认不填、数值是 1），即展开一层数组。如果层数不确定，参数可以传进 Infinity，代表不论多少层都要展开：
作者：凉城a
链接：juejin.cn
我们还可以直接调用 ES6 中的flat方法来实现数组扁平化。flat 方法的语法：arr.flat ( [depth] )
其中depth是flat的参数，depth 是可以传递数组的展开深度（默认不填、数值是 1），即展开一层数组。如果层数不确定，参数可以传进 Infinity，代表不论多少层都要展开：
作者：凉城a
链接：
juejin.cn
展开
评论
2
赞了这篇沸点
JavaScript如何将对象转换为数组？
//注意对象必须是以下格式的才可以通过此方式转化为数组
//获取的DOM集合，以及函数的arguments也可以通过此方式转化为数组
var obj = {
0: 'qian',
1: 'long',
2: 'chu',
3: 'tian',
length: 4
}
var objArr = Array.prototype.slice.call(obj);
// var objArr = [].slice.call(obj);
// var objArr = Array.prototype.slice.apply(obj);
console.log(objArr)
作者：凉城a
链接：juejin.cn
//注意对象必须是以下格式的才可以通过此方式转化为数组
//获取的DOM集合，以及函数的arguments也可以通过此方式转化为数组
var obj = {
0: 'qian',
1: 'long',
2: 'chu',
3: 'tian',
length: 4
}
var objArr = Array.prototype.slice.call(obj);
// var objArr = [].slice.call(obj);
// var objArr = Array.prototype.slice.apply(obj);
console.log(objArr)
作者：凉城a
链接：
juejin.cn
展开
评论
2