- 博客(9)
- 收藏
- 关注
RSS订阅原创 react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成
react项目中使用阿里播放器播放视频，包括切换视频，播放定时跳转（兼容ios和andro），播放完成1.index.html引入阿里播放器的cdn<link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />2.创建播放器组件需要播放器其他方法的可以参考阿里播放器SDK阿里播放器SDKimport React from 'react
2020-11-23 15:40:15
1830
2
原创 VUE项目加载速度慢，加载资源量大，带宽占用多，静态资源请求优化
VUE项目加载速度慢，加载资源量大，带宽占用多，解决方案基于提高用户的访问体验，节约项目的运营成本，毕竟多1KB，1000人的并发带宽就要多占用1M，废话不多说，直接上正事。1.router采用懒加载，这个应该都有的，vue-cli的时候，配置的router里面就有懒加载，就是访问哪个页面组件，就加载哪个页面的静态资源。但是这里面也有一个可以优化的点。vue-cli生成的项目，你访问首页的时候会发现，居然加载了其他页面的JS。优化的点就在这里，可以取消webpack的预加载。module.export
2020-11-12 17:31:24
4265
2
原创 react数组数据变化后不重新渲染，加了key也没有用？你更新数据的方法错了。
一般是初学react的同学才会出现这样的问题，虽然不难，却很困扰。这是因为数组，是引用，你虽然更新了数组，但是数组的引用地址没有变化，react就不会认为它有变化。所以，只需要在复制的时候，对之前的数组进行深拷贝，再将新的数组set给原来的变量，就ok了。附上之前写的深拷贝代码一份。export const deepCopyObj = (obj) => { //对象及数组深拷贝 if (Object.prototype.toString.call(obj) == '[object Obj
2020-06-23 10:52:22
3976
原创 js 避免快速点击对页面造成影响的方法，任何地方都实用
方法简单，使用简单，写得不好，仅供参考。const preventFastClick = (time) => { let nowDate = (new Date()).getTime(); let stopTime = sessionStorage.getItem('stopTime'); if (stopTime) { console.log(Nu...
2019-12-27 15:08:18
212
原创 js 将秒转化为24小时制
希望能有所帮助，写得不好，仅供参考const timeFormater = (val) => { let second = val % 60 > 0 ? ((val % 60).toString()).length > 1 ? (val % 60).toString() : '0' + (val % 60).toString() : '00'; let minu...
2019-12-27 15:01:59
910
原创 利用对象的深度对比，实现前端缓存数据，优化渲染，提升用户的体验性
利用对象的深度对比，实现前端缓存数据，提升用户的体验性深度对比数据可以参考我之前写的一篇文章，此处的深度对比我会贴在末尾实现数据缓存其实也很简单，就是利用localstorage和sessionstorage来实现的直接来代码（此处是react+hooks的例子，vue或者没用这两个框架的，可以直接声明变量来对页面赋值） const [taskList, setTaskList] = us...
2019-12-13 14:29:07
224
1
原创 对比两个变量是否相等(各种数据类型)
var a = {a1: “123”,a2: 1,a3: {a11: “321”,a22: 2,a33: {a331: “456”,a332: [1, 2, 3],a333: {a3331: true,a3332: null,a3333: function () {console.log(1)}// a3333:testFunc}}}}function de...
2019-09-04 16:19:30
1138
原创 递归深拷贝对象，包括对象包含的数组，方法，以及对象套对象的拷贝
var a = {a1: “123”,a2: 1,a3: {a11: “321”,a22: 2,a33: {a331: “456”,a332: [1, 2, 3],a333: {a3331:true,a3332:null,a3333:function(){console.log(1);}}}}}function deepCopyObj(obj) {var n...
2019-09-04 10:29:44
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人