工作中的零碎知识
Meditate_MasterYi
这个作者很懒,什么都没留下…
展开
-
vue2-ace-editor、monaco-editor 光标位置错误问题
巴拉巴拉原创 2022-02-22 19:24:35 · 2606 阅读 · 0 评论 -
获取js文件中函数体 进行字符串转化
import("@/common/utils/compressImg.js").then((res) => { let keys = Object.keys(res); let fns = keys .reduce((initial, next) => { return initial.concat(res[next]); }, []) .join("\n"); .原创 2022-02-09 13:48:13 · 488 阅读 · 0 评论 -
vue 使用turn.js 翻书效果
官方demo:::: https://github.com/blasten/turn.js/blob/master/demos/magazine_single/index.html1.去以上地址把对应的jq 和turn.js 下到本地项目 的public 文件夹下 ,在该文件夹下引入,2.组件内引入直接使用。3.npm 未进行安装jq 和turn如图...原创 2021-11-26 14:55:26 · 591 阅读 · 0 评论 -
js去除数组中存在上下级关系的值
需求说明:1. 后台给了一个 数组,值为已知树形结构的 id;2. 这个数组 存在上下级关系(也可能跨级存在上下级),且可能会重复3. 要过滤掉上下级的值,且保留上下级关系中的 顶层,不存在上下级关系的依然保留;例子:省市区关系图中,后台给了 [ 河北省、石家庄市、长沙市 ] 所对应的id全国省市区树形数据已知;最后保留 河北省、长沙市(因为石家庄属于河北省),代码如下:<!DOCTYPE html><html lang="en"><head>原创 2021-08-11 20:57:57 · 265 阅读 · 0 评论 -
js数组对象,值相同的组合在一起
需求:如上 对象数组进行组合 多字段组合//定义多个字段重复值 进行组合 无序let ceshiary = [ { name: '张二', id: 2 }, { name: '张一', id: 15 }, { name: '张一', id: 1 }, { name: '张三', id: 3 }, { .原创 2021-03-10 21:30:29 · 1220 阅读 · 1 评论 -
antd table 跨页选取数据
// template<a-table :rowSelection="{selectedKeys:selectedRowKeys,onChange:onSelectChange}">slotxxx</a-table>版本信息ant-design-vue:"^1.3.16"原创 2021-03-10 21:18:30 · 2297 阅读 · 2 评论 -
css flex 布局小技巧和bug
小技巧:实现如图 子元素自动居于右下角 .container { display: flex; flex-direction: row; background: pink; } .child { background: black; ...原创 2020-04-10 23:34:11 · 493 阅读 · 0 评论 -
button 点击 阴影效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>title</title> <style> .land { width: 100px; height: 10...原创 2019-10-12 11:25:35 · 1047 阅读 · 0 评论 -
用adb 命令打开和关闭 apk包安装apk包
首先电脑要装有安卓开发环境1 查看包名 命令如下adb shell pm list package2 退出apk 包adb shell adb shell am force-stop +包名 3 安装apk 包adb install -r +手动拖入包 +回车...原创 2018-11-13 11:18:40 · 1025 阅读 · 1 评论 -
react中 使用loadsh 的debounce 函数 问题
如果你这样写,页面跳转后在回来 会发现 之前的清除监听未能生效;造成重复监听bug; componentDidMount() { document.addEventListener('keydown', _.debounce(this.handleKeydown)) } componentWillUnmount() { document.removeEventList...原创 2019-01-02 17:23:28 · 2636 阅读 · 0 评论 -
antd 的Carousel 跑马灯 (react- slick )状态重置问题
antd 的Carousel 跑马灯 实际上是用的 react- slick 插件问题 从A页面跳转到B页面时 Carousel 组件默认会状态重置;原因:组件销毁 所以会重置解决方案:修改组件初始化时的initialSlide 为你想要的值 即可render() { let { move, foc_At, datas } = this.props.knowledge se...原创 2019-01-09 15:46:01 · 6005 阅读 · 0 评论 -
videojs-contrib-hls 报错问题
使用videojs 尝试播放m3u8格式文件时,官网推荐使用videojs-contrib-hls 但是发现正确引入 hls插件后仍然报错,media source XXX notfound解决方式:将videojs 从package.json 中删除 重新安装 npm install 即可 问题解释:videojs-contrib-hls 的node包中本身带有vide...原创 2018-10-31 17:02:34 · 7724 阅读 · 4 评论 -
react 、vue项目中比较实用的js插件
nodemon一个基于node server服务的插件 当修改server文件后不需要重新runserver.js文件 直接刷新页面就可生效 yarn global add nodemon terminal 中执行nodemon server.jsMoment.js处理时间格式化的类库; 官网jsmind树形工作流配置 ...原创 2020-04-10 20:23:50 · 1626 阅读 · 1 评论 -
js对象数组排序,查找与已知对象最接近的那个
代码 let ary=[{name:"小明",age:12},{name:"小红",age:16},{name:"小白",age:22},{name:"小亮",age:26}]; let me={name:"shuaige",age:19}; // 找到一个和自己年龄最接近的朋友 并找到他在数组中的位置 let myShe=ary.sort(function(...原创 2018-03-09 18:43:09 · 982 阅读 · 0 评论 -
react 纯函数组件中使用ref属性方法
1.您不能ref在功能组件上使用该属性,因为它们没有实例: 如下function MyFunctionalComponent() { return ;}class Parent extends React.Component { render() { // This will *not* work! return ( <MyFunctionalCo原创 2018-01-17 16:04:19 · 9052 阅读 · 0 评论 -
css3 跑马灯 首尾相接效果 不限制字体长短
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .scroll-area { position: relat原创 2018-08-10 12:56:32 · 3696 阅读 · 0 评论 -
mac 启动mongo 服务
终端cd /cd usrcd binmongod或者尝试直接在终端目录中以管理员身份开启mongosudo mongod原创 2018-05-30 10:17:55 · 1015 阅读 · 0 评论 -
Ant Design Modal 中嵌入Form表单后,initValue,不能动态获取最新值得问题
场景描述: 如下图所示,当我点击某个盒子的时候,我需要得到该盒子的数据, 问题:当我第一次点击的时候得到了当前的数据值,但是在点击其他的盒子的时候数据form中的数据还是上次的数据,并未更新。刷新页面后 出现当前盒子的数据信息,然后再次失效 Modal {...modalOpts} maskClosable={false}> Form layout="horizontal"原创 2018-01-06 19:42:56 · 10061 阅读 · 4 评论