- 博客(17)
- 收藏
- 关注
RSS订阅原创 一行代码解决vue数据量大卡顿问题
最近遇到一个需求，需要在地图上显示某地区的路网线路，结果后端直接返回了3w多条数据，每条线路下坐标点接近100个，这四舍五入就是300w的数据啊。而且还不能分层级显示，只能一次性显示全部打点，没办法，硬着头皮放到地图上吧。开发完成，打开网页，拖动地图，偶尔出现了卡顿的情况，但是，上线吧，能用就行3天后产品经理：诶，这数据怎么不会变啊，你加个轮询定时请求吧，还有地图能不能有点动态效果，隔一段时间随机定位到某个地点吧，然后地图打点点击要有详细数据的弹窗打工人：…加上轮询，打开网页，拖动地图，出现了明显
2021-09-29 10:27:27
14113
原创 浏览器显示海康摄像头实时预览画面纯前端解决方案
浏览器显示海康摄像头实时预览画面纯前端解决方案将海康设备的 rtsp 协议视频流通过 ffmpeg 转码为 flv 实时视频流，并将实时视频流通过 express 服务生成 http 长链接或 ws 返回。最后通过b站开源的 flv.js 插件在浏览器上显示直播画面。安装 ffmpeg下载ffmpeg安装 fluent-ffmpeg 插件npm i fluent-ffmpeg指定 ffmpeg 的安装地址ffmpeg.setFfmpegPath(“G:/app/ffmpeg-202
2020-05-12 09:10:36
7695
3
原创 vue-cli3前端优化
前端优化1.Compression-webpack-plugin安装：npm install compression-webpack-plugin --save-dev作用：打包后会生成 .gz 压缩文件，减少文件资源体积，提升网络传输速率，优化web页面加载时间原理：浏览器请求资源文件时会自动带一个Accept-Encoding的请求头告诉服务器支持的压缩编码类型服...
2020-04-24 16:35:06
238
原创 正则大全
正则any-rule火车车次/^[GCDZTSPKXLY1-9]\d{1,4}$/手机机身码(IMEI)/^\d{15,17}$/必须带端口号的网址(或ip)/^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/网址(url,支持端口和"?+参数"和"#+参数)/^(((ht|f)tps?):\/\/)?[\w-]+(\.[...
2020-04-24 11:53:10
3367
原创 python爬取中国天气网天气图标
python爬取中国天气网天气图标准备工作天气预报图例网址：http://www.weather.com.cn/static/html/legend.shtml安装requests：pip install requests网页分析打开网页，可以看到图标有很多，而且分白天和夜间，我们要把图标保存到本地，并且图标名字要对应- 右键查看网页源代码，发现图标和名称都放到 <td...
2020-01-07 16:20:09
1737
3
原创 git 命令
首次提交 // 初始化 git init // 查看状态 git status // 添加当前目录 git add . // 提交 git commit -m "add" // 添加远程仓库地址 git remote add origin "https://github.com/Ljsxx/demo.git" // 提交 git push -u origin master...
2019-12-13 15:10:16
148
原创 python3 webp转gif格式
使用PIL库，python3的安装方式pip install pillowfrom PIL import Imageimport osimport reimgPath = './img/'webpReg = r'webp$'def getAllFile (filePath): files = os.listdir(filePath) return filesdef ...
2019-12-10 09:09:04
926
原创 手写react-router-dom
需要实现的功能路由模式：hash，browser组件：HashRouter，BrowserRouter，Route，Switch，Redirect，Link当前路由信息：路径pathname，参数query路由跳转：push，replace，go，goBack...
2019-11-16 15:28:56
706
原创 mysql
mysql进阶一-基础#进阶1：基础查询/*语法：select 查询列表 from 表名;类似于：System.out.println(打印东西);特点：1、查询列表可以是：表中的字段、常量值、表达式、函数2、查询的结果是一个虚拟的表格*/USE myemployees; #使用这个数据库#1.查询表中的单个字段SELECT last_name FROM emp...
2019-11-05 15:20:32
221
原创 antd 自定义主题
先交代下背景antd 按需加载，在package.json中配置babel "babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { "libraryName": "antd", "libraryDi...
2019-10-10 18:14:38
524
原创 实现vue自定义指令v-loading
1. 创建文件在 loading文件夹下创建3个文件，index.js、loading.vue 和 loading.jsindex.js文件用来暴露安装插件接口，这个下面会有说明。有了 Vue.directive这个方法就可以在页面中使用自定义指令 v-loading了// plugins/loading/index.jsimport loading from './loading'ex...
2019-09-09 18:40:22
2948
2
原创 解决IE浏览器图片不显示，报DOM7009: 无法解码 URL 处的图像问题的方法【转】
问题描述网页上某些图片用 ==火狐 、谷歌、360极速模式 == 等都可以正常显示。但是用 ie、360兼容模式 却不能正常显示。浏览器报DOM7009: 无法解码 URL 处的图像，如下图所示：发生原因这是因为上传了直接修改文件后缀名的图片导致的。例如使用PS软件对PSD图像切片后，比如保存的图片格式 .png格式，后来直接修改后缀名成了==.jpg==格式，这样可能使IE浏览器无法...
2019-08-06 15:08:52
3518
原创 vue后台管理系统权限解决方案
最近项目的权限管理用到了vue-router的addRoutes方法，这里记录一下业务场景1.用户登陆 — 获取权限 — 判断权限 — 生成动态路由2.用户刷新，停留在原页面3.用户退出 — 重新登陆 — 获取权限 — 判断权限 — 生成新的动态路由遇到的坑1.重新登陆生成动态路由时，vue-router提示 [vue-router] Duplicate named routes...
2019-08-01 16:18:34
795
原创 理解原型和原型链
function P (name) { this.name = name this.gohome = function () { console.log(this.name + ' gooing') } this.__proto__.sayName = function () { console.log('my name is ' + this.name) }}P.proto...
2019-07-04 10:53:19
106
原创 从0开始搭建vue移动端
创建项目// 全局安装vue-clinpm install -g vue-cli// 创建项目vue init webpack vue-demo如果出现 vue’ 不是内部或外部命令，也不是可运行的程序 或批处理文件：输入 npm config list 查看npm配置信息找到 vue.cmd 存放的路径，将路径添加到环境变量中在main.js中引入flexible...
2019-07-04 10:11:03
164
原创 从0开始搭建react移动端
创建项目npx create-react-app my-app暴露配置项npm run eject引入flexible.js文件// index.jsimport './flexible.js'// flexible.js(function(win, lib) { var doc = win.document; var docEl = doc.docume...
2019-07-03 14:38:05
248
原创 简单实现vue
var MyVue = function (options) { var keys = Object.keys(options.data) this._data = {} keys.forEach((key) => { Object.defineProperty(this, key, { get () { retur...
2019-06-15 14:05:43
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人