技术文章
amazing-yuan
这个作者很懒,什么都没留下…
展开
-
跨域消息传递通信--iframe通信
iframe跨域通信转载 2022-10-13 15:49:31 · 852 阅读 · 0 评论 -
用JS实现OA请假单上两个日期时间区间相减算出天数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset...原创 2021-04-27 12:26:00 · 1103 阅读 · 1 评论 -
js数组按照指定汉字顺序来排序
var objs = [ {'name': 'A', 'type': 'fly'}, {'name': 'B', 'type': 'blur'}, {'name': 'C', 'type': 'wipe'}, {'name': 'D', 'type': 'cube'}, {'name': 'E', 'type': 'iris'}, {'name': 'F', 'type': 'fade'}]; objs.sort(function(a,b){ .转载 2021-03-22 11:23:45 · 1530 阅读 · 0 评论 -
2021-02-26
调用window.print()方法,如何获取打印预览界面出现和关闭状态?点击打印后会调用window.print()方法,随后出现浏览器自带的打印预览页面,并有打印按钮和取消按钮,如何获取到打印预览界面出现和关闭状态?以便于执行打印前后的回调函数。var beforePrint = function() { console.log('Functionality to run before printing.'); }; var afterPrint = func原创 2021-02-26 03:33:33 · 265 阅读 · 0 评论 -
同一页面、不同页面监听localStorage变化
“当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发”所以,localStorage 的例子运行需要如下条件:同一浏览器打开了两个同源页面其中一个网页修改了 localStorage另一网页注册了 storage 事件很容易犯的错误是,在同一个网页修改本地存储,又在同一个网页监听,这样是没有效果的。1、在同源的两个页面中,可以监听 storage 事件window.addEventListener(“storage”, function (原创 2021-02-07 11:15:00 · 3255 阅读 · 0 评论 -
捕获用户在该页面停留的时长(前端监测)
捕获用户在该页面停留的时长,我是这样做的(前端监测)前言为什么要做这个监测用户停留的呢?原因很简单,如果我们要分析这个页面对我们的产品有没有价格,那么用户浏览的时长是一个很关键的点,如果每个用户平均每天在这个页面停留两个小时以上,那么我们会觉得这个页面的价值很高;如果一个页面一个月也没几个用户去浏览,那我们就会有疑问,这个页面对我们的产品还有价值吗?我们的产品后续还要保留它的?这些需求都是可以让我们考虑是否要去获取用户停留时长这个功能的。针对哪些应用?多页面应用单页面应用如何去获取用户停留的时长转载 2020-12-14 12:55:37 · 2634 阅读 · 0 评论 -
从页面1新打开页面2,页面2关闭同时跳回页面1并刷新
页面2中操作:window.self.close();window.opener.location.reload();原创 2020-11-11 18:34:04 · 335 阅读 · 0 评论 -
前端本地项目通过vscode插件自动部署dist文件到服务器
1.在vscode应用商店中搜索拓展sftp插件,然后进行安装。2.安装完成后重启窗口,按快捷键Ctrl+shift+p,输入sftp:config回车进入配置文件。image.png3.修改配置文件如下:{“host”: “120.0.0.1”,“port”: 21,“username”: “username”,//ftp用户名“password”: “password”,//ftp密码“protocol”: “ftp”,“agent”: null,“privateKeyPath”:原创 2020-09-13 08:22:16 · 2272 阅读 · 0 评论 -
Vue + antd组件 实现后端返回二进制流导出Excel模版与上传Excel模版给后端
<div id="btnStyle"> <a-button type="primary" icon="download" @click="downloadFile">下载模版</a-button> <a-upload accept=".xls,.xlsx" name="file" :mul...原创 2020-04-27 13:22:06 · 1782 阅读 · 0 评论 -
后端返回图片二进制流前端转为url连接在页面渲染
axios({ method: 'post', url: '/api/Api/DownloadBizObjectFile', headers: { "Content-...原创 2020-04-27 13:10:41 · 6716 阅读 · 0 评论 -
[iTerm] 终端 iTerm2 的简单使用
直接在其官方的下载地址进行下载:https://www.iterm2.com/downloads.html,下载的直接就是一个 .app 的应用程序,直接拖到 Application 文件夹即可;加粗样式或者在终端使用下面的指令安装:$ brew cask install iterm2iTerm 内的文本/指令选中后即自动复制的,不需要再使用 command + c 来进行复制;安装 O...原创 2020-02-04 10:11:13 · 688 阅读 · 0 评论 -
各种软件如何双开,三开,N开,包括微信,qq等。
mac秘籍 各种软件如何双开,三开,N开,包括微信,qq等。今天给大家带来一个很好用的小秘诀,就是通过mac终端可以双开各种软件,废话不多说,操作步骤如下:步骤1:首先打开mac终端,打开方式如下:在Mac显示器屏下方快捷菜单找到双人脸图标”Finder“,单击打开,再找到A符号”应用程序“一栏,并单击,在右上角搜一栏搜索”zhongduan“ 或”终端“或”Terminal“等等,即可...原创 2020-01-17 14:19:10 · 4252 阅读 · 0 评论 -
前端埋点-报错监控
前端埋点-报错监控2019.07.17 14:48:44字数 1,128阅读 153说起埋点又到了谈起前端项目中数据收集与监控,那么今天来简单的聊下前端报错监控的埋点。首先先安利下自己做的报错监控的项目 FE-Monitor 欢迎 issue 和 star 。首先我们可以看下前端做报错监控的意义在哪里:帮助灰度测试发现问题收集线上错误日志帮助优化产品稳定性收集错误数据用于分析...转载 2019-12-06 11:34:19 · 441 阅读 · 0 评论 -
mocha测试
mocha测试1/ 全局安装mocha环境 npm install --global mochapackage.json的基本配置{ “name”: “mocha-demos”, “version”: “1.0.0”, “description”: “”, “main”: “index.js”, “scripts”: { “test”: “echo “Error: no test specif...原创 2018-11-16 15:19:28 · 172 阅读 · 0 评论 -
iScroll插件的使用
iScroll插件的使用-------实现移动端页面的上拉加载和下拉刷新iScroll是一个高性能,资源占用少,无依赖(不依赖于其他的类库和插件,如:jQuery),多平台可用的javascript滚动插件。最常见于移动端!一般用来做 例如:上拉加载、下拉刷新IScroll是一个类,每个需要使用滚动功能的区域均要进行初始化。每个页面上的iScroll实例数目在设备的CPU和内存能承受的范围...原创 2018-11-16 21:05:28 · 1232 阅读 · 0 评论 -
怎么让input输入框最右侧一直默认有百分号
怎么让input输入框最右侧一直默认有百分号欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导...转载 2019-05-07 16:44:44 · 8174 阅读 · 0 评论 -
正则验证整理
1.验证数字:只能输入1个数字表达式 ^\d$描述 匹配一个数字匹配的例子 0,1,2,3不匹配的例子2.只能输入n个数字表达式 ^\d{n}$ 例如^\d{8}$描述 匹配8个数字匹配的例子 12345678,22223334,12344321不匹配的例子3.只能输入至少n个数字表达式 ^\d{n,}$ 例如^\d{8,}$描述 匹配最少n个数字匹配的例子 1234...原创 2019-05-30 12:00:44 · 1719 阅读 · 0 评论 -
将接口返回的数组对象转化为json格式(遍历对象的两个值分别作为新的key和value)
这里用res代替接口返回的数组对象!var res=[{name:‘a’,age:1},{name:‘b’,age:2},{name:‘c’,age:3}]定义一个空对象,用于结构接收var json = {}通过遍历拿到数组对象中的每个对象(item)res.forEach(item=>{json[item.name]=item.age})...原创 2019-07-19 17:13:43 · 2475 阅读 · 0 评论 -
精致简约的高速下载神器 - Motrix~~高速下载百度网盘资源!
精致简约的高速下载神器 - Motrix很多朋友经常遇到在Mac上下载百度网盘、磁力链等文件资源时速度很慢的情况,于是许多小伙伴就开始在用一款下载神器:Aria2GUI ,使用该软件之后,下载速度有了明显的提升!参考文章:《Mac配置Aria2,高速下载百度云》https://www.macbl.com/article/how-to/1397不过,最近 Aria2 不够稳定,有的时候并不能发...原创 2019-08-05 11:39:18 · 6198 阅读 · 0 评论 -
Sketch安装包显示文件损坏的解决方法
Sketch安装包显示文件损坏的解决方法原创文章 2018-06-21 9,628 0 21看完本文你将解决以下问题解决下载的Mac文件显示已损坏Mac终端程序的简单操作问题场景再现Sketch又更新了,网上下载后打开一看:“Sketch”已损坏,打不开。您应该将它移到废纸篓。Sketch安装包显示文件损坏的解决方法-UI黑客这是什么鬼?移到废纸篓吧。还好有其他网站,结果...转载 2019-08-05 14:03:13 · 1366 阅读 · 0 评论 -
头尾固定-中间部分可滚动-布局
头尾固定-中间部分可滚动-布局:<!DOCTYPE html> <style> *{ margin: 0; padding: 0; } body{ display: flex; flex-direction: column; height: 100vh; } #top{...原创 2019-08-20 15:12:11 · 640 阅读 · 0 评论 -
如何在手机上浏览本地h5页面
方法一:1/安装服务器环境:如wamp、appserv等集成环境2/将项目搬到www文件夹里面(一定不要用中文命名)3/启动服务器环境后,win+R–>cmd–>ipconfig,选择第二个行的ip地址4/浏览器地址栏输入如192.168.25.1,即可见到项目的根目录,点击进入要浏览的页面,放到二维码生成工具,然后通过手机直接扫描,或者将页面地址发送到我的电脑微信客户端设备注意:手机...原创 2019-08-23 15:35:38 · 3533 阅读 · 0 评论 -
node笔记
node.js为什么学习node1.es6转es5 es6中:变量 let const 模板字符串 `` ----拼接字符串 数组 map,foreach … 使用()=>{} 改变 this指向 class extends2.工具-------自动化构建工具 gulp , webpack ,grunt gulp–构建项目 npm...原创 2018-11-14 17:05:28 · 174 阅读 · 0 评论