web前端
程序猿_小天
生活不仅只是敲代码,还有……改bug。
展开
-
html2canvas+jsPDF导出超长网页的PDF
将一个网页大概60000px的高度,导出为PDF,时间花费为3分50秒左右。原创 2024-01-02 21:40:46 · 1098 阅读 · 0 评论 -
记录监听元素重叠度
记录监听元素重叠度,主要用于滚动式分页加载数据原创 2023-08-16 16:40:50 · 128 阅读 · 0 评论 -
TS+Vue3封装websocket
TS+vue3中websocket的封装原创 2023-03-12 23:21:46 · 2676 阅读 · 1 评论 -
linq.js使用记录(持续更新)
linq.js安装npm install linqlinq.js引入var Enumerable = require('linq'); //在script中使用linq.js文档http://neue.cc/reference.htmlinq.js使用方法1.去重并求和// new_data=[{name:'小明',value:10},{name:'小明',value:50},{name:'小红',value:10}]let result = Enumerable.from(new_原创 2021-07-28 11:48:06 · 485 阅读 · 0 评论 -
Vue刷新组件,页面刷新
通过:provide / inject 方式实现!Home.vue<keep-alive :include="tagsList" v-if="showView"> <router-view></router-view></keep-alive> <script>export default { provide(){ return { refreshView:this.refr原创 2020-12-08 11:27:47 · 3157 阅读 · 0 评论 -
layer.open父页面传参到子页面
父页面传参给子页面(iframe页面):var index = layer.open({ title: '编辑', type: 1, shade: 0.2, maxmin: true, shadeClose: true, area: [openWH[0] + 'px',原创 2020-09-18 15:39:06 · 8792 阅读 · 1 评论 -
vue登录时验证码获取
html: <button type="default" class="button" :disabled="disCaptCha" @click="onCaptcha">{{captchaText}}</button>model:captchaText: "获取验证码",disCaptCha: false,js://获取验证码 onCaptcha() { const that = this let phone = that.loginForm.原创 2020-08-19 21:42:38 · 1015 阅读 · 0 评论 -
npm发布Vue-CLI3插件
npm发布Vue-CLI3插件一.新建vue项目目录结构:二.修改项目文件夹1.创建一个packages文件夹(用于存放编写的组件)2.把src修改为examples3.新建一个vue.config.js文件,并修改由于修改了src文件夹,启动vue项目后,找不到入口(main.js)会报错,所以需要重新指定启动入口module.exports = { // 将 examples 目录添加为新的页面 pages: { index: { // page 的入口原创 2020-05-20 21:51:34 · 827 阅读 · 4 评论 -
canvas画不规则图形
<template> <div class="test" style="position: relative;"> <canvas id="myCanvas" ref="myCanvas" width="460" height="240"> 您的浏览器不支持 HTML5 canvas 标签。 </canvas> ...原创 2020-04-01 15:19:32 · 4800 阅读 · 0 评论 -
echarts自定义工具栏
自定义工具栏:将折线图变为柱状图option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, toolbox: ...原创 2019-12-08 20:39:50 · 2815 阅读 · 1 评论 -
dataGrid支持键盘操作
支持动态combobox选择(搜索条件) 支持键盘TAB(shift+TAB)键切换单元格 修改一点点代码就可以使用 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>dataGrid键盘监听</title> <l...原创 2019-05-31 15:38:46 · 797 阅读 · 0 评论 -
网页飘窗(js飘窗)
<!--飘窗--><script type="text/javascript" src="js/AdMove.js" ></script><div id="pc1" > <div><img src="img/1.jpg"></原创 2019-01-23 16:51:27 · 12131 阅读 · 3 评论 -
常用正则验证
手机验证: var tel = /^1[3|4|5|7|8]\d{9}$/;if (tel.test(phone) != true) { alert('请输入正确的手机号'); return false; }...原创 2019-01-19 14:31:35 · 234 阅读 · 0 评论 -
短信验证码获取JS
HTML代码: <button type="button" class="layui-btn layui-btn-primary layui-btn-fluid" onclick="getNoteCode(this)">获取验证码</button>JS代码: //获取短信验证码 var countDown = 60; function ...原创 2019-01-05 21:53:00 · 5980 阅读 · 0 评论