- 博客(68)
- 收藏
- 关注
RSS订阅原创 前端实现表格下载+ant desgin vue
参考网上各位大佬npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev可参考大佬链接1.downButton文件建index.vue<template> <a-button type="primary" class="select-top tempDown" :loading="downloadLoading" @click="clickDown"&g
2021-09-26 15:53:27
420
原创 2021-09-13 去重并排序
① this.targetKeys = [...new Set(this.targetKeys)] ② //去重并排序 let hash = {} this.barStaFundData = this.barStaFundData.reduce((item, next) => { hash[next.year] ? '' : hash[next.year] = true && item.push(next)
2021-09-13 15:13:54
202
原创 2021-09-12基于ant desgin vue实现配置式表单（一）
网上参考了下别人用lement-ui的实现，得以顺利完成初稿，感谢formItem.vue<template> <div> <a-input v-if="isInput" v-model="currentVal" v-bind="bindProps" v-on="bindEvents" /> <a-select v-if="isSelect" v-model="currentVal" :filter-option="filterOptio.
2021-09-12 15:48:43
597
原创 ant desgin for vue table坑太多了
想实现带复选框可拖拽伸缩的表格，<template> <div> <div style="margin-bottom: 16px"> <a-button type="primary" :disabled="!hasSelected" :loading="loading" @click="start"> Reload </a-button> <span style="margin-left: 8px"&g
2021-06-30 14:29:52
275
原创 fork代码和原仓库同步以及已经处理存在remote upstream already exists code example
https://blog.youkuaiyun.com/myuantao3286286/article/details/50477139remote upstream already exists code exampleExample 1: fatal: remote origin already exists.git remote rm originExample 2: fatal: remote origin already exists.$ git remote set-url origin git@
2021-06-26 17:00:46
1248
原创 vue报错动态路由重复：vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes defi...
const createRouter = () => new Router({ // mode:'history', routes: constantRouterMap})const router = createRouter()router.selfaddRoutes = function (params){ const newRouter = createRouter() router.matcher = newRouter.matcher router.addRou
2021-06-23 17:20:24
4849
2
原创 echarts图表随着屏幕缩小而变小放大
<template> <!--为echarts准备一个具备大小的容器dom--> <div id="main" style="height: 400px" ref="hygrometer"></div></template><script>import * as echarts from 'echarts'export default { name: '', data() { return {
2021-06-09 09:55:27
1932
原创 正则匹配经纬度之度分秒-万能的正则
// 经度 /^((\d|[1-9]\d|1[0-7]\d)[°](\d|[0-5]\d)[′](\d|[0-5]\d)(\.\d{1,2})?[″]?$)|(180[°]0[′]0[″]?$)/.test('180°0′0″') // 纬度 /^((\d|[1-8]\d)[°](\d|[0-5]\d)[′](\d|[0-5]\d)(\.\d{1,2})?[″]?$)|(90[°]0[′]0[″]?$)/.test('90°0′0″') // 取值范围：经度0°0′0″.
2020-11-06 14:53:50
2153
原创 VUE+element-ui实现(文件流)文件导出功能-超详细版本
很久之前记录了一篇vue导出模板的功能，vue导出模板下载https://blog.youkuaiyun.com/weixin_42416812/article/details/103863501这个需要提供一个模板文件，然后存在前端，最后再导出。今天补充下，后端返回一个文件流的接口，怎么导出element-ui的表格文件 <el-button type="success" size="mini" icon="el-icon-download"
2020-10-30 12:47:00
5530
1
原创 vue传前端表格模块下载
.xlsx文件要放在static目录下面 <button id="hf" href="#" download @click="downfile">导入模板下载</button>在methods写个方法就ok了 // 下载文件 downfile(urls) { urls = location.origin + '/static/userImp...
2020-10-30 12:22:02
592
原创 vue2.0x卸载不掉，vue3.0x更新不了，结果更新成了vue4.0x
https://juejin.im/post/5bf7d67c51882518805acb1awindow电脑真的很诡异，vue3.0x升级好多次不成功。最后把所有文件都卸载掉了。还是没有卸载掉。。。之前安装了个widown的命令行工具，难道是里面有缓存？之后我用自带的cmd命令行一试，发现成功了。。。...
2019-11-01 15:30:01
1999
原创 长大成人
使用Openlayers2画圆，将900913转为4326坐标系的时候，必须在调用画圆的方法之前，就将点转成需要的坐标系。否则，会将45的边数默认为度数。new OpenLayers.Geometry.Polygon.createRegularPolygon（）关于识别平面坐标和球体坐标。Openlayer只识别球体坐标，不识别地理坐标，所以需要先将圆中心点在画点之前先进行转化，否则圆形画出来是...
2019-10-24 17:38:53
393
原创 今日话题
https://www.cnblogs.com/littleorange7/p/10235789.html见上文链接这个是自己的jdk和tomcat路径]
2019-09-27 17:07:19
349
原创 Vue二次封装element-ui的树组件（二）——将扁平数据变成二维数组
将扁平数据变成二维数组：<template> <div> </div></template><script>import { getTreeList } from './api'export default { async mounted () { let { data } = await getTre...
2019-09-19 15:00:12
735
原创 Vue二次封装element-ui的树组件（一）
1.创建文件夹2.1)npm init -y2）安装 npm i express axios element-ui loadsh -S3.创建server.js文件：写接口let express = require('express')let app = express();//解决跨域问题app.use((req, res, next) => { r...
2019-09-19 11:32:49
1605
原创 Vue实现日历组建功能
github源码地址下载：https://github.com/Huilllll/vue-data.gitHelloWorld.vue<!-- * @Description: In User Settings Edit * @Author: your name * @Date: 2019-08-15 16:04:17 * @LastEditTime: 2019-09-1...
2019-09-15 15:19:46
534
原创 node接口搭建
1.node接口搭建——express搭建服务器npm init npm install expressserver.js文件const express = require("express"); // 引入expressconst app = express(); //实例化一个appconst port = process.env.PORT || 5000; //创建一...
2019-09-09 21:50:40
332
原创 手写一个自己vue-cli
1.安装vue-clinpm install -g @vue/clihttps://cli.vuejs.org/zh/guide/cli-service.html2.npm init -y 初始化包cyp:#!/usr/bin/env node console.log("hello cyp");package.json{ "name": "vue-cli", "ve...
2019-09-03 15:50:41
1687
原创 git add .和git add *有什么区别
https://blog.youkuaiyun.com/weixin_36564655/article/details/89682393今天同事问我，git add . 和 git add * 有什么区别，只记得它们都是上传所有文件，但具体区别忘记了，因为自己一直都是用git add . 的，所以记录下，以备以后查阅。...
2019-08-27 10:12:39
5209
1
原创 Webpack核心loader (三）—— 使用第三方库
1.入口文件引入：只要引入都会被打包cnpm i jquey -Sindex.jsimport $ from 'jquey';$('ul li:last-child').css('background','pink')2.Webpack.ProvidePlugin引入 //建议使用这种自动加载模块，而不必用import或require 如果加载...
2019-08-26 10:26:38
285
原创 Webpack核心loader (三）—— babel-loader
base-loader解析es6,将es6转化成es5,将react的jsx语法转化成浏览器可以认识的语言1.babel-loader //针对于babel的loader文件2.@babel/core //babel核心文件3.@babel/preset-env //解析更高级代码安装： cnpm i babel-loader @babel/core @babel/preset...
2019-08-26 10:25:00
673
原创 Webpack核心loader (三）—— 处理less
less:1.less2.less-loader安装：cnpm i less less-loader -Dindex.js入口文件引入：import '../less/index.less';src下新建less文件，index.less@w:120px;@border:1px solid #000;#box{ width: @w; border:@bo...
2019-08-26 10:23:53
156
原创 Webpack核心(三）—— loader提取与压缩css
//webpack.config.js 配置文件// 1.入口(entry) :使用哪个模块来构建内部依赖图的开始// 2.输出(output) :在哪里输出它所创建的bundles及命名规则// 3.loader :可以促使webpack额外地处理非javascript文件// 4.插件(plugins) :执行范围更广的任务，如：打包优化和压缩等 const path = req...
2019-08-26 10:21:36
630
原创 Webpack核心(三）—— loader
官网 ： https://www.webpackjs.com/concepts/loaders/1.css-loader:作用：读取css文件安装：npm install css-loader -D官网： https://www.webpackjs.com/loaders/css-loader/注意：mini-css-extract-plugin 和 css-...
2019-08-26 10:20:10
173
原创 Webpack4.x(一)——目录结构与基本使用
常用命令：mac/window(略) 自行百度 创建文件夹(window/mac)： mkdir webpack-demo创建文件(window)：type nul > 文件名.后缀名 mac:touch 文件名 type nul > index.js目录文件：——dist //打包生成后的文件——node_modul...
2019-08-26 10:16:13
260
原创 Webpack核心(二）—— mode
模式mode:方式一：使用参数mode 概念：模式，设置代码的运行环境（开发模式，生产模式）（4.x新增的）development 开发环境production 生产环境npm课程方式二 命令：webpack --mode developmentwebpack --mode production"devDependencies": { /...
2019-08-26 10:10:26
347
原创 Webpack核心(二）—— devServer
安装： npm install webpack-dev-server -D webpack-dev-server // 启动服务器 参数： host: 服务器的ip地址 port:端口 open: 自动打开 hot :热更新 devServer:{ host:'localhost', //默认localhost port:'1513', //...
2019-08-26 10:07:16
190
原创 Webpack核心(二）—— plugins
plugins插件搜索引擎或者github搜索下HtmlWebpackPlugin 安装： npm install html-webpack-plugin -D 引入：const HtmlWebpackPlugin = require("html-webpack-plugin"); 参数：title:页面标题template:页面模板filename:页面名字injec...
2019-08-26 10:03:42
119
原创 Webpack核心(二）——entry和output
entry:入口文件output：出口文件module:模块plugins:插件devServer:服务器mode:模式webpack --config kavion.js //webpack.config.js的名字不能改，位置也不能动，如果想换个名字，执行的时候需要webpack --config kavion.js webpack.config.js: ...
2019-08-26 10:01:57
145
原创 使用 express-generator 创建正式项目，nodemon 监听代码变动(二)
1. express --view=ejs blog2.cd log3.npm i (安装相关依赖包)4.npm start 启动项目：再次访问localhost:3000 ,express启动成功5. cnpm i nodemon -S6.修改package.js文件："start": "node ./bin/www" 改为"start": "...
2019-08-23 10:35:29
313
原创 Node.js使用express框架入门——启动服务(一)
1.先创建一个文件夹，搭建一个项目 ，生成packgage.json文件2. 安装expresscnpm i express -S3.项目中新建文件app.jsvar express = require('express');var app = express();app.get('/', function (req, res) { res.sen...
2019-08-23 10:27:17
9497
原创 VSCode集成Git Bash作为Terminal
https://blog.youkuaiyun.com/prufeng/article/details/850484541.Ctrl+Shift+P2.Open User Settings3.Change terminal.integrated.shell.windows4.在setting.json文件配置： // "files.autoSave": "off", "ter...
2019-08-20 11:31:36
2158
原创 Windows下安装及使用NVM安装node.js
https://blog.youkuaiyun.com/qq_32682137/article/details/82684898之前一直使用的是去node官网下载安装包的形式，但是这样有版本局限性问题，团队使用不太方便。这几天发现可以使用nvm安装node.js，切换版本也更方便，所以，尝试了一下。大家也可以参照这篇博主的https://blog.youkuaiyun.com/qq_32682137...
2019-08-17 16:39:33
154
原创 Webpack4.x（一）安装及入门
构建工具官网：https://www.webpackjs.com/安装：(前提条件：node.js必须安装)npm init -y (创建一个package.json,必需有这个才能安装模块) npm install webpack --save-dev npm install webpack-cli --save-dev 两条命令可以简写为： npm i we...
2019-08-16 11:40:02
232
原创 vscode设置eslint保存文件时自动修复eslint错误
https://www.jianshu.com/p/80502eb802a7好吧，我以前也是一行一行改的，想逼自己代码写规范一点。后来发现太严格了，没有那么多时间精力去修改，还是决定采取自动修复eslint，节约不必要浪费的时间开支。在settings.json中设置：文件 --》首选项--》设置 ---》settings.json"editor.tabSize": 2,...
2019-08-15 17:36:48
8419
原创 如何搭建自己的第一个vue项目
一、配置环境1.首先准备开发环境：node 、 npm、可以选择安装淘宝镜像（cnpm）：npm install -g cnpm –registry=https://registry.npm.taobao.orgnode、npm安装见链接：https://www.liaoxuefeng.com/wiki/1022910821149312/1023025597810528...
2019-08-15 17:22:19
147
原创 ES6基础入门（六)—— 模块化
1.模块化的概述2.export和import的使用3.export default//index.html<script type="module" src="js/index.js"><script/>//index.js:入口文件，可以使用js文件import {a,person,Animal} from './export.js'//导入...
2019-08-14 17:57:23
124
原创 ES6基础入门（五)—— class继承及案例
1.class继承的实现2.super关键字3.方法的重写<script> //es5 function Animal(name,color){ this.name = name; this.color = color;}Animal.prototype.eat = function(){ console.log(this...
2019-08-14 17:32:14
217
原创 ES6基础入门（五)—— class基本用法
1.class概述2.class的getter和setter3.class静态方法和静态属性4.new.target属性<script>//es5封装一个对象//缺点：不利于语言和语言之间的转化(java,c++)//创建一个构造函数 function Person(name,age){ this.name = name; ...
2019-08-14 16:35:19
207
原创 ES6基础入门（四)—— async函数详解
1.async函数的基本使用2.async函数案例3.与Generator的对比<script> //1.async函数的基本语法：异步函数，发送异步请求 //发送异步请求的函数 function getData(code){ return new Promise((resolve,reject) =>{ ...
2019-08-14 15:40:26
488
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人