- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 process is not defined
最近在开发项目中莫名遇到这个问题，网上查阅很多资料，上面的解决办法都不管用。最后在node_modules中找到。将process.cwd()注释，改为cwd = __dirname,然后重启项目就好了。
2024-06-19 09:25:53
233
原创 canvas画表格
data数据格式：[{“num”:388,“dfname”:“砼”,“zdmj”:156679.44,“jzmj”:5197303.22}, {“num”:24,“dfname”:“混”,“zdmj”:12888.83,“jzmj”:428493.83}]drawCanvasTable(data) { let canvas = document.querySelector("#canv"); let ctx = canvas.getContext("2.
2022-02-14 10:09:11
3903
4
原创 arcgis query异步递归查询
find(url, layerIds, wybsm, serviceId) { const _this = this; esriLoader .loadModules(["esri/tasks/query", "esri/tasks/QueryTask"]) .then(([Query, QueryTask]) => { let arr = []; (function loop(i) {
2021-11-22 16:28:57
970
原创 为什么elementui的表格点击click事件会执行两次
点击下图表格中的多选框列时候，会连续点击两次。解决方法：@click.native.prevent 阻止默认事件<el-table-column width="55"> <template slot-scope="scope"> <el-checkbox v-model="scope.row.unshow" @click.native.prevent="clickCheckBox(scope.$index,scope.row.unshow)"&
2021-07-22 16:25:35
3245
1
原创 Vue中出现”xxxx“ is defined but never used
解决方法：在package.json或者.eslintrc.js中找到 eslintConfig 块，在其rules下加入"no-unused-vars": "off"即可"eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules
2021-06-04 16:25:47
795
原创 javascript下载图片而不是浏览器默认打开图片
dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n)..
2021-05-18 09:10:10
1067
原创 elementui表格出现不对齐(错位)的现象
解决方案：每次更新表格数据的时候 调用doLayout()方法执行完这一步的时候，表格还是不对齐。调试表格的td元素的height和padding属性。调完之后，就正常了。
2021-03-10 09:34:35
4488
原创 webpack打包之后输出对象为空对象
首先，整个测试项目的目录如下：index.js代码如下：const {add} = require('./js/add')const {devide} = require('./js/devide')const {sub} = require('./js/sub')const {mult} = require('./js/mult')module.exports.calc = { add, sub, mult, devide}webpack.config
2021-02-20 16:59:55
1676
原创 使用Sinopia搭建一个私有npm仓库
1.服务端配置需要准备的东西:一台linux服务器(我的是centos7.x),因为windows服务器可能会有点问题前期配置: 服务器安装node环境下面开始正式配置服务端:全局安装sinopianpm install -g sinopia启动sinopia运行指令: sinopia,出现如下字段说明成功:warn — config file - /home/map/.config/sinopia/config.yamlwarn — http address - http:
2021-02-04 16:34:15
293
1
原创 TypeError: this.getOptions is not a function
今天用webpack打包项目，安装了less-loader模块之后报错，如下图：原因： less-loader安装的版本过高解决方案： 1.npm uninstall less-loader2.npm install less-loader@5.0.0
2021-02-02 13:42:17
165461
62
原创 css的flex弹性布局
效果1：给容器设置属性justify-content ：space-evenly ，红色矩形之间的距离相等。除了space-evenly值以外，还有sapce-between/space-around…，设置属性align-items: center;容器内的项目垂直居中。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
2021-01-26 15:19:27
75
原创 ‘xxxx‘ is defined but never used (no-unused-vars)报错
如图：红框框起来的是我引入了一个组件，然后就出现了图二的报错。解决办法： 创建一个名为 .eslintrc.js 的文件,如图,然后关闭项目,再次重启项目就可以了..eslintrc.js的文件内容如下:module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended'
2021-01-25 14:42:27
447
原创 echarts的柱状图的柱条颜色设置
话不多说，上效果图代码如下：<template> <div class="bar" ref="bar" style="width:100%;height:100%"></div></template><script>export default { data() { return {}; }, props:['data'], mounted(){ this.$nextTick(()=>{
2021-01-25 14:21:38
2287
原创 vue使用scss
注意：这里用的是vue-cli@3.x创建的项目，至于vue-cli@2.x创建的项目并不适用该文章写的方法。1.使用vue-cli@3.x创建项目vue create demo2.安装scss相关的包npm install -S node-sass sass-loader3.安装完成之后，你就可以写scss语法了，只需要在组件中的style标签加上lang属性：< style lang=“scss” scoped >。4.第三步可能会遇到报错，这个时候你只需要终止项目运行，然后再
2021-01-25 10:09:46
562
原创 node项目创建
场景一：如果只是简单的功能模块，只用到node自带的模块，不用npm init，直接引入自带模块就行var http = require("http");var fs = require("fs");const tableNames = ['GEOPDDISULINE','GEOPDLINE','GEOPDRIUN','GEOPDRIUNLINE','GEOPTCOND','GEOPTLINE','GEOPTLINE_ORIG','GEOPFWELL']const primaryKeys = ['F
2021-01-19 16:59:57
242
原创 有点意思的边框交互效果
今天浏览掘金网站的时候，看到一个有趣的东西，用css实现边框动画交互效果。参考文章地址效果1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</titl
2021-01-19 13:03:48
111
原创 使用node搭建一个简易后台
const Koa = require('koa')const app = new Koa()app.use(async(ctx)=>{ ctx.body = '这是后台返回的数据'})app.listen(3000)第一步：创建一个demo文件夹，打开终端，进入demo文件夹,npm init -y进行项目文件初始化第二步：npm install koa,安装koa模块第三步：创建app.js入口文件，写入上述代码第四步：在demo文件夹下，运行node app.js，后
2021-01-18 15:55:46
838
原创 函数实参为对象类型的值
let obj = {name:'wl',age:22}function person(o){ o.name='wang' o = {name:'mao',age:23} return o}person(obj) // ---> {name:'mao',age:23}obj // ---> {name:'wang',age:22}分析：将obj这个对象作为实参传给person这个函数，o作为形参接受，这时候o和obj两个变量
2021-01-18 11:01:58
162
1
原创 node的Event Loop(事件循环)
process.nextTick(()=>{ console.log(1);})process.nextTick(()=>{ console.log(2);})setImmediate(()=>{ console.log(3); process.nextTick(()=>{ console.log(4); })})setImmediate(()=>{ console.log(5);})setTime
2021-01-18 10:20:30
201
原创 node爬取数据并解析写入文件
今天，领导让我帮着后台解析一些数据，本以为是很简单的数据处理,后台发给我一个链接，我请求一看就懵逼了，密密麻麻的文字，复制到文件一看，大小70M，而且还不止一个链接，没办法，只能写一个node请求数据再解析写入文件给后台。 话不多说，上代码。var http = require("http");var fs = require("fs");const tableNames = ['GEOPDDISULINE','GEOPDLINE','GEOPDRIUN','GEOPDRIUNLINE','GE
2021-01-18 08:35:25
198
原创 vue使用echarts
安装echarts模块npm install echarts -S或者使用淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S引入echarts在main.js中// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts draw() { // 绘制图表。
2021-01-12 10:18:44
424
原创 安装react模块
安装react模块被动/主动编译<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./nod
2021-01-07 11:03:30
244
原创 前端面试题分享
今天在网上看到一条前端面试题很有意思，下面分享给大家。问：if(a1&&a2&&a==3){console.log(123)},什么情况下if判断成立？let obj = {y:1}Object.defineProperty(obj,'x',{ get(){return obj.y++}})if(obj.x==1&&obj.x==2&&obj.x==3){ console.log(123)}...
2020-12-30 13:20:51
72
原创 javascript类型判断
typeof:只能简单的区分原始类型，遇到数组、对象、null无法区分instanceof:可以对数组、对象类型加以区分，但是有一种情况会出现问题：A窗口嵌套B窗口，A窗口中有一个数组arr变量,在B窗口判断 B.parent.arr instanceof Array,结果为false。原因分析：因为instanceof不能跨窗口判断，每个窗口(即window)都有自己的构造函数，A窗口的Array和B窗口的Array不同下面介绍两种方法可以解决跨窗口的类型判断：/** 方法一：**/对象的原
2020-09-23 16:09:16
96
原创 javascript深浅拷贝
let arr = [1,2,[3,4],[5,6,[7,8]]] let obj = {name:'wl',info:{age:23,name:'wl'},job:['stu']} function deepCopy(obj){ if(typeof obj != 'object')return let objType = obj.constructor.toString() if(objType.i..
2020-09-18 16:21:36
73
原创 arcgis api for js绘制箭头图
//人才需求箭头图 rcxqToRcgy(data){ const _this = this; let png = this.graduatPng if (_this.rcxqToRcgyLayer != "") { // console.log(123456); _this.rcxqToRcgyLayer.clear(); } //如果传的data为[] 之前又有人才需求箭头流向图层 先清除图层 在ret.
2020-09-17 16:10:47
2420
原创 vue中img的src动态绑定路由问题
给img的src绑定路由，不能直接使用相对路径，需要使用requireconst HomeIcon = [ { id:1, text:"c", icon: require("../images/home/icon1.png") }, { id:2, text:"java", icon: require("../images/home/icon2.png") }, {
2020-06-18 11:08:29
752
原创 解决arcgis中的textSymbol不支持\n换行
在methods中创建一个方法，mounted()调用该方法//换行显示textSymbol multiLine(){ esriLoader .loadModules([ "esri/layers/LabelLayer", "esri/symbols/TextSymbol", "dojox/gfx" ]) .then(async ([LabelLayer, Tex
2020-06-12 16:43:33
584
原创 前端路由router原理
现如今，前端可以实现无须刷新页面的情况下显示新的应用状态。有两种模式可以实现：hash模式、history模式。hash模式hash模式，只能通过window.location.hash改变#后面的值，可以通过window.onhashchange来监听hash值的变化来显示对应的应用状态。有一点值得注意的是：假设你访问的是www.example.com/#/123,无论hash值怎么变化，后...
2020-04-29 11:04:12
215
原创 重现数组reduce方法
Array.prototype.myreduce = function (fn) { let init = arguments[1] let that = this let accu if (init !== undefined) { accu = init for (let i =...
2020-04-27 14:52:17
108
原创 router和route
route的用法<router-link :to="{name:'newsDetail',query:{id:item.id,title:'newsList'}}"> <div> <i> <img :src="item.picUrl" alt="" width="100%" height="1...
2020-04-26 11:41:54
744
转载 vue使用less
安装命令：cnpm i less less-loader -S配置更改配置文件build/webpack.base.conf.js在module.export暴露的对象中，为module的rules添加如下配置：{ test: /\.less$/, loader: "style-loader!css-loader!less-loader",}使用在style标签上添加...
2020-04-26 11:05:16
1065
原创 vue请求方式
axioscd democnpm i axios -S在main.js中引入axios//axios请求数据import Axios from 'axios'Axios.defaults.baseURL = 'http://tanzhouweb.com/vueProject123/'//配置请求头，非常重要，有了这个才可以正常使用POST等请求后台数据Axios.defaults...
2020-04-25 21:46:51
240
原创 高阶函数
节流定义：对于连续触发的函数，规定两次执行间隔时间必须不小于time值才能再次触发//节流:function throttle(fn,time){ let start = new Date() return function(){ let now = new Date() let time_ = now - start if(time_>=time){ sta...
2020-04-19 17:30:58
112
原创 自己实现一个简易的promise
const PENDING = 'pending' const RESOLVED = 'resolved' const REJECTED = 'rejected' function MyPromise(fn) { let that = this that.state = PENDING that.value = u...
2020-04-17 20:03:54
181
原创 回调函数、promise、async的异步解决方案、Event Loop
什么是异步异步就是把任务分成上下两段，先执行任务上半段，在转而执行其他同步任务。等到其他同步任务全部执行完毕后 || 异步状态发生了改变，再继续执行任务下半段。回调函数在promise出来之前，javascript处理异步一般通过回调函数，但是存在一个问题，回调函数一多的话，代码的耦合性就高了，一步错步步错，不容易维护，俗称：回调地狱。promise是es6的一种异步解决方案promis...
2020-04-15 18:49:14
150
原创 装饰者模式
装饰者模式，在python中又叫装饰器主要功能：在不改变原函数的基础功能上，给原函数添加新功能var Plane = function () { } Plane.prototype.fire = function () { console.log('发射普通子弹'); }; var MissileDecorator = function (pla...
2020-04-14 11:29:16
110
原创 vue项目搭建
会用到vue全家桶 vue vue-cli axios vue-router vue-vueX vue-cli 脚手架 一个基于vue的构建工具 搭建vue项目的环境 好处 兼容 方便 快速 完成遵循前后端分离 前端只做前端的事情 和后端没关系 vue开发...
2020-04-13 22:57:49
127
原创 解构赋值
拥有iterator接口的数据类型…的使用方式首先，原生javascript中的数据类型有iterator接口的有：[]、arguments、string、set、map、NodeList、TypedArray解构赋值剩余参数function fn(a,...b){ console.log(a) // 1 console.log(b) //[2,3]}fn(1,2,3...
2020-04-13 19:08:57
131
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人