- 博客(72)
- 收藏
- 关注
RSS订阅原创 vue3前端excel导出；组件表格，自定义表格导出；Vue3 + xlsx + xlsx-style
比如这种前端拼成的，又附带各种样式的表格（1）：合并单元格（2）：列宽（3）：背景色（4）：字体相关-大小粗细颜色字体等（5）：表格线，边框数据处理就不写了，数据处理为数组就可以了['左上表头','','','右上',''],['标题1','','','',''],['标题','测试合并','','',''],['固定标题','123','123','',''],['左下表头','','','右下',''],
2024-02-20 11:02:37
2898
原创 css3 background-clip 背景色裁剪，显示范围；css背景图不含padding
css3 background-clip 背景色裁剪，显示范围；css背景图不含padding。
2023-03-14 11:03:56
1277
转载 vue3打包报错 [vite:css-post] The service was stopped
vue3打包报错 [vite:css-post] The service was stopped。
2023-01-17 17:06:42
1211
原创 git: Your branch and ‘origin/xxx‘ have diverged,and have 1 and 1 different commits each, respectivel
On branch cvatYour branch and 'origin/' have diverged,and have 1 and 1 different commits each, respectively. (use "git pull" to merge the remote branch into yours)All conflicts fixed but you are still merging. (use "git commit" to conclude merg
2022-12-30 11:49:27
2582
原创 谷歌浏览器input输入框背景透明色 input:-internal-autofill-selected
谷歌浏览器input输入框背景透明色 input:-internal-autofill-selected。
2022-11-08 16:48:55
2966
1
原创 height高度为auto的transition过渡无效解决
height有一方是auto则无效,动态获取变化后<div class="concept-analysis" > <a-card size="small" class="at-card" v-for="(item,index) in testData" :key="index" @click="openCard(index)" :style="{height:cardFlag===index ? groupAutoHeight :'388px'}"> </a-ca
2022-05-11 18:27:17
2407
原创 vue瀑布流布局插件vue-masonry
插件网址 https://www.npmjs.com/package/vue-masonrygit ：https://github.com/shershen08/vue-masonry安装 npm install vue-masonry --save yarn add vue-masonry --savemain.jsimport {VueMasonryPlugin} from 'vue-masonry'Vue.use(VueMasonryPlugin)<div v-mason.
2022-05-11 18:21:19
3547
原创 web html2canvas生成图片下载
<script type="text/javascript" src="{DT_MOB}static/js/html2canvas.js"></script><script type="text/javascript" src="{DT_MOB}static/js/html2canvas.min.js"></script><div class="pop-main2" id="cardimg"> <div> <div c
2022-04-07 22:28:22
296
原创 网页打开微信/跳转微信
<a href="weixin://" οnclick="PIWI_SUBMIT.Weixin_Open()">打开微信</a>
2021-12-15 16:48:13
3799
原创 vite搭建vue3(echarts)
一. 安装// 初始化vite项目npm init vite-app myvite// 进入项目文件夹cd myvite// 安装依赖npm install//启动项目npm run dev二. 配置文件
2021-11-13 17:01:54
1082
原创 css布局记录
外部div高度自适应 内部一个【固定高】另一个【自适应高度】1.flex外:display: flex; flex-direction: column;固:height:100px;自:flex-grow: 1;2.position外:position: relative;固:height:100px;自:position: absolute; top: 100px; bottom: 0; width: 100%; 或者 left:0;right:0..
2021-10-16 10:25:32
90
转载 uniapp微信小程序progress渐变色
样式html<view style="margin: 20px;"> <progress percent="60" stroke-width="14" activeColor="#05A081" border-radius="6px" /></view>css.wx-progress-inner-bar { border-radius: 6px !important; background:linear-gradient(to right,#05A08
2021-08-14 15:56:16
2902
5
原创 uniapp小程序带参返回上页
二级页面跳转三级页面传值，返回页面返回值跳转uni.navigateTo(){}返回uni.navigateTo({url: ‘B?id=1’});
2021-08-10 16:36:49
165
原创 echarts图表宽度自适应
<el-row :gutter="20"> <el-col :span="7"> <div class="block b_left"> <div class="header"> <span>收录占比</span> </div> <div id="echart1" style="width: .
2021-05-08 10:28:30
392
原创 vue mouseenter，mouseleave无效，闪烁
vue的鼠标事件无效 （添加.native）<el-card @mouseenter.native="markShow(item)" @mouseleave.native="markOut(item)">悬浮添加一层效果会闪烁 （添加层加pointer-events: none;）<div> <div class="mark" v-if="item.show"> <el-button type="primary" round ic
2021-04-15 13:02:54
1166
原创 vue和360浏览器，ie兼容问题
vue3项目其他浏览器正常访问，360安全浏览器，IE空白安装插件npm install --save-dev @babel/corenpm install --save-dev @babel/preset-envbabel.config.js 文件module.exports = { presets: ['@babel/env']}一通瞎改，反正是好用了，嗯...
2021-04-10 16:43:22
410
原创 微信小程序路由传值
wx.navigateTourl 传值//传 wx.navigateTo({ url: '../message/message?id=1' }) /*****************************************///收onLoad:function(data){ console.log(data.id)},监听器//传var str=this.data.marksdata.toString(); //数组要转成字符串wx.navigateTo
2021-04-07 14:21:18
279
原创 vue tab标签页切换路由 导航标签页增删(类浏览器)
一个需求：左侧导航点击切换路由，同时增加标签页，标签页点击同跳转路由(可增删)主页<template> <div> <div class="main"> <el-container> <el-aside style="width: 216px"> <div class="left"> <el-menu :defa
2021-03-17 09:21:49
1418
5
转载 vue中使用websocket
websocke协议实现双向通信，可以让服务器将数据主动推给前端WebSocket 教程客户端api#构造函数var socket=new WebSocket('/ws/.....'); //实例化socket￥#连接成功后的回调函数ws.onopen = function () { ws.send('Hello Server!'); //发送数据}#连接关闭后的回调函数ws.onclose = function(e) { console.log(e.reason)};
2021-03-08 14:11:56
545
转载 浏览器消息通知接口 Notification
就是这个东西，桌面右下角通知接口var notification = new Notification(title, options)title：通知权限granted: //用户已经明确的授予了显示通知的权限。.denied: //用户已经明确的拒绝了显示通知的权限。default: //用户还未被询问是否授权; 这种情况下权限将视为 denied.请求权限实例 created(){ this.notify() }, methods:{
2021-03-05 17:52:28
406
原创 vue文件中console.log无效无输出
js文件正常输出，vue文件输出无效，该检查的都检查了， /(ㄒoㄒ)/找到配置文件 eslintrc.js 在rules中加 ‘no-console’: ‘off’,终于可以了。。。
2021-03-03 16:11:27
4073
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人