- 博客(41)
- 收藏
- 关注
RSS订阅原创 浏览器证书
浏览器报错：VM299:161 crbug/1173575, non-JS module files deprecated.2. window.open() 重新打开一个浏览器下载。解决方案：1.在下载之前，打开要下载节点，安全认证一下。功能描述：浏览器证书为自制，跨节点下载。
2023-05-12 17:06:39
237
原创 浏览器兼容下的css
问题描述:火狐浏览器下伪类不显示火狐谷歌原代码<style lang="stylus"> input[type=checkbox] cursor: pointer position: relative width: 15px height: 10px font-size: 14px input[type=checkbox]::after content: ""
2022-03-16 16:20:22
123
原创 需求：vue+svg实现连线功能
问题描述：如标题所示参考了svg.js和jquery实现连线功能需求：1.右侧两个方框可以合成一个bond，点击bond之后又可以恢复。2.一对一连接3.有回显功能package.json@svgdotjs/svg.js: “^3.1.1”解决方法:svg_style.css.draw-container { position: relative; margin-top: 50px;}.data-list { position: absolute;}
2021-12-14 14:24:25
4995
3
原创 需求：vue用流程图展示数据
问题描述:如标题所示UI红框的地方本来想用canvas自己写，但是找资料的时候发现了一个插件LeaderLine，非常符合要求，然后发现了一篇文章vue横向树级组件（流程图、组件递归套用了一下，然后按照自己的需求修改了一下。注意点1.弹窗显示的数据，所以有一个层级显示，需要把svg的z-index的值写大一点2. 数据多的时候，弹窗会显示滚动条，这个时候，线条会跟着滚动条移动，需要调用postion（）方法，重新定位一下3. 需求里还有一个节点下展示的数据，这个图是用css画的，可以收起或者开
2021-12-01 15:44:41
4073
1
原创 vue3+ts 记录一下学习过程以及需要注意的问题
安装npm i -g @vue/clivue create xxnpm i axios -Snpm install --save vue-property-decoratornpm install element-plus --savenpm i --save ant-design-vue特别注意1.级别:vue3.0 中v-if 总是优先于 v-for 生效2.路由:hash模式：createWebHashHistoryhistory模式：createWebHistory3. s
2021-10-29 17:33:05
1278
原创 打包项目，动态更改标题和icon
问题描述:两套标题和icon，切换打包命令，动态更改解决方法:1.创建三个文件.env（默认）VUE_APP_CLIENT_TYPE=maxcnVUE_APP_ICON=first.icoVUE_APP_TITLE=第一套标题.env.csVUE_APP_CLIENT_TYPE=csVUE_APP_ICON=second.icoVUE_APP_TITLE=第二套标题NODE_ENV=production.env.maxcnVUE_APP_CLIENT_TYPE=maxcnV
2021-10-08 15:22:49
881
2
原创 css练习
css练习https://lhammer.cn/You-need-to-know-css/#/zh-cn/stripes-background不规则卡片<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> main { position: relat
2021-09-15 14:49:10
138
原创 原生html 引入公共组件
问题描述: 公共组件被其他页面引入解决方法:参考，点这里引入后，会出现跨域问题，需要在vsCode安装插件参考，点这里
2020-12-16 16:20:08
991
原创 webpack 压缩图片
问题描述:vue正常打包之后一些图片文件很大，使打包体积很大，通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积。参考，点这里解决方法:一定要用cnpm安装cnpm i image-webpack-loader --save-dev vue.config.jsmodule.exports = { publicPath: process.env.NODE_ENV === "development" ? "/" : "./", production
2020-12-11 16:16:59
1158
1
原创 vue 动态锚点的实现
问题描述:点击导航条任意选项，跳转到对应位置解决方法:第一种方法：scrollIntoView// 导航栏<template> <ul class="menuList"> <li v-for="(item, index) in menuList" :key="index" :class="{ actived: toggleTab == index }" @
2020-12-08 10:12:00
741
3
原创 浏览器打开程序
问题描述:项目需要点击按钮，打开本地程序，解决方法:第一种情况：windows系统下（remote-viewer程序） 参考，点这里Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\spice]"URL Protocol"="C:\\Program Files\\VirtViewer v7.0-256\\bin\\remote-viewer.exe"@="spice Protocol"[HKEY_CLASSES_ROOT\spice\
2020-09-22 14:19:17
227
原创 vue 写一个轮播图
问题描述:项目里需要一个轮播图，引用用vue写一个轮播图效果解决方法:第一种方法：elementui的跑马灯<template> <div class="lunbo-box"> <el-carousel indicator-position="outside"> <el-carousel-item v-for="item in abc_img" :key="item"> <img :src="item.img"/
2020-06-29 10:56:51
1778
原创 尺寸汇总
尺寸汇总获取视口的宽高:含滚动条window.innerWidth window.innerHeight不含滚动条document.documentElement.clientWidthdocument.documentElement.clientHeight获取文档滚动距离:document.documentElement.scrollTop || document.body.s...
2020-03-08 22:56:32
9066
原创 导出数据(.csv)
<template> <a-button @click="exportVirtual" style="margin-right:25px;background-color:#6CC14E;border- color:#6CC14E;color: #fff" > <i style="margin-right:10px;...
2020-02-07 18:23:27
198
原创 JS对象动态的添加一项
第一种方法let obj ={"name":"tom","age":16}let key = "id";let value = 2obj[key] = value;console.log(obj) //name: "tom" age: 16 id: 2第二种方法，利用扩展运算符对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中var obj1=...
2020-01-04 15:45:13
861
原创 文件上传（插件版）
问题描述:项目里需要上传1G以上的iso文件，而且要做成全局组件，自己写太麻烦了，所以使用了vue-simple-uploader插件解决方法:组件A封装上传文件<template> <div id="global-uploader"> <!-- 上传 --> <uploader ...
2020-01-02 11:36:18
537
原创 文件上传
问题描述:项目里需要上传1G以上的iso文件，不使用插件解决方法:<template> <div class="file-panel"> <!-- --> <input type="file" id="file" ref="uploadBtn" accept=".iso"/> <di...
2020-01-02 11:17:49
128
原创 项目中用到的vue
`this.$set()官方文档说明 如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。这个时候就需要使用this.$set(this.data,”key”,value)如果我们在创建实例以后，再在实例上绑定新属性，vue是无法进行双向绑定的sex属于data的一个新属性，而vue的原理是，在创建实例的时候，遍历data里的值，监听’getter’和’setter’方法，一旦这些值...
2019-12-10 11:17:32
291
原创 如何修改placeholder的字体大小和颜色
问题描述：placeholder的字体大小和颜色不一致解决方案：input::-webkit-input-placeholdercolor: #cccfont-size: 12pxinput::-moz-input-placeholdercolor: #cccfont-size: 12pxinput::-ms-input-placeholdercolor: #cccfont-s...
2019-11-06 11:44:16
2109
原创 webupload使用
问题描述：需要上传iso镜像文件，一个文件差不多要6个G左右。需要分片上传解决方案：第一步：cnpm install jquery --save-dev第二步：哪个组件需要，哪个组件引入 import $ from ‘jquery’第三步： cnpm install webuploader --save第四步：哪个组件需要，哪个组件引入 import WebUploader from ...
2019-11-05 14:48:39
245
原创 表格嵌套表格
问题描述：点击下拉按钮，出现快照的详细信息解决方案:<template> <div class="con_warp"> <el-table :header-cell-style="{background:'#f9f9f9'}" ref="table" :data="tableData"> <el-table-column :i...
2019-10-31 17:43:35
272
原创 项目表格功能实现
问题描述：```复选框变成单选，操作按钮只有复选框被选中时，才会被触发， <el-table :header-cell-style="{background:'#f9f9f9',color:'#333',fontWeight:'600'}" :data="tableData" style="width: 100%" :default-s...
2019-10-24 18:41:21
229
原创 vue实现下拉框可以输入又下拉菜单
问题描述：把input定位到select框中，然后把option中的值传到input中，最后修改了select图标样式，添加了点击事件，切换图标。解决方案： ...
2019-10-24 18:24:40
7707
1
原创 时间
document.write(new Date())//Tue Oct 22 2019 14:13:59 GMT+0800 (中国标准时间)document.write(new Date().getMinutes()) //13document.write(new Date().setMinutes(new Date().getMinutes()))//1571724839532doc...
2019-10-22 14:18:23
144
1
原创 ante-design定制主题
问题描述：在项目中引入ante-design按钮，但是要修改颜色，一个一个组件修改太麻烦了解决方法：1.npm命令如下List itemnpm install less less-loader --save-devnpm i babel-plugin-component -Dnpm install babel-plugin-import --save-dev2.在 vue cli ...
2019-10-16 11:33:38
322
原创 Electron
main.jsconst { app, BrowserWindow } = require(‘electron’)// 保持对window对象的全局引用，如果不这么做的话，当JavaScript对象被// 垃圾回收的时候，window对象将会自动的关闭let winfunction createWindow () {// 创建浏览器窗口。win = new BrowserWindow...
2019-09-17 14:38:02
220
原创 创建新项目
第一步 npm i -g @vue/cli第二步 vue create 项目名称第三步第四步第五步第六步第七步第八步第九步 cd 项目名npm run serve
2019-09-05 11:56:07
177
原创 elementUi常见问题
1.问题描述：按需加载elementUi组件解决方法：（第一种方法）：1、cnpm install babel-plugin-component -D2、找到.babelrc 配置文件把{“presets”: [["env", { "modules": false }],"stage-3"]}改为 注意：{“presets”: [[“env”, { “modules...
2019-09-03 11:14:00
288
原创 项目中报错信息以及常见问题
1.问题描述.Error: Component series.scatter not exists. Load it first解决方式：没有引入散点图 ...
2019-09-02 17:26:57
861
转载 在vue中引用iconfont中的图标完整教程（两种方式）：直接引用和在data中存放
1.打开iconfont官网 https://www.iconfont.cn/ ，搜索图标，例如这里搜索csdn图标：2.选择你喜欢的图标，添加入库：3.点击购物车，添加至项目4.可以选择已存在的项目，或者新建项目5.选择Unicode格式下载至本地6.下载完成后解压，只保留图片中的5个文件，其余的删除7.将这5个文件复制到vue项目中的assets目录下，比如我的路...
2019-08-30 11:51:48
577
原创 stylus常见问题
问题描述：在vs code使用stylus，vetur插件会自动帮你添加{{}}和；解决方案：在vscode的插件选项中搜索：“stylus Supremacy”安装文件-首选项-设置-搜索-setting.json里设置“stylusSupremacy.insertColons”: true, // 是否插入冒号“stylusSupremacy.insertSemicolons”: fa...
2019-08-29 15:11:44
471
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人