JavaScript
关注
分享
扫一扫
文章平均质量分 73
红宝书的点点滴滴
易01
软件开发工程师
展开
-
TypeScript高级类型
TypeScript高级类型原创 2022-07-27 20:26:55 · 428 阅读 · 0 评论 -
Vue中使用render 封装el-table解决多级表头自定义模板
vue中多数情况下使用template封装组件逻辑清晰结构简单。但是在某些情况下，比如非常简单的组件 vue render简单解析或者template无法解决某些场景下，。使用完全javascirpt能力就显得尤为重要。文章目录使用render场景render简单了解createElement 了解模板中 attribute 对应的数据对象render中操作`$attrs`和`$listener`render 中 `$slots、$scopedSlots、scopedSlots`$slots$sco.原创 2021-03-13 15:26:01 · 3034 阅读 · 5 评论 -
vue-element-admin 左侧菜单增加可拉伸收缩
有时候左侧菜单项名称太长导致会出现滚动条或者不用滚动条，直接加title.,体验不太好，想增加一个手动拖动拉伸收收缩的功能目录slidebar增加拖拽点增加动态style增加计算属性barWidth监听拖拽点slidebar增加拖拽点增加id 为split-panel的布局。且设置isCollapse为true的时候，即只有打开的时候才可以进行拖拽split-panel样式：#split-panel { cursor: col-resize; height: 100%; width.原创 2020-12-11 10:14:13 · 3524 阅读 · 9 评论 -
xlsx配合element-ui 中的table 多级表头导出excel
以前利用exceljs 做过 导出自定义样式的Excel文件，然而现在有需要表格的表头是多级的。这样会非常麻烦。要把没级表头重新拆开以最小表头为层级的数，还要去处理行与列的情况。这样工作量忒大了，直接裂开。所以这里直接用了xlsx 中的导table为excel的方式目录xlsx地址依赖安装引入`xlsx`和`file-saver`使用xlsx地址xlsx地址依赖安装1、安装xlsx依赖npm install xlsx -S2、安装file-saver下载excelnpm install.原创 2020-09-28 15:55:44 · 1536 阅读 · 1 评论 -
spinner使用以及简单封装
有些时候element-ui提供的loading，某些人觉得不好看。那么这个时候就要自定义一些loading。这里给几个推荐文章目录开源spinnerepic-spinners地址效果vue-spinner地址效果根据上述进行封装开源spinnerepic-spinners地址效果vue-spinner地址效果根据上述进行封装...原创 2020-09-21 14:55:49 · 581 阅读 · 0 评论 -
animejs基本使用
文章安装引入使用options动画参数更多安装npm install animejs 引入var anime = require("animejs/lib/anime");使用anime(options);例: 对一个id为 example 的 dom 高度进行从0 到 100的动画anime({ targets: '#example', height: [0, 100], duration: 300, easing: "原创 2020-09-11 17:02:12 · 2242 阅读 · 0 评论 -
VSCODE插件之Regex Previewer 使用
vscode插件值Regex Previewer的使用，平时使用正则校验测试，则，该插件还不错安装完之后：选中需要测试的正则，ctrl+alt+m（mac ：⌥⌘M)）或者点击test Regex打开预览面板在预览面板增加需要测试的正则串例如：测试选中则表示正则匹配千里之行始于足下...原创 2020-08-05 16:06:26 · 7258 阅读 · 1 评论 -
ES6扩展之运算符...
ES6 扩展运算符...开始数组应用总结对象应用总结总结数组说到...(三个点)，rest用于获取函数的多余参数。而扩展运算符...,它与rest参数相反，rest用一个变量数组的值去表达多个参数，而这里的扩展运算符，相当于将一个数组的值以特殊字符去分隔而得到的示例：var a=[1,2,3]console.log('a=',a)console.log('...a=',...a)应用1.复制数组对于只有一层的数组复制为深复制，即数组中不包含对象，否则为浅复制。（深浅复制的区别）.原创 2020-07-13 17:45:46 · 408 阅读 · 0 评论 -
轻量级的货币金额处理库currency.js的使用
货币金额计算等。因为IEEE754 数值的浮点计算，js没有处理浮点计算精度误差问题,其他语言入java，c内部处理了。currency.js传送门只有1kb的超级轻量级的处理货币金额的js库安装currency.jsnpm install --save currency.js使用currencynode_modules中已安装名为currency.js打开currency.js 使用module.exports导出模块那么使用require(‘模块名’)引入。我们都知道对于nod.原创 2020-07-02 11:08:23 · 5573 阅读 · 0 评论 -
图片显示、文件下载等
下载附件文件以及图片显示，后端返回url。前端直接根据url，去打开或者图片直接赋给src即可后端返回流可以看我另一篇博->传送门在那篇博客中，直接使用responseType设置为blob类型。然后使用URL.createObjectURL() 创建一个地址。也可以responseType 设置arraybuffer。只不过要使用blob去转换为blob然后再去使用URL.createObjectURL()当然也可以转成base64去直接显示图片。这里使用window中的b.原创 2020-06-10 12:23:21 · 350 阅读 · 0 评论 -
Vue中v-html无法渲染
vue 中v-html将原始html渲染为带样式的文本最近在使用v-html去渲染富文本的时候发现，怎么都渲染不出。后发现后端为了安全性考虑，将<"、">"、"&"全部进行了转义这个时候要使用innerText 去渲染出原始htmlVue.prototype.$HtmlUtils = { /** * @param {Object} text 转码为html */ htmlDecode: function(text) { var temp .原创 2020-06-05 18:01:42 · 4771 阅读 · 1 评论 -
分享一款基于uniapp不错的UI框架
Dcloud 的产品早在mui,h5+的时候就在使用，当时的Dcloud ，文档混乱，示例混乱，社区混乱，导致出现很多问题。都找不到人解决。不过现在的Dcloud中uni-app横空出世，初步使用，虽然里面还是有不少问题，但是Dcloud的产品越来越向好的方向发展，社区也越来越壮大，这里也衷心希望Dcloud越来越好uView：uView的目标是成为uni-app生态最优秀的UI框架。组件：工具：模板:千里之行始于足下...原创 2020-05-15 15:43:06 · 23459 阅读 · 4 评论 -
分享一款模仿阅读器翻页的js插件
当年写android小说阅读器的时候的时候很多轮子。现在H5的时候也让我发现一款不错模仿阅读器翻页的插件Turn.js具体还没有接入使用，后面接入之后再分享使用原创 2020-05-14 22:58:29 · 2241 阅读 · 0 评论 -
echarts坐标轴标题显示不全问题
echart 使用过程中经常遇到x轴标题过长而导致有些标题不显示的问题这里我采用直接使用旋转坐标轴标题配置xAxis：xAxis:[ axisLabel:{ interval:0,//标识间隔多少个标题显示，这里标题过长会重叠遮挡，这里0设置强制显示 rotate:60//旋转60度 }]以上方法是可以是可以，但是有时候转了轴之后还是会遮挡,这个时候设置padding，height，lineHeight，都是没用滴。设置gird中的属性即可比如：原因是grid的bott.原创 2020-05-11 16:08:04 · 3677 阅读 · 0 评论 -
JS之元素大小高宽
目录offsetHeight和offsetWidthclientHeight和clientWidthscrollHeight 和 scrollWidthoffsetHeight和offsetWidth偏移量，包括元素所有的可见高度或宽度，就是包括其内容+padding+边框<!DOCTYPE html><html lang="en"><head>...原创 2020-04-08 14:50:35 · 209 阅读 · 0 评论 -
VueCli3以下获取process.env.NODE_ENV数据
参考对于VueCli3配置不同环境变量，请参考: vue-cli3创建项目而对于Vuecli3以下的则要注意使用cross-env去设置变量！以开发环境说明运行脚本"scripts": { "dev": "cross-env node build/dev-server.js" }config中的dev.env.jsmodule.exports = { NODE_E...原创 2019-12-27 15:57:46 · 18775 阅读 · 0 评论 -
vue-cli3创建项目
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它Node 版本要求Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。重新安装最新版...原创 2019-05-21 21:08:58 · 1933 阅读 · 0 评论 -
v-model 循环中绑定动态变量
最近遇到这么个场景的问题，一个页面中数量不定的报表，而每个报表不同点只是字段不同以及生产报表的地址不同而已，这个时候可以使用v-for去动态生成组件。字段也是动态生成，这时候就遇到了问题—>...原创 2019-12-25 11:25:21 · 15422 阅读 · 12 评论 -
Vue中使用axios下载流图片并显示
使用axios下载流验证码的图片，并显示。其中使用responseType为blob，具体参考我的博文：下载文件，跨域获取Response Headers中响应头，以及IE无法下载文件只不过这里是使用saveAs进行下载文件，而这里就需要去获取URL然后显示所以改造（其中fetch是axios的封装）Vue.prototype.$downloadFileAxios = functio...原创 2019-12-25 10:58:24 · 4389 阅读 · 1 评论 -
下载文件，跨域获取Response Headers中响应头，以及IE无法下载文件
最近遇到一个在跨域的情况下无法下载excel文件的问题（我的项目通过Iframe集成到他人系统上）核心代码下载文件通过boldimport { saveAs} from 'file-saver';axios({ method:'get', url:'下载文件地址', responseType:'blob'}) .then(function(response) ...原创 2019-11-20 17:24:27 · 2218 阅读 · 2 评论 -
动态更新进度条时，没有更新的过程，直接100%
最近有个后端同事在写更新进度条遇到了一个问题，进度条马不停蹄，直奔100%！！！！，这让我来了兴趣！他的代码大致如下：var todo=0;var progressNumber=0;//进度条do{ ajax(){//ajax已经设置为同步 更新progressNumber }}while(progressNumber<100)初看是没得问题。但是效果就是直接奔...原创 2019-12-13 15:02:38 · 1229 阅读 · 0 评论 -
Vue-CLI3 引入bootstrap以及Jquery等
Vue-CLI3引入boostrap以及jquery等第三方css以js等安装 bootsrapnpm install bootstrapmain.js全局引入 bootsrapimport 'bootstrap'import 'bootstrap/dist/css/bootstrap.min.css';启动运行，报错因为bootstrap会依赖jquery以及Popper...原创 2019-12-11 17:02:45 · 633 阅读 · 1 评论 -
IE浏览器下访问后端，后端代码无响应
近来遇到一个奇葩问题，在Chrome浏览器下，接口请求数据（get），后端Debug模式可以响应，而IE下一点反应都没有，一脸懵逼~~~~后查证得知IE下，get请求，若请求接口一致的情况下，它会直接从缓存里取所以解决办法有以下方式1、直接在url后面拼接时间戳例: http://xxxx?time_stamp=" + new Date().getTime()2、增加请求头 If-M...原创 2019-12-03 11:19:04 · 785 阅读 · 0 评论