前端项目
好烦吃不胖
这个作者很懒,什么都没留下…
展开
-
ElementUI实现下拉组件的分页以及编辑时数据回显
1、效果图2、实现过程//TODO原创 2021-08-06 10:00:54 · 527 阅读 · 2 评论 -
elementUI下拉框分页加远程搜索组件封装
<template> <el-select v-model="copyValue" :disabled="disabled" filterable clearable remote @clear="selectClear" placeholder="请选择" @change="updateValue"原创 2021-08-04 17:51:45 · 1121 阅读 · 3 评论 -
Manjaro 下运行VUE项目无法启动
报错查看日志,编译成功了,因我把系统自带的firefox卸载了,所以报错解决方法方法1、项目启动是不自动open浏览器,把启动命令中的–open 去掉方法2、把默认浏览器重新设置以下,我安装的是chrome,所以需要执行export BROWSER=/usr/bin/%YOUR_WEB_BROWSER% ,可以把这个命令写入开机启动文件...原创 2021-05-10 09:25:37 · 189 阅读 · 0 评论 -
ElementUI表格的多选功能在翻页时保留之前页的选择
参考element-ui的表格有多选框时翻页记住之前选择的数据场景描述:element-ui的table表格数据有提供多选框的功能,只要在表格列中多加一列就可以选择表格的数据。但是有时候表格的数据是有分页的,分页一般是要重新请求后台数据,这样上一页的数据的选中状态就没有了。解决办法:element-ui提供了reserve-selection,它仅对 type=selection 的列有效,类型为 Boolean,为 true时会在数据更新之后记住之前选择的数据。(需要指定row-key)代码如原创 2021-03-03 17:32:54 · 705 阅读 · 1 评论 -
webrtc音频流的融合
背景用webrtc做了个录屏功能,但是领导要求,录屏要有声音,不仅包含本地麦克风还要能录制会议中其他人的声音。音频流融合,核心代码说明:我是在peerconnection的时候,监听ontrack事件,在事件的回调函数中获取远端的音频track,然后放入一个map对象,key为用户id,value为音频的track对象。第一行navigator.mediaDevices.getUserMedia({audio: true})是为了获取本地音频流,当然你可以也把他加入到map对象,统一到foreach原创 2021-01-08 17:56:49 · 1164 阅读 · 4 评论 -
国内下载安装electron卡在install.js
网上找了很多方法,都尝试过,但是对我没有用。修改镜像地址为淘宝,这个方法不用说,即使不安electron也要改为国内镜像,--------该方法不好使把ELECTRON_MIRROR单独修改成淘宝镜像,也不好使手动下载zip包,但是网上提供得基本都是过时得解决方法还是要手动下载,下载地址https://npm.taobao.org/mirrors/electron/ 选择你自己得版本,在控制台看提示,找到你要下载得那个包,比如下图我得是下载electron-v10.1.6-linux-x64.原创 2020-11-24 17:38:17 · 902 阅读 · 0 评论 -
vue-router中的replace和push
官方说明vue的官方对路由的replace说明如下,但是看完表示并不理解,在实际项目中需要路由跳转的基本一律 用的push方法,今天特意做了一下实验验证replace到底和push的区别在哪里举例说明假设现在有有用户后台管理系统,有三个页面,登录页、列表页、详情页,逻辑如下:首先进入登录页,路由地址:http://localhost:8888#/login (假设路由名字叫login)登录成功,跳转到用户列表页面http://localhost:8888#/list (假设路由名字叫list)原创 2020-12-25 15:16:18 · 1625 阅读 · 2 评论 -
JS 学习
1、require语法引用廖雪峰require教程当 Node 遇到 require(X) 时,按下面的顺序处理。(1)如果 X 是内置模块(比如 require(‘http’)) a. 返回该模块。 b. 不再继续执行。(2)如果 X 以 “./” 或者 “/” 或者 “…/” 开头 a. 根据 X 所在的父模块,确定 X 的绝对路径。 b. 将 X 当成文件,依次查找下面文件,只要其中有一个存在,就返回该文件,不再继续执行。XX.jsX.jsonX.node c. 将转载 2020-12-24 09:21:49 · 54 阅读 · 0 评论 -
WebRTC桌面共享手动停止
背景用webrtc分享桌面,或者录制屏幕时会弹出一个悬浮窗口,如下图所示:有时用户会无意间点击停止共享,那么需要我们做相应的监听事件。处理webrtcc提供了一个track的结束事件 navigator.mediaDevices.getDisplayMedia().then(stream => { //监听手动点击“停止分享” stream.getVideoTracks()[0].onended = ()=>{ //监听以后的处理逻辑……原创 2020-12-18 12:00:16 · 2013 阅读 · 9 评论 -
前端项目无法安装node saas,下载慢的问题
解决方法参考github方法一:使用淘宝镜像macOS 系统直接运行下面的命令即可:SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass我们一般更希望能跨平台、并且直接使用 npm install 安装所有依赖,所以我的做法是在项目内添加一个 .npmrc 文件:sass_binary_site=https://npm.taobao.org/mirrors/node-sass/phant原创 2020-12-08 14:09:24 · 377 阅读 · 0 评论