- 博客(16)
- 收藏
- 关注
原创 使用rollup构建报错
报错内容Rollup requires that your Babel configuration keeps ES6 module syntax intact. Unfortunately it looks like your configuration specifies a module transformer to replace ES6 modules with another module format. To continue you have to disable it.Most com
2023-02-20 23:38:07
794
原创 关于url乱码的解决方案
JS中对URL进行转码与解码escape 和 unescapeescape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%...
2020-04-10 23:47:56
1057
原创 关于Object.assign()方法的浅拷贝与深拷贝问题
例:let s = { name: { zs: 'liyang' } }let d = Object.assign({}, s)对于s对象中的zs属性的修改属于深拷贝,而对于name的修改属于浅拷贝打个比方,d.name = [ ‘333’ ]这个只会改变d这个新对象,而不会改变s对象,属于浅拷贝而d.name.zs=[ ‘111’ ]这个既会改变原对象s,也会改变新对象d,属于深拷...
2019-09-29 16:19:07
436
1
原创 完整原型链图解
图中有几个难点:1.Function构造函数可以用Function.__proto__来访问Function.prototype. 这是因为Function构造函数的构造函数是他本身,作为实例化对象的角色来访问,可行。2.任何函数都是函数,他都继承Function的所有属性和方法,而Function是内置的构造函数,也是对象,都是继承Object的所有属性和方法。...
2019-09-29 10:33:09
1752
转载 关于移动端1px如何实现的问题
(function() {//解决不同手机dpr不一致的适配问题(解决了1px的问题) var scale = 1.0; if (window.devicePixelRatio === 2) { scale *= 0.5; } if (window.devicePixelRatio === ...
2019-09-27 23:06:40
195
原创 关于移动端video-player点击播放自动全屏
最近一个需求,由于给定的视频资源是竖屏,而UI给定的设计图是横屏(竖屏不美观),导致最终定下的需求是:点击播放按钮,自动全屏播放。至于为什么花了这么久,主要原因是开始感觉这个需求比较简单,完全可以直接使用video标签实现,不用插件,然而倒腾了半天,网上查了大堆资料,始终无法实现,具体原因目前仍不清楚,貌似跟浏览器内核有关?稍后继续研究去。先上图点击之后自动全屏代码:vue怎么使用v...
2019-09-20 20:40:34
10589
7
转载 移动端video标签常用属性
<videoid=“video”src=“video.mp4”controls = “true”poster=“images.jpg” /视频封面/preload=“auto”webkit-playsinline=“true” /这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放/playsinline=“true” /IOS微信浏览器支持小窗内播放/...
2019-09-16 19:08:29
3278
原创 关于javascript闭包的作用及优缺点
Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量,反之则不行。闭包的最大用处有两个,一个是读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。对于闭包的总结,可以借用...
2019-09-10 18:14:53
662
原创 2019-09-05T09:56:02.000Z格式转换时间格式
new Date(‘2019-09-05T09:56:02.000Z’).Format(“yyyy-MM-dd HH:mm:ss”)输出为"2019-09-05 17:56:02"注:此时间格式为UTC通用标准时,以Z来标识。
2019-09-05 18:24:40
10424
4
原创 ES6数组去重的方法
let arr = new Set(2,2,2,3,3,3,3,4,4,6,7,7,7,7)let newArr = Array.from(arr)newArr为去重后的新数组,arr是Set函数的一个实例。
2019-09-03 16:18:53
1415
原创 将vue项目中静态资源抽离,用CDN的方式引入,实现页面加载速度的提升。
第一步:externals中的资源在打包时是不会被打包进去的。第二步:CDN引入第三步:router下的index.js中关于vue和vue-router的引入都去掉。第四步:main.js中,静态资源的引入去掉,但是router要保留,因为main.js中的router不是引入的外部的静态资源,而是你自己写的关于router的配置,要挂在到vue实例上的。注意此处的rout...
2019-08-27 14:24:24
3916
原创 关于Array.prototype.push()方法
今天在工作时突然发现了一个很奇怪的问题,定义了一个空数组,请求完成后往这个数组里面push了一个对象,结果界面一打开,一长串报错,像这种:其实当时也想到了一种解决办法,但是本着刨根问底的信念,查阅一番资料之后发现,这其实是个蛮基础的问题,数组的push方法,是直接修改的原数组,返回的是新数组的长度,所以,这里的原数组实际上被修改为了一个长度值,是一个number值。于是导致了这一堆报错。稍作记...
2019-08-26 20:42:43
1044
原创 关于 For recursive components, make sure to provide the “name“ option.报错
关于 For recursive components, make sure to provide the “name” option.报错引入一个模态框包裹的子组件,点击按钮可唤出。但是:自己检查了一遍引入,注册,调用 都没什么问题,上网查了关于这个报错的原因,又检查了一遍,没有任何问题。一脸懵逼。。。接着在另外一位前端小姐姐的帮助下,在子组件中找问题:搞了半天,是这里的te...
2019-08-21 16:48:13
17952
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人