摘要: 在系统开发中,有需求需要实现PDF文件的导出,其中echarts渲染的图表只能由前端生成。因此PDF模板的制作就放在了前端。 本地调试环境 后端会启动进程进行文件生成。使用的是puppeteer插件。简单来说,它是一个基于Chromium的一个无痕浏览器。使用它可以模拟浏览器操作。 安装 npm i 阅读全文
posted @ 2021-01-18 12:03 miku561 阅读(2007) 评论(0) 推荐(0) 编辑
摘要: vue项目路由、组件优化及使用nodeJs自动创建文件 我们在使用Vue进行开发的过程中,每次都需要先创建路由,再在主文件中引入模块路由。如下: // 目录结构 - router index.js modules // 现在我们创建一条新路由 modules layout.js // layout. 阅读全文
posted @ 2020-08-03 16:14 miku561 阅读(1086) 评论(1) 推荐(0) 编辑
摘要: 在VMS2.0 开发过程中,使用了vue-antd组件。然而,根据产品和交互的需求,需要实现以下设计稿的效果。使得用户可以直接在树节点上直接操作。 通过调研发现,vue-antd 自带的组件库只能实现以下样式展现,并不能直接在树节点上进行操作。 网上资料也搜寻了很多,无果,所以只能自己动手。最终实现 阅读全文
posted @ 2020-07-15 18:50 miku561 阅读(13585) 评论(6) 推荐(1) 编辑
摘要: 一、历史 2003年,苹果发布了Safari浏览器,使用了WebKit内核 2005年,WebKit 进行开源. 2008年,Google以WebKit为基础,创建了Chromium,并在它的基础上发布了Chrome 二、渲染引擎 渲染引擎是对网页进行渲染至展示的关键部分,它在渲染的工程中,还是需要 阅读全文
posted @ 2020-03-20 19:02 miku561 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 因为公司还有还有一些老项目使用的是前后端不分离的形式,不得不采用jQuery作为技术栈进行前端开发。考虑到函数排序很随性可能导致后期维护麻烦的情况,按照知乎小爝Live所推荐的方式做了一次改版,感觉还行,特来分享。 整体页面结构如下 我们在每个页面下,创建一个匿名函数,传入当前上下文、jQuery对 阅读全文
posted @ 2020-03-09 17:41 miku561 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 业务场景 在页面内容被编辑后,用户跳转其他路由,需要提示用户:当前页面有改动,确认离开后再进行跳转,以防编辑数据丢失。 代码 VUE 提供一个钩子函数 , 离开当前路由时会先触发该函数,当然也有 ,进入路由前先触发该函数。 to: 目标路由的相关信息 对象 from:当前路由的相关信息 对象 nex 阅读全文
posted @ 2020-01-07 18:45 miku561 阅读(4904) 评论(0) 推荐(0) 编辑
摘要: ES6之函数 本文知识点主要有: 函数默认参数 展开运算符 函数的其他优化 箭头函数 尾调用的内存优化 函数参数默认值 ES6之前,函数对与参数的默认值设置通常采用以下方式: 但此方法有个小缺陷,就是timeout在传入 0 / false 时,都会默认采用2000。对此进行优化如下: 上段代码中 阅读全文
posted @ 2019-11-18 18:21 miku561 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 字符串和正则表达式 ES6 为我们增添几个 常用的字符串操作方法 includes() 方法。检测指定文本,匹配到结果返回true,否则为false。可以用来替换indexOf来判断字符串是否存在于另一个字符串中。 当需要获取字段的索引值时,只能依靠indexOf(或lastIndexOf),匹配到 阅读全文
posted @ 2019-11-14 11:43 miku561 阅读(3072) 评论(0) 推荐(0) 编辑
摘要: ES6之let、const 在ES6中加入了两种变量的声明方式: 可以改变的变量关键字: 不可以改变的变量关键字: 和`const var`关键字的区别 和`const`用于块级声明 块级作用域(词法作用域) 函数内部 块中(字符 和`}`之间的区域) 在同一作用域不可以重复声明; 嵌套的作用域,可 阅读全文
posted @ 2019-10-22 16:08 miku561 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 邮件要求兼容 outlook 等邮箱软件,发现很多样式都不生效。找到的模板如下: 注意点 不支持头部 、外链的 CSS样式和JS脚本。所以数据需要使用服务器渲染。 只能写行内样式。且属性值不能用缩写。( ) 例如: 需要拆分 CSS3 属性不支持 如果需要有间距,在 上加入padding,是我发现的 阅读全文
posted @ 2019-06-26 19:49 miku561 阅读(11407) 评论(0) 推荐(0) 编辑