josiecici的博客

原创 vue watch 监听对象或数组变化 或普通数值变化

对象或者数组的监听watch: { bufferInfoList: { handler(newValue, oldValue) { // console.log("newValue", newValue); }, immediate: true, deep: true } }, computed: { bufferInfoList() { // console.log(

原创 arcgis api 移除地图右击默认事件 以及 右击去移除绘制事件

document.addEventListener("contextmenu", function (event) {//移除地图右击事件 let idName = event.target.id; // console.log("event") // console.log(event) if (idName && config.mapId.indexOf(idName) != 0) { event.pr.

原创 css 适配 媒体查询 @media

1、小于某个宽度时固定@media screen and (max-width:1372px){    body{         min-width: 1344px;     }  }2、移动端适配@media screen and (min-width:321px) and (max-width:375px){html,body {font-

原创 pl/sql初识 +oracle初识（安装教程）

ORACLE 是数据库也有客户端和服务器。PLSQL Developer 是连接oracle的可视化客户端软件。PLSQL Developer只是第三方工具，服务于ORACLE，类似的工具还有Toad，sqlplus，sql developer等等。oracle的安装一般是指oracle服务端的安装，PLSQL Developer客户端的安装和oracle的安装没有必要条件的关系，只是oracle服务端安装成功，客户端才能连接服务端进行使用。=========================.

原创 em

.left { font-size: 15px; .openOrclose { font-size: 13px; height: 5em; width: 5em; background-color: red; }}@media screen and (max-width: 1000px) { .left { font-size: 12px; }}这里红色方块是 .openOrclose所表示的宽高相同的div,当.openOrclose

原创 @media

相当于小于1300px时的样式@media (max-width: 1300px){}

原创 element el-radio-group

<el-radio-group v-model="isCollapse" > <el-radio-button :label="false">展开</el-radio-button> <el-radio-button :label="true">收起</el-radio-button> </el-radio-group> data() { return { ...

原创 vue/cli 使用全局less变量

设置less变量添加vue-cli-plugin-style-resources-loadervue add style-resources-loader选择less（这里我用的是less 所以我选择的是less）配置根目录下的 vue.config.js配置代码如下const path = require("path");module.exports = { pluginOptions: { "style-resources-loader": { preP

转载 less 变量

less是一种css的扩展语言，一般需要less.js工具将less样式转换成css样式变量可以替换多次重复出现的属性或者属性值，这样在修改需求时只需要在这一处修改变量值，可以提高工作效率1、替换多次重复出现的属性的值当文件中多次重复出现n次多同一个属性值时，可以用变量替换这个变量值，当以后需要改变属性值时直接改变变量的值 ·@nice-blue: #5B83AD;@light-blue: @nice-blue + #111; #header { color: @light-blue

原创 location.href

href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。download() { location.href = process.env.VUE_APP_hrefUploadFile;},点击时下载

原创 vue 对象 循环

原创 vue中图片展示--vue 使用导入的图片

1.img 标签2.css 中 background-image

原创 vue/cli快速搭建

vue-cli安装npm install vue-cli -gvue-cli的版本查看vue -Vvue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的npm install @vue/cli -g（如果原来已经安装了vue-cli的话需要先卸载原来的安装 npm uninstall vue-cli -g）1.全局安装 @vue/cli2.安装成功后3.新建一个文件夹4.vue create.

原创 vuex mapState mapMutations

<template> <div> 这是一个新的路由tubutton{{this.$store.state.name}} <div>这是index.js内的{{count}} {{name}}</div> <!-- <div>{{other}}</div> --> <div @click="changeUserName('123789')">{{other}}</div..

转载 element el-upload 上传一个文件时候替换

这样子limit就不用写了，因为这样一直就是上传一个文件handleChange(file, fileList) { // console.log("这是file", file); // console.log("这是fileList", fileList); // 当多余一个的时候替换文件 if (fileList.length > 1) { fileList.splice(0, 1); } },...

转载 vscode 快捷输入

{ "Print to console": { "prefix": "cl", "body": [ "console.log('这是$1',);", ], "description": "Log output to console" }}回车后

原创 vuex 模块化

在这里插入代码片

原创 2020.5.12-17:00--大神旧代码 js封装

大概是这样，这个是我跟着大神的格式写的1.导出大Draw2.里面写变量，和方法3.导入到vue中使用（加括号）4.调用Draw内的withfile方法感觉挺好用的，但是最近我一个朋友说看不懂，现在都是用类封装，下次研究研究。...

原创 2020.5.12-16:40--arcgis api 封装日记 : 看大神旧代码 Draw

大神17年的代码可能现在已经是新的方法，所以，你懂的！Draw只new了一次drawManagerCtrl.init = function (mapId) { esriLoader.dojoRequire([ 'esri/map', 'esri/toolbars/draw' ], (Map, Draw) => { let map = baseMapManagerCtrl.mapHash[mapId]; drawMa.

转载 ie input文件上传上传成功后置空value 会触发两次change 事件

看了这个博客后又发现两种不一样https://cloud.tencent.com/developer/article/1538115只执行了一次 但是还是会有第二次上传同样的文件就不触发的bug

原创 解决input上传文件时，第二次上传同名文件不触发change事件

document.getElementById("inFile1").value = null;解决这个问题其实很简单，就是在最后不管上传成功还是失败都在input的change事件里面，将input的val修改为空就行了

转载 Vue.prototype

如果需要设置全局变量，在main.js中，Vue实例化的代码里添加。不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。Vue.prototype.$appName = ‘My App’new Vue({ beforeCreate: function () { console.log(this.$appName) }})控制台会打印出 My App。例如：...

原创 application/x-www-form-urlencoded类型请求

// 服务定位 点击获取 rings export function getOneRing(data) { return request({ url: 'gistb/getOneRing', method:'post', headers: { 'Content-Type': 'application/x-www-form-urlen...