01 2022 档案
摘要：cnblog - 修改markdown解析器样式 标题 # // ## -> hi => #*i :root { --markdown-title-bg: #D3BA7C; /* markdown 标题 # 背景色 */ } #cnblogs_post_body h2{ /* background:
阅读全文
摘要：vue- elementUi 分页偶数 在element分页中使用pager-count报错: Invalid prop: custom validator check failed for prop "pagerCount" 官网文档 解决 修改源码验证部分 pagerCount: { type:
阅读全文
摘要：vue - 更改element-ui分页组件的文字部分 element-ui 国际化 import Vue from 'vue' import ElementUI from 'element-ui' import locale from 'element-ui/lib/locale/lang/en'
阅读全文
摘要：js - 禁止复制和粘贴、另存为 使右键和复制失效 方法1 <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=ne
阅读全文
摘要：js - 编码解码 JavaScript 全局函数 escape、unescape （已弃用） 在 JavaScript 1.5 版中，不推荐使用 escape() 函数。请使用 encodeURI() 或 encodeURIComponent() 代替。 escape() 函数对字符串进行编码。
阅读全文
摘要：vue - router新窗口打开页面 声明式 <router-link /> 指定下面两个属性就可以了: tag="a" target="_blank" 新版router默认就是<a /> <router-link tag="a" target="_blank" :to="{path:'/open
阅读全文
摘要：js - 正则表达式 - RegExp 参考文档 runoob w3school 正则表达式 w3school RegExp RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 正则表达式 构成搜索模式（search pattern）的字符序列。一种字符串匹配
阅读全文
摘要：error - html元素中莫名奇妙的1px间距 非 box-sizing 原因，尝试过 上移一像素，第二行又出现此问题 取消 overflow:hidden, 边距没了，但底部圆角被遮盖 给子元素底部也设置圆角，尝试解决圆角被遮盖问题，但无效 发现是背景图片层级权重问题，给图片父容器也添加圆角并
阅读全文
摘要：error - ie strict 模式下不允许分配到只读属性 原因 img.style = 'width:100%;height:100%;display:inline-block;position:relative;z-index:0;'; // strict 模式下不允许分配到只读属性 解决
阅读全文
摘要：js - 循环 遍历方法 跳出循环 循环 for for有三个表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;分割， for循环三个表达式都可以省略，但是两个“;”缺一 不可。 for循环的执行特点：先判断再执行，与while相同 for循环三个表达式都可以有多部分组成，
阅读全文
摘要：数据处理 - 多平台接口状态码header请求封装方案 统一标准 状态码 header 区分处理 header 一起传入 { "headers": { "token": "", "plant1-token": "", "plant2-token": "" } } 分平台处理 !!!warning k
阅读全文
摘要：css - flex 踩坑 flex-shrink flex-shrink: 0 会导致元素宽度 无限拉长，不显示滚动或隐藏 ex demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equ
阅读全文
摘要：vue - 自动化模块批处理 store 模块化引入 传统引入 import Vue from 'vue'; import Vuex from 'vuex'; import module1 from './modules/modules1'; import module2 from './modul
阅读全文
摘要：js - tofixed精度丢失问题 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)； 但是其四舍五入的规则与数学中的规则不同，使用的是银行家舍入规则， 银行家舍入：所谓银行家舍入法，其实质是一种四舍六入五取
阅读全文
摘要：software - 音乐剪辑GoldWave 音乐剪辑 GoldWave 两个音效合并 其实就是用的“混音”的功能 首先打开两个文件的音频。 先选中一个音频文件窗口，点击复制，或者用快捷按键ctrl+c 然后选中另一个文件窗口，点击混音，或者用快捷按键ctrl+m 弹出混音窗口，可以调节混音的时间
阅读全文
摘要：css - 滚动条样式 - webkit-scrollbar -webkit-scrollbar 浏览器兼容 火狐下的滚动条样式无法去修改，但chorme下的则可以任意修改，惊喜的是IE竟然是最早实现这一功能的浏览器，IE5都能有效果。 IE下的滚动条样式修改跟chrome下的不一样，而且只能修改颜
阅读全文
摘要：vue - 使用jquery vue使用使用jquery的方法 vue要用到$ jQuery window.jQuery 三个变量，所以解决方法是: // webpack.config.js resolve: { alias: { 'jquery': path.resolve(__dirname,
阅读全文
摘要：vscode - setting - json -ldt { "volar.inlayHints.eventArgumentInInlineHandlers": false, "security.workspace.trust.untrustedFiles": "open", "workbench.
阅读全文
摘要：Error - Vue - 解决 property should be a constructor VUE props支持多类型的写法 ，解决 property should be a constructor defaultActive: { type: [String, Number], //St
阅读全文
摘要：vue - 数据改变页面不刷新 当vue中data里声明或者已经赋值过的对象、数组时，向对象中添加新的属性，如果更新此属性的值，页面不会更新视图。 举个栗子：当我点击按钮想要改变message中的值时 <template> <div> <span>{{ message }}</span> <butt
阅读全文
摘要：css - 文本溢出效果 - 溢出省略选中或hover全显 要求 文本溢出 1. 显示... 2. 鼠标移入项和当前激活项显示全部 实现 flex-shrink 预览 <template> <!-- 表格页，用途行 --> <div class="credit_card_use"> <div cla
阅读全文
摘要：算法 - 谈谈"求线段交点"的几种算法(js实现,完整版) 谈谈"求线段交点"的几种算法(js实现,完整版) 已知两点的坐标,求直线的算法 已知两点坐标（x1,y1）,（x2,y2）求过两点直线方程的算法. 1.斜截式 k=(y2-y1)/(x2-x1) 所以直线方程 y-y1=k(x-x1) 再把
阅读全文
摘要：npm - publish 来源 npm publish —— 发布npm包 steps 在npm官网注册账户 在填写的邮箱中验证邮箱 在命令行中登录 使用npm源 进入需要发布的目录发布项目 修改更新版本 注册 进入进行注册，如果已经注册进入跳到第三步 error npm发布及解决403 403
阅读全文
摘要：vue - 动态统计 intro 需求 更具不同配置显示不同统计效果和数据 组件 宽高 组件宽高自行通过盒子实现，项目使用动态布局组件，可从首页导航 列 滚动 尽量避免滚动或自行调整滚动样式 动态背景 难点 不同宽度组件间通过拉伸宽度达到协调效果 通过计算透明度主题色 实现思路 伪类长方形旋转 （无
阅读全文
摘要：css - flex布局 来源：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于 盒状模型 ，依赖 display 属性 + position 属性 + flo
阅读全文
摘要：数据处理 - 跨分页批量选择过滤解决方案 需求 ex:total=100 批次选择框勾选 = 100 列表全选选择框勾选 = 15 批次选择框勾选，取消某几页某几项 index: 0-20,29-50,52-99 用于大数据量避免前端需要查询全部页面数据 解决方案 核心 避免获取所有数据id，接口直
阅读全文
摘要：js - 实现数组元素交换位置 /** 数组元素交换位置 @param {array} arr 数组 @param {number} index1 添加项目的位置 @param {number} index2 删除项目的位置 index1和index2分别是两个数组的索引值，即是两个要交换元素位置的
阅读全文
摘要：scss - 变量calc计算 假定定义变量$a = '20px'，若要使用calc，直接calc(100% - $a)这么用是不行的， 需要按如下使用方法： calc(100% - #{$a})
阅读全文
摘要：
阅读全文
摘要：vue - 动态导航栏 intro 需求 路由到不同页面根据需求加载不同导航（显示其他或不显示） 实现 主页头部 <div class="left_menu"> <span class="logo_box"> <img src="~@/assets/img/logo.png" alt="" /> <
阅读全文
摘要：资源链接 快速入门 WebRTC：屏幕和摄像头的录制、回放、下载
阅读全文
摘要：js - 流文件 图片流显示 let imgSrc = window.URL.createObjectURL(new Blob([res])) 流文件下载 // ie10+ let blob= new Blob([res]), name=row.theme_name+'.jpg' if (navig
阅读全文
摘要：我是如何用 Three.js 在三维世界建房子的（详细教程）
阅读全文
摘要：js-utils - fullscreen - 全屏 预览 blog intro 指定dom全屏，非整个页面全屏 效果 博客园代码块 不兼容ie 只是在页面窗口全屏，浏览器导航仍然显示 webkitRequestFullScreen 不兼容ie 显示器全屏，浏览器导航不显示 webkitReques
阅读全文
摘要：utils - setFontSize - 设置字体大小 intro 原理 使用 postcss-plugin-px2rem 将 px 转为rem，在根节点设置font-size notice webpack ie 兼容 babel 处理 node_modules 文件 rem 是基于html，不是
阅读全文
摘要：blob - hexo hexo史上最全搭建教程 在Hexo博客上添加可爱的Live 2D模型
阅读全文
摘要：js-util - 获取浏览器、设备信息 utils function getExplore(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like g
阅读全文
摘要：utils - water-mark - 水印 预览 blog git demo 介绍 水印 效果 使用 let waterMark = new WaterMark({ pushDom: false, }); waterMark.setImg( 'https://images.cnblogs.com
阅读全文
摘要：格式化不去除空行、分号、最后的字段会添加逗号 markdown无法导出pdf 输入dom 元素 不会自动闭合
阅读全文
摘要：vscode - setting - json - hasee { "workbench.colorTheme": "Default Light+", "search.followSymlinks": false, "editor.wordWrap": "on", "workbench.iconTh
阅读全文
摘要：webpack-css-loaders demo autoprefixer intro 前端开发中，为兼容所有浏览器，部分CSS属性需要加上不同的浏览器前缀，这些属性多且难记。这里配置autoprefixer css后处理器自动兼容 配置 // vue.config.js module.export
阅读全文
