- 博客(52)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 运行 npm install 报错 command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node build.js
运行 npm install 报错 command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node build.js
2022-07-21 17:44:07
12167
原创 git 分支查看 删除 新建 合并 常规操作
3、清理本地不存在的远程分支，如别人删除了dev,但是你本地查看还有，就可以执行该条命令。2、如果是多人开发的话需要把远程master上的代码pull下来。1、在分支上提交代码，然后切换到master分支上。3.然后我们把dev分支的代码合并到master上。3、显示所有的分支，远程分支和本地分支。1、删除本地分支如分支名为dev。1、显示所有的本地分支。2、显示所有的远程分支。...
2022-07-18 17:26:06
861
原创 安装vuex 启动 报错 “export ‘watch‘ was not found in ‘vue‘
如果你的vue版本是 2.X ，将vuex升到 2.X.X 就能够解决npm install --save [email protected]如果你的vue版本是 3.X ，将vuex升到 4.X.X 就能够解决npm install --save [email protected] install --save [email protected]我的 vue 版本是 2.X 用这个办法就解决了~...
2022-02-10 09:36:12
6075
4
原创 高德地图--散点图遇到的问题
JSAPI v2.0 版本，AMapUI 组件库的 v1.1版本。一、散点图JSAPI v1.4 版本 先看一下官方写法 ：创建海量点对象，设置点样式：// 创建样式对象var styleObject = { url: '//vdata.amap.com/icons/b18/1/2.png', // 图标地址 size: new AMap.Size(11,11), // 图标大小 anchor: new AMap.Pixel(5,5) // 图标显示位置偏移
2021-10-21 11:35:39
1173
4
原创 vue select 分页加载数据（懒加载）
有时候下拉数据量过大，会出现卡住的现象。本文就是解决这个问题，实现下拉框分页加载。在 el-selec 上 加 v-el-select-loadmore 指令（在下面定义）<template> <el-form :inline="true" size="small"> <el-form-item label="小区"> <el-select v-model="reqParams.communityId" v-el-
2021-08-18 14:36:20
3964
12
原创 element el-cascader 级联回显 多选回显
element el-cascader 级联回显 多选回显不多说了，直接上代码<template> <div id="app"> <el-card class="box-card"> <el-form ref="form2" :model="form2" label-width="80px"> <el-form-item label="回显"> <el-cascader
2021-07-16 16:49:11
6317
原创 js中的迭代方法(every、some、filter、map、forEach)
js有五个迭代方法，分别为：every、some、filter、map、forEach1.everyvar arr = [0,1,2,3,4];var everyResult = arr.every((item, index) => { return item > 2;});console.log(everyResult); //false对数组每一项运行指定的函数（item>2）,该函数对每一项都返回true，则返回true。2.somevar arr = [0
2021-06-15 11:37:06
544
4
原创 使用 Lodash.groupBy 重组数据
原本的数据格式： mapList: [ { everyCount: 5, name: "NB 物联网表", code: "nb", id: "8cfc89181f664c629e4d7c66fb830e81", rate: 100 }, { everyCount: 6, name: "NB 物联网表",
2021-05-26 10:57:46
8742
原创 vue 实现 表格拖拽 包括表格嵌套表格拖拽
vue 实现 表格拖拽 包括表格嵌套表格拖拽在上篇文章实现了表格嵌套表格 上移下移置顶置底的基础上（请看vue 表格嵌套表格 实现上移下移置顶置底），本篇将在此基础上实现拖拽功能。openDragDialog(row) { //子表格展开时获取index var index = this.tableData.findIndex(item => { return item.id === row.id; }); this.setSort2
2021-05-17 17:44:31
3301
5
原创 vue 表格嵌套表格 实现上移下移置顶置底
vue 中实现上移下移置顶置底排序1.使用数组splice方法交换位置实现上移、下移功能2.使用数组splice、unshift、push方法实现置顶、置底功能主要就是以下代码：// 置顶 handleTop(index, row, type) { // 将要置顶的元素存储后删除 const temp = this.tableData.splice(index, 1)[0]; // 将元素unshift到数组第一位 this.table
2021-04-07 14:21:33
1929
9
原创 Vue导出页面为PDF格式，解决PDF中图片不显示(跨域)
实现Vue导出页面为PDF格式【笔记】首先需要安装两个工具：npm install --save html2canvasnpm install jspdf --save 创建htmlToPdf.js 文件，个人习惯放在plugins文件夹中，具体代码如下：// 导出页面为PDF格式import Vue from "vue"import html2canvas from "html2canvas"import JSPDF from "jspdf"const htmlToPdf = {
2021-03-31 09:53:44
3207
1
原创 element-ui +vue 实现 表单中包含表格的校验
element-ui 表单中包含表格的校验本篇文章实现的是下图的效果：直接上代码：<template> <div id="app"> <h2>表单里面存在表格的校验</h2> <el-card class="box-card"> <el-form :model="form" :rules="rules" ref="form" class="demo-ruleForm"> <e
2021-03-30 17:55:37
527
1
原创 vue+NuxtJS使用 scss
vue+NuxtJS使用 scss1.安装scss在这一步卡了好久，网上看到了好多方法，最后都是安装失败，各种报错。npm install --save-dev sass sass-loader@10 fibers2.引用全局引入—>修改nuxt.config.js // Global CSS: https://go.nuxtjs.dev/config-css css: [ 'element-ui/lib/theme-chalk/index.css', {src:
2021-03-25 13:44:55
1062
3
原创 el-table用key解决表格数据显示不正确
key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。
2021-03-08 10:33:19
4038
1
原创 vue+element-ui 表格嵌套表格实现和勾选问题解决
vue+element-ui 表格嵌套表格的实现主要是根据element-ui提供的type="expand"属性来实现，数据都是写死的数据哈~~~<template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="children" type="expand"> <template slot-scope="slots
2021-03-03 17:50:28
7992
32
原创 npm ERR! cb() never called!
npm ERR! cb() never called!买了一个新电脑兴高采烈装完环境，快快乐乐的敲着键盘。开开心心把项目下载下来，然后 npm install 的时候 笑容僵住了…检查了node -vnpm -v最后检查了一下npm私服地址没得问题，于是乎疯狂百度。1.删除代理npm config rm proxynpm config rm https-proxy2.清除npm缓存一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f
2021-03-02 17:28:39
157
原创 uniapp 实现 下拉分页加载数据
uniapp 实现 下拉分页加载数据使用场景大多在列表页中，那么如何实现呢？正式开始之前先介绍两个函数：onPullDownRefresh在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。当处理完数据刷新后，uni.stopPullDownRefresh 可以停止当前页面的下
2021-02-26 11:03:06
8063
6
原创 React学习(四)——实现TodoList父子组件通信
新建文件TodoItem.jsimport React, { Component } from "react";class TodoItem extends Component { render() { return <li>TodoItem</li>; }}export default TodoItem;在import TodoItem from "./TodoItem";getItem() { return this.state.lis
2021-01-15 10:44:59
183
原创 React学习(三)——实现TodoList
React学习(三)——实现一个ToDoList1.新建TodoList.js//导入React相关依赖import React, { Component, Fragment } from "react";//创建一个组件class ToDoList extends Component{ //构造函数 constructor(props){ super(props); //this.state里可以写一些初始化的数据 this.stat
2021-01-14 15:38:51
376
原创 electron-vue 开发(二)——主进程和渲染进程通信
electron-vue 开发(二)——主进程和渲染进程通信1.简介electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下的应用。electron是一个运行时环境，包含Node和Chromium，可以理解成把web应用运行在node环境中2.进程2.1主进程 Main Process官网 ipcMain 介绍可以使用和系统对接的Electron API - 创建菜单，上传文件等等
2021-01-11 17:00:45
3122
4
原创 electron-vue 开发(一)——Hello World
electron-vue 开发(一)——Hello World前提：安装了 npm、node提供一个写的不错的一篇文章：走你┏ (゜ω゜)=☞我个人喜欢用另一种更快的方式，接下就开始。1. 安装 vue-clicnpm install -g vue-cli 或者是 npm install -g vue-cli 都可以。2. 安装脚手架样板代码vue init simulatedgreg/electron-vue my-project（my-project是项目的名称，可以修改）有的时候命令执
2021-01-11 14:41:58
712
原创 安装electron-vue遇到的问题
安装electron-vue遇到的问题1.执行vue init simulatedgreg/electron-vue xxx(project)命令太慢。推荐解决方法：1.1、将electron-vue项目先下载下来electron-vue国内码云地址，直接下载到本地。或通过git直接克隆到本地 git clone https://gitee.com/mirrors/electron-vue.git1.2安装样板代码F:\privateProjects\workspace\project\
2021-01-04 15:31:52
1494
5
原创 Promise 学习笔记（一）--- 什么Promise？
Promise 学习笔记一、异步和同步我们来举一个生活小例子：大学室友小明要洗澡，同时小李也要洗澡。由于小李的谦虚就让小明先洗澡了，小李在外面干等着，这期间什么都不干，就干等着，这就像alert，不点确定的话往后的代码就不会执行。这个就是同步，会阻塞任务的执行。第二天，小李在小明洗澡之前，和他说“等你洗完澡打电话给我，我先去超市买点东西”，这里就是一个异步的操作,在等待的期间，可以做自己的事情。二、什么是Promise？Promise对象用于表示一个异步操作的最终状态以及其返回的值。有两个特点：
2020-12-16 11:09:26
89
原创 小白的高德地图初体验(二)——聚合点
小白的高德地图初体验(二)——聚合点说到高德地图，肯定要推荐官方文档，☛☛☛传送门，走你~~☞☞小白的高德地图初体验(一) —— 打点☞☞小白的高德地图初体验(二)——点聚合☞☞小白的高德地图初体验(三) —— 轨迹☞☞小白的高德地图初体验(四) —— 轨迹☞☞小白的高德地图初体验(五) —— 矢量图形☞☞小白的高德地图初体验(六)—— 信息窗体今天又是被高德坑的一天，巨坑，也可能是我太菜了，那么直接看代码吧。一、初始化每次都从一张图开始，希望咱们都能成功哈~~~<templa
2020-12-01 16:59:53
1755
6
原创 element 输入框只可以输入正整数
正则表达式今天再项目中用到正则，那就整理一下正则和相关的一下知识点哈。一、表单中输入框只可以输入正整数写法一：<el-form-item label="时限2" prop="time2"> <el-input :value="params.time2" @input="changeValue" placeholder="请输入" clearable type="text" /></el-form-item>changeValue(value) {
2020-11-30 17:38:21
13502
2
原创 小白的高德地图初体验(五)—— 信息窗体
小白的高德地图初体验(四)—— 信息窗体这里是官方文档☛☛☛传送门，走你~~☞☞小白的高德地图初体验(一) —— 打点☞☞小白的高德地图初体验(二) —— 轨迹☞☞小白的高德地图初体验(三) —— 矢量图形一、初始化老规矩先搞一个地图瞅瞅initMap() { MapLoader().then(() => { this.AMap = window.AMap let { AMap } = this this.maps = new AMap.Map("m
2020-11-26 15:06:24
665
1
原创 小白的高德地图初体验(四)—— 矢量图形
小白的高德地图初体验(三)—— 矢量图形这里是官方文档☛☛☛传送门，走你~~☞☞小白的高德地图初体验(一) —— 打点☞☞小白的高德地图初体验(二) —— 轨迹经过上面一张，我们今天来看看轨迹怎么形成，还有它自带动画的效果。一、画一个固定的圆我们先形成一张带轨迹的地图。现在data中定义一些必须要的~~~data() { return { AMap: {}, maps: {}, circle: {}, radio: 0 }
2020-11-26 14:19:12
2771
5
原创 小白的高德地图初体验(三)——轨迹回放
小白的高德地图初体验(二)——轨迹这里是官方文档☛☛☛传送门，走你~~☞☞小白的高德地图初体验(一) —— 打点经过上面一张，我们今天来看看轨迹怎么形成，还有它自带动画的效果。一、初始化 methods: { initMap() { MapLoader().then(() => { this.AMap = window.AMap let { AMap } = this
2020-11-25 18:54:07
935
12
原创 小白的高德地图初体验(一) —— 打点
小白的高德地图初体验(一)——打点说到高德地图，肯定要推荐官方文档，☛☛☛传送门，走你~~环境是vue，用的是插件 —— amap.client.js。大概就长这样的 ☟☟☟export function MapLoader() { let amap = new Promise((resolve, reject) => { if (window.AMap) { resolve(window.AMap) } else {
2020-11-24 14:50:31
2642
2
原创 audio的播放没有声音的问题
今天遇到一个audio 播放没有声音，让我们来看一下代码： <audio id="audio" ref="audio"> <source :src="voice.url" /></audio><p class="el-display"> <span class="el-display__title">语音描述</span> <span class="el-display__content">
2020-11-19 14:45:23
5014
原创 element使用问题
一、el-input 在框中加单位<el-form-item label="活动形式" prop="name"> <el-input v-model="form.name" placeholder="请输入" show-word-limit> <i slot="suffix" style="font-style: normal; margin-right: 10px;">次/每天</i> </el-input></el-form-
2020-11-13 11:02:46
344
原创 React学习(二)——react项目目录
一、一个小知识点node_modules :里面放入的是这个项目依赖的文件如果没有 请执行yarn installnode_modles 里面都是项目依赖包 如果没有需要 执行yarn install如果你的项目中 没有 yarn.locak 文件 只有 package.json需要运行npm install二、工程目录介绍yarn.lock 整个项目中所依赖的第三方模块的各种信息README.md 对项目的说明，里面介绍了整个项目达到什么样子的效果、需要搭建什么样的环境、具备什么样
2020-11-12 14:58:36
1182
1
原创 node项目笔记---环境搭建（二）
node项目笔记—环境搭建（二）一、环境搭建 1.新建一个空目录 2.npm init -y 3.npm i lodash --save --registry=https://registry.npm.taobao.org 4.安装nodemon 和 cross-envnpm install nodemon cross-env --save-dev --registry=https://registry.npm.taobao.org目录结构如下二、初始化路由新建bin目录bin目录下创
2020-08-21 09:27:43
114
原创 node 项目笔记---路由开发（三）
node 项目笔记—路由开发（三）一、新建model目录新建文件resModel.jsclass BaseModel { constructor(data, message) { if (typeof data === "string") { this.message = data; date = null; message = null; } if (data) { this.data = data; } i
2020-08-21 09:25:41
126
原创 node 项目中遇到的问题
node 项目中遇到的问题1.‘NODE_ENV’ 不是内部或外部命令，也不是可运行的程序或批处理文件。F:\workspace\project\nodeProject\blog-3>npm run dev> [email protected] dev F:\workspace\project\nodeProject\blog-3> cross-env NODE_ENV = dev nodemon ./bin/www.js'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或
2020-08-20 15:07:19
263
原创 node项目笔记---GET和POST（一）
项目笔记主要1.开发一个博客系统，具有博客的基本功能2.只开发server端,不关心前端开发1.nodejs处理http请求2.搭建开发环境3.接口开发（暂时不连接数据库，暂时不考虑登陆）http请求概述1.DNS解析，解析TCP链接，发送http请求 第一步：检查浏览器缓存中是否缓存过该域名对应的IP地址 第二步：如果在浏览器缓存中没有找到IP，那么将继续查找本机系统是否缓存过IP 第三步：向本地域名解析服务系统发起域名解析的请求server接收到http请求，处理，并返回客户端
2020-08-20 11:42:15
161
原创 前端JS本年，本月，本周，七天前，前一天，时间获取问题
前端JS去年，本月，本周，最近七天，前一天，时间获取本文获取的时间都是时间戳，在这里推荐一个在线时间戳装换的小工具：传送门一、最近七天 changeDate4(value) { //当前选择日期往前七天的日期 let date3 = new Date(value).getTime() - 8 * 3600 * 1000 let date1 = new Date(value).getTime() - 8 * 3600
2020-07-22 14:57:37
2521
1
原创 vue+NuxtJS中使用Element-ui
vue+NuxtJS中使用Element-ui因为公司的要求，开始学习NuxtJS，这里给大家提供一下官方的文档：快看这里，然后发现这个真是挺好用的，有兴趣的小伙伴们可以学习一波，祝大家越来越强哈。不废话了来一起看看怎么在这个框架中使用element-ui吧。一、如何使用1.首先在plugins中新建文件夹element-ui.js添加的内容如下：import Vue from 'vue'import Element from 'element-ui'Vue.use(Element);2
2020-06-11 14:25:55
1476
2
基于Hadoop的数据仓库Hive学习指南.doc
2020-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人