- 博客(22)
- 收藏
- 关注
RSS订阅原创 获取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
406
原创 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
521
原创 js去除数组中存在上下级关系的值
需求说明：1. 后台给了一个 数组，值为已知树形结构的 id；2. 这个数组 存在上下级关系（也可能跨级存在上下级），且可能会重复3. 要过滤掉上下级的值，且保留上下级关系中的 顶层，不存在上下级关系的依然保留；例子：省市区关系图中，后台给了 [ 河北省、石家庄市、长沙市 ] 所对应的id全国省市区树形数据已知；最后保留 河北省、长沙市（因为石家庄属于河北省），代码如下：<!DOCTYPE html><html lang="en"><head>
2021-08-11 20:57:57
228
原创 js数组对象，值相同的组合在一起
需求：如上 对象数组进行组合 多字段组合//定义多个字段重复值 进行组合 无序let ceshiary = [ { name: '张二', id: 2 }, { name: '张一', id: 15 }, { name: '张一', id: 1 }, { name: '张三', id: 3 }, { .
2021-03-10 21:30:29
1164
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
2166
2
原创 reduce排序
let ary = [{ age: 9},{age: 1},{age: 8},{ age:2},{age: 7},{age: 3}]let sortByMySelf = function (arr, key) { return arr.reduce((total, next) => { let findIndex = total.findIndex((item) => { return item[key] > next[key]
2020-12-17 09:27:15
1316
原创 css flex 布局小技巧和bug
小技巧：实现如图 子元素自动居于右下角 .container { display: flex; flex-direction: row; background: pink; } .child { background: black; ...
2020-04-10 23:34:11
438
原创 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
1500
1
原创 button 点击 阴影效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>title</title> <style> .land { width: 100px; height: 10...
2019-10-12 11:25:35
1013
原创 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
5900
原创 react中 使用loadsh 的debounce 函数 问题
如果你这样写,页面跳转后在回来 会发现 之前的清除监听未能生效；造成重复监听bug； componentDidMount() { document.addEventListener('keydown', _.debounce(this.handleKeydown)) } componentWillUnmount() { document.removeEventList...
2019-01-02 17:23:28
2615
原创 用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
968
1
原创 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
7355
4
原创 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
3534
原创 rem布局 自动适配脚本
function refreshRem() { // var desW = 750; var desW = 1280; var winW = document.documentElement.clientWidth; var ratio = winW / desW; document.documentElement.style.fontS...
2018-07-19 19:18:10
508
原创 mac 启动mongo 服务
终端cd /cd usrcd binmongod或者尝试直接在终端目录中以管理员身份开启mongosudo mongod
2018-05-30 10:17:55
989
原创 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
959
原创 Git 提示detached HEAD错误的问题
detached HEAD的情况 当前分支指向的是一个commit码 处于游离状态 1. git commit 先进行提交 2. git branch temp 06763f6 将刚才commit的内容存入一个新的分支 3. git checkout temp 切换到刚才创建的分支 （可以省略） 4. git checkout develop 你原来的开发分支 5. G
2018-01-29 10:10:16
1239
原创 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
8995
原创 Ant Design Modal 中嵌入Form表单后，initValue，不能动态获取最新值得问题
场景描述： 如下图所示，当我点击某个盒子的时候，我需要得到该盒子的数据， 问题：当我第一次点击的时候得到了当前的数据值，但是在点击其他的盒子的时候数据form中的数据还是上次的数据，并未更新。刷新页面后 出现当前盒子的数据信息，然后再次失效 Modal {...modalOpts} maskClosable={false}> Form layout="horizontal"
2018-01-06 19:42:56
9953
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人