web得胜 - 博客园

原生js导出word、导出excel

摘要：导出word文件导出部分HTML成word文件。注意：部分样式word不支持，图片需要设置width和height属性 /** * 下载文件 * @param {string} url 文件地址 * @param {string} fileName 文件名，含后缀 */ const downlo 阅读全文

posted @ 2022-10-18 14:20 web得胜阅读(1373) 评论(0) 推荐(0) 编辑

js在当前页面预览PDF或图片

摘要：核心思路：在iframe标签中显示预览的内容。思路：iframe相当于一个浏览器的一个新的页签，大家都知道PDF可以在浏览器中打开查看，也就是可以预览，所以当前页面中加入一个iframe就可以实现预览了。新页签是用location.href指定文件地址，iframe是改src来指定文件地址或者通阅读全文

posted @ 2022-03-10 17:26 web得胜阅读(2554) 评论(0) 推荐(0) 编辑

舒尔特方格记忆力训练前端源代码

摘要：百度的舒尔特方格介绍主要内容如下：舒尔特方格（Schulte Grid）是一种训练注意力的方法。在一张方形卡片上画上 1cm*1cm 的 25 个方格，格子内任意填写上阿拉伯数字 1 ~ 25 等共 25 个数字。训练时，要求被测者用手指按 1 ~ 25 的顺序依次指出其位置，同时诵读出声，施测者阅读全文

posted @ 2021-01-17 15:50 web得胜阅读(1037) 评论(2) 推荐(2) 编辑

H5移动端适配之px转vw（附工具）

摘要：最近做官网H5的开发，开发之前首先想到的是移动端的适配问题。目前比较流行的有rem和vw，我选择了vw，但是设计稿的单位是px，转化成vw，要有很多的计算，不方便，所以就想着先按设计稿把界面写出来，然后一次性把单位换算过来。首先想到的是用webpack插件处理，但是自己需要配置环境，所以就想着自己制阅读全文

posted @ 2020-07-23 14:19 web得胜阅读(4623) 评论(0) 推荐(2) 编辑

原生js实现复制文本到粘贴板

摘要：项目中经常会遇到点击按钮复制订单号、订单id等内容到粘贴板中的需求。可是通常我们都是用Ctrl + c或右击复制的，别操心，js也是有复制命令的，那就是document.execCommand('copy'); 这个命令会将选中的内容复制到粘贴板中，那岂不是还需要选中？别急input和textare 阅读全文

posted @ 2019-09-05 11:44 web得胜阅读(9909) 评论(2) 推荐(1) 编辑

快速删除项目中的输出日志console.log

摘要：项目开发时，控制台往往有许多忘记删除或注释掉的输出日志。但是上线后总不能一个一个删吧，最近总结出几个解决思路重写console.log方法，使其失去输出能力这个最直接有效，用vue框架的话放在main.js中或者index.html中即可。多页面的话可以放在一个全局js中。缺点：有时候捕获的错阅读全文

posted @ 2019-09-01 17:12 web得胜阅读(3162) 评论(0) 推荐(0) 编辑

toString和valueOf使得对象访问时显示一个特定格式的字符串，但是可以进行数字运算

摘要：作用 toString()的作用是返回一个反映这个对象的字符串; valueOf()的作用是返回它相应的原始值; 异同点共同点：在 JavaScript 中，toString()方法和valueOf()方法，在输出对象时会自动调用。不同点：二者并存的情况下，在数值运算中，优先调用了valueOf，阅读全文

posted @ 2019-07-15 11:50 web得胜阅读(218) 评论(0) 推荐(0) 编辑

defineGetter和defineSetter在日期中的应用

摘要：日期函数每次取年月日都要调用Date的函数，有点麻烦，通过__defineGetter__可以处理一下，就能通过Date的实例对象直接获取年月日，例如 date.year获取日期对象date的年份。月份因为与正常月份差一个月，可以通过函数自动校正一下，使用起来就更符合习惯了。很多时候我们需要显示一个阅读全文

posted @ 2019-06-20 11:28 web得胜阅读(277) 评论(0) 推荐(1) 编辑

已知一个对象和一个访问路径的字符串，返回对应的值

摘要：思路：阅读全文

posted @ 2019-06-14 10:05 web得胜阅读(491) 评论(1) 推荐(0) 编辑

观察者模式（订阅-发布者模式）

摘要： class Observer{ constructor(){ this._dataStore = {}; } /** * @author web得胜 * @param {String} type 事件类型必填 * @param {Function} fn 事件处理函数必填 * @param {Object} ctx 函数的执行上下文选填 * @desc 注... 阅读全文

posted @ 2019-05-31 16:49 web得胜阅读(174) 评论(0) 推荐(2) 编辑