- 博客(67)
- 收藏
- 关注
RSS订阅原创 快速入门 vue3,看这个就够了
学习内容：使用vue-cli创建项目使用vite创建项目掌握setup掌握ref函数掌握reactive函数对比ref和reactivecomputedwatch使用vue-cli创建项目：注意：版本一定要在4.5.0以上vue --version//查看当前的版本npm install -g @vue/cli //安装和更新你的vue-cli的版本vue create vue3Project //创建一个项目cd vue3Project npm run serv
2022-05-13 11:18:54
2479
1
原创 TypeScript 从入门到精通（三）
文章目录前言一、简单函数：无返回值的函数：参数为对象的函数：二、数组类型的定义1.数组是同一类型的定义2.多个类型的定义3.数组对象前言继续更新一、简单函数：function getTotal(one: string, two: string):string { return one + two;}const total = getTotal('hello','world');console.log(total)这里说一下最好给函数的类型也要声明一下，防止后面赋值的之后产生报错，及
2022-02-26 17:31:44
585
原创 TypeScript 从入门到精通（二）
文章目录前言一、静态类型：静态类型分类：对象类型：二、类型注释和推断1.类型注释1.类型推断总结前言今天正好休息，那么今天的内容会多一点,开始吧一、静态类型：const count: number = 0;count='zhangsan'说的是我们已经把他定义成数值类型，你在给他赋值成字符串就会报错，你只要记住静态类型一旦定义了就 无法改变 了静态类型分类：基础静态类型对象类型变量+ ‘:’+对应的类型可以是{}也可以是[]上面的列子就是见下面最
2022-02-26 16:14:07
402
原创 TypeScript 从入门到精通（一）
文章目录前言一、TypeScript 是什么？二、使用步骤1.下载vscode2.安装node环境3.全局安装 typeScript4. 编写第一个ts demo5. ts-node的插件前言TypeScript已经成为前端必备的技能，你还不会ts???,别怕今天我将带领大家一探究竟一、TypeScript 是什么？TypeScript 是由微软公司在 2012 年正式发布，现在也有 8 年的不断更新和维护了，TypeScript 的成长速度是非常快的，现在已经变成了前端必会的一门技能。TypeS
2021-11-27 21:32:46
431
原创 分享一套可视化
首先看一下效果：首页1.边框动画 使用的是Datavhttp://datav.jiaminghi.com/guide/borderBox.html#dv-border-box-8 使用请走按需引入http://datav.jiaminghi.com/guide/#%E6%8C%89%E9%9C%80%E5%BC%95%E5%85%A5内容页数字滚动插件 vue-count-to新闻列表滚动 vue-seamless-scroll弹窗动画效果 请看我上一篇文章用的echarts大屏自适
2021-10-13 16:49:34
182
原创 弹窗动画特效
看下效果图弹窗组件优势:弹窗内容自定义 边框大小自定义目录结构：<!-- 弹窗组件 --><template> <div :class="modalActive"> <div id="modal-container" :class="active"> <div class="modal-background" @click="closeDialog"> </div> <
2021-10-13 16:29:08
582
原创 es5总结和详细讲解
如果对你有帮助把学会了打在留言区es5脑图**String**1.String.prototype.concat关键词：拼接var a='hello'var c=a.concat('world!')console.log(c); //helloworld!性能：强烈建议使用赋值操作符（+, +=）代替 concat 方法。2.String.prototype.indexOf关键词：第一次，索引,-1 var a='hellohhhh' var c=a.indexOf('h')
2021-06-30 14:13:06
372
1
原创 Three.js零基础入门教程(郭隆邦)鼠标操作三维场景旋转缩放代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script> <script src="http://
2021-06-29 16:32:28
454
原创 Three.js零基础入门教程(郭隆邦)均匀渲染代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>均匀渲染</title> <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script></head><style
2021-06-29 16:05:48
642
原创 Three.js零基础入门教程(郭隆邦)周期性渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>周期性渲染</title> <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script></head><styl
2021-06-29 15:57:26
546
原创 three.js入门案例解析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建一个新的场景</title> <script src="lib/three.js"></script></head><style> body { margin: 0; } canvas { width:
2021-06-29 15:43:52
225
原创 element 表格里面带两个合计自定义排序
目前只支持日期格式排序，数字也没有问题1.添加@sort-change=“handleSortChange” <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @sort-change="handleSortChange" > 2.在排序的列添加sortable=“custom” <el-table-column prop="PAYMENT_DA
2021-05-19 13:47:08
534
原创 达梦后台页面的开发--初始化
最近公司要开发一个达梦项目，之前的可视化先停止更新，首先 看一下达梦后台页面达梦后台vue create dmvue删除无用的代码components 清空views清空 创建 Login==>Login.vue<template><div> 登录</div></template><script>export default { name: 'login'}</script><s
2021-05-18 14:41:26
120
原创 百万级可视化开发进阶笔记——v-chart组件的使用
效果图TotalUser index.vue<template> <common-card title="累计用户数" value="1,056,355" > <template> <div id="total-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template v-s
2021-05-15 14:56:49
328
原创 百万级可视化开发进阶笔记———今日交易用户数
效果图：TodayUser下 index.vue<template> <common-card title="今日交易用户数" value="62,832" > <template> <div id="today-user-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template
2021-05-15 14:21:36
101
原创 百万级可视化开发进阶笔记——累计订单量
效果图TotalOrders index.vue<template> <common-card title="累计订单量" value="2,119,762" > <template> <div id="total-orders-chart" :style="{width:'100%',height:'100%'}"></div> </template> <template
2021-05-15 13:52:58
118
原创 百万级可视化开发进阶笔记——累计销售
效果截图TotalOrders下index.vue<template> <common-card title="累计销售" value="￥ 32,039,165" > <template> <div class="compare-wrapper"> <div class="compare"> <span>日同比</span>
2021-05-15 09:10:09
95
原创 百万级可视化开发进阶笔记——顶部核心组件开发
用到element ui中的TopView下index.vue代码：<template><div class="top-view"> <el-row :gutter="20"> <el-col :span="6"> <el-card shadow="hover"> 鼠标悬浮时显示 </el-card> </el-col> <el-col :
2021-05-14 15:59:20
115
原创 百万级可视化开发进阶笔记——容器组件初始化
home.vue<template> <div class="home"> <top-view></top-view> <sales-view></sales-view> <map-view></map-view> <bottom-view></bottom-view> </div></template><scr
2021-05-14 14:41:28
88
原创 百万级可视化开发进阶笔记——element ui和echarts的引入
安装elementelement 官网：https://element.eleme.cn/#/zh-CN/component/installationnpm i element-ui -S修改main.jsimport Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import App from './App.vue'import route
2021-05-14 14:21:14
575
3
原创 百万级可视化开发进阶笔记——项目初始化
1.创建项目vue create imooc-datav-report-dev配置如下：2.启动项目：cd imooc-datav-report-devnpm run serve3.修改部分文件components下的文件都删除了views就保留一个home.vue首先看一下router.jsimport Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'Vue.
2021-05-14 13:51:20
107
原创 Cannot set property ‘params‘ of undefined at SwiperClass
解决办法@3.x 版本的 ---- 引入模块时使用小写import { swiper, swiperSlide } from “vue-awesome-swiper”;@4.x 版本的 ---- 引入模块时使用大写import { Swiper, SwiperSlide } from “vue-awesome-swiper”;我是3.1.3版本的改成小写的好使了...
2021-05-10 11:08:55
1860
4
原创 vue启动swiper报错
报错截图处理方法：vue-awesome-swiper的版本太高了导致的1.卸载npm uninstall vue-awesome-swiper2.安装npm install vue-awesome-swiper@3.1.3 --save-dev还是报错但是少了一个，难道是swiper3.1.3版本的也有问题1.卸载npm uninstall vue-awesome-swiper2.执行这个npm install swiper@^5.3.6 vue-awesome-sw
2021-05-10 10:05:25
358
4
原创 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
报错截图这里我还是安装之前写的创建项目是这样的import {createApp} from 'vue';import App from './App.vue'createApp(App).mount('#app')我给改了两个解决方案1.先卸载原先的版本npm uninstall -g @vue/cli2.安装指定版本（你安装其他版本也可以，但是要能支持这样导入import Vue from ‘vue’）npm install -g @vue/cli@3.0.4第二
2021-05-08 08:49:22
285
原创 百度地图划分区域进行网格化
实现的功能是 1.封装getBoundary方法，你可以任意划分省,市或者到区 2.根据经纬度划分网格区域 3.grid_information('10001')可以移动到对应网格区域的中心点弹出对应网格员的信息 4.点击网格区域也能弹出所在网格的网格员信息 5.grid_information，点击网格区域添加标记...
2021-05-07 15:30:18
8127
1
原创 es6 find和filter的区别
filter和find都不会改变原数组filter是检索数组所有元素符合条件放到一个新数组里面find的查到第一个符合条件的返回值
2021-04-27 15:36:07
105
原创 TypeScript搭建环境运行报错
报错：在执行tsc Demo1.ts 显示无法加载文件。。。。此系统禁止运行脚本第一步 管理员运行vscode第二步 打开终端 运行get-ExecutionPolicy显示Restricted，表示状态是禁止的第三步 运行 set-ExecutionPolicy RemoteSigned第四步 再次运行get-ExecutionPolicy问题解决了...
2021-04-22 17:18:02
172
原创 element 输入框检索
<el-autocomplete placeholder="请输入单位名称" value-key="COMPANY_NAME" v-model="search_tj.dwmc" clearable :fetch-suggestions="querySearchDwmc" @select="handleSelect_dwmc"></el-autocomplete>value-key 是你要检索的字段名称fetch-suggestions 你输入你要检索文字触发的方法sele
2021-04-22 14:09:25
354
原创 修改全局滚动条和element滚动条
效果图：代码：/* 全局滚动条样式 */::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; cursor: pointer;}::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px #3d445e; background: #3d445e
2021-04-22 13:56:35
702
原创 前端打印功能完善
首先是用 print.js第一步引入print.js，和修改部分代码// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if (
2021-04-22 13:48:43
246
原创 Too many blank lines at the end of file. Max of 0 allowed no-multiple-empty-lines
vue启动的时候报错error Too many blank lines at the end of file. Max of 0 allowed no-multiple-empty-lines原因是这个安装ESLint这个插件导致的找到跟目录下面的.eslintrc.js这个文件在rules里面加入“space-before-function-paren”: 0就可以直接解决了...
2021-04-19 20:05:26
798
转载 修复原生input上传下载问题
上传后删除再次上传提示File chooser dialog can only be shown with a user activation.使用this.$refs.file.click()修改为<input type="file" ref="upload" @change="uploadFile" accept=".xlsx, xls" style="display: none"/>this.$refs.upload.dispatchEvent(new MouseEven
2021-04-10 13:39:03
1738
1
原创 element tabs里面放ehcharts的一些bug问题解决
1.常见问题就是切换渲染的问题在切换事件中放这个this.$nextTick(() => { 这里调用方法 })2.切换窗口大小不更新 let fund = echarts.init(document.getElementById(ecid)); fund.resize()3.切换事件重叠切换的时候会发现好几个click事件一起调用了。在执行click先清除之前的click事件let resource = echarts.init(document.get
2021-03-25 14:00:47
190
原创 node7安装vite2.0
官网：https://cn.vitejs.dev/首选我这里的node 是7.7.0版本的我是使用的npm的方法有两种1.npm init @vitejs/app# npm 6.xnpm init @vitejs/app my-vue-app --template vue# npm 7+, 需要额外的双横线：npm init @vitejs/app my-vue-app -- --template vue这里我推荐使用第二种，好用还块但是 npm run dev 的
2021-03-24 11:19:18
1277
原创 npm更新到最新版本 或者更新到指定的版本
查看目前的版本号npm -v因为最近研究vite2.0,提示最好升级到7版本更新到最新的版本npm install -g npm查看是否安装成功ok,解决更新到指定的版本（@+版本号）npm -g install npm@6.14.8
2021-03-24 10:54:09
5680
原创 medooze音视频 git suf代码报错解决方案
首先看下啥错误：解决方法：取消https的代理git config --global --unset https.proxy成功
2021-03-03 10:26:38
151
原创 和风天气接口的使用
之前一直使用的是天气api的，但是最近也不知道咋了接口一直返回的是调用次数太高意思让我升级vip,这个有点坑爹啊，所以换成和风天气，看些效果吧有天气状态的描述，当前的温度，pm2.5指数和空气质量，当然和风天气接口还有很多的信息有兴趣请看文档https://dev.qweather.com/docs/api/参数讲解：location 必选需要查询地区的LocationID或以逗号分隔的经度/纬度坐标（十进制）和风天气常用地区列表请在下面链接自行查找https://github.com/
2021-03-03 10:09:55
1500
原创 linux(CentOS 7 64位) 安装git
1.yum install -y git发现需要root权限 这是su，输入密码后再安装即可2.再输入yum install -y git当发现有个完毕（也有可能是英文的）就是安装完事了`
2021-03-03 09:51:02
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人