- 博客(42)
- 收藏
- 关注
RSS订阅原创 微信小程序： 按说明的方法在app.wxss中引入 weui.wxss 提示找不到文件
错误信息：File not found: /miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxssapp.mxss中引入weui.wxss@import'/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';打开“详情”面板，选择“本地配置”，勾选“使用npm模块”菜单栏选择 “工具”——“构建npm”，构建成功后，项目目录...
2020-09-08 16:36:53
3086
3
原创 openlayer 数据集查询
searchRestMap(){ this.clickEvent = this.map.on("singleclick", evt => { let otherArr = ["SmID", "SmUserID", "SmArea", "SmPerimeter","SmGeometry"] for(let key in _layerDataset){ let datasetNam.
2020-08-06 16:00:28
481
原创 vue 中动态添加html元素并绑定点击事件onclick
在vue 中，添加html元素，并在元素中添加点击事件，用原生的onclick来触发事件，将事件挂在window上mouseClickHandler(f) { //创建html元素 let contentHTML = "<div style='width:80px; font-size:12px;font-weight:bold; opacity: 0.8;' onclick='toWaringInfo2("+f.id+")'>"; contentHTML .
2020-06-26 15:41:26
8951
4
转载 h5软键盘弹起 底部按钮被顶起问题解决
解决思路：当键盘弹起时隐藏掉按钮，键盘隐藏时按钮显示监测键盘是否弹起（浏览器页面是否发生变化）代码：1、定义一个底部按钮<div class="returnbtn" v-show="isOriginHei" :class="{active: canSubmit}" v-on:click="sendSubmit()">提交</div>2、设置默认显示和两个屏幕的初始值(此处定义在vue的data中) isOriginHei: true,scre...
2020-06-15 13:25:02
1428
原创 vant组件按需引入
1. 创建项目（我这里是vue-cli 3.x 脚手架创建的工程）2. 安装vant组件npm install vant -S3. 安装babel-plugin-import插件npm i babel-plugin-import -D4.配置babel.config.js文件（创建项目工程的时候别忘了选择Bable）module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins
2020-06-12 13:49:11
890
1
原创 vant-tab 自定义带图标的标题
<template> <div> <van-tabs v-model="active"> <van-tab v-for="(item,index) in tabDatas" :key="index" > <div slot="title"> <img :src="item.img" style="width:20px;height.
2020-06-11 22:58:11
4646
3
原创 vue-cli脚手架使用vue-qriously插件生成二维码并上传至服务器
首先安装插件npm install vue-qriously --save-devmain.js引用插件import VueQriously from 'vue-qriously'Vue.use(VueQriously)xxx.vue文件中<template> <div class="er_code" v-if="initQCodeShow"> // initQCode: vue实例中定义的变量 // size
2020-06-08 10:56:14
479
原创 将表格数据导出为excel
FileSaver.js： 是一款基于 HTML5 完成文件保存的插件，它可以帮我们直接从网页中导出多种格式文件。同时对于那些本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器，FileSaver.js 也提供了支持。使用 FileSaver.js 可以让 Web 应用完美的生成文件，或者保存那些不应该发送到外部服务器的敏感信息。是一种简单易用的浏览器端文件保存方案。js-xlsx ：由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出ex...
2020-06-04 16:00:08
444
原创 深拷贝
deepCopy(obj) { let _obj = Array.isArray(obj) ? [] : {} for (let i in obj) { _obj[i] = typeof obj[i] === 'object' ? this.deepCopy(obj[i]) : obj[i] } return _obj },
2020-06-04 15:23:33
217
原创 Vue.config.productionTip = false 的作用
我们先看一下效果：Vue.config.productionTip=true Vue.config.productionTip= falseproductionTip设置为 false ，以阻止 vue 在启动时生成生产提示开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的...
2020-06-04 15:20:58
3163
原创 对象数组排序
//数据结构objArr = [{ color: "RGBA(49,214,243,255)" name: "10cm" type: "过湿"},{ color: "RGBA(49,214,243,255)" name: "30cm" type: "过湿"},{ color: "RGBA(49,214,243,255)" name: "20cm" type: "过湿"},{ color: "RGBA(49,214,243,255)" name: .
2020-05-25 10:45:00
213
转载 vant 滑动轮播时为什么触发了 click 事件？
滑动轮播时为什么触发了 click 事件？这种情况通常是由于项目中引入了fastclick库导致的。fastclick的原理是通过 Touch 事件模拟出 click 事件，而 Swipe 内部默认会阻止 touchmove 事件冒泡，干扰了 fastclick 的判断，导致出现这个问题。将 Swipe 组件的 stop-propagation 属性设置为 false 即可避免该问题。原文链接...
2020-05-20 14:44:49
1612
原创 vue引入 图片的json文件 - 打包后图片不显示
页面： <img :src="weatherDatas.imgPath">js：//获取天气数据getWeather(lon,lat){ var that = this; //获取图片的json数组** var weatherImgData= require("../../assets/data/weather.json").data; ...
2020-03-03 17:06:15
1642
原创 获取 前n天---到-----现在的年/月/日
<script> var getDays= function(n){ var arr=[]; for(i=0;i<n;i++){ var now = new Date; now.setDate(now.getDate() - i); var data={} data.y...
2020-03-02 17:14:14
249
原创 （Xcode）ipa上传APP Store鉴定报错
报错信息：解决方案终端输入：cd ~mv .itmstransporter/ .old_itmstransporter/（如果输入上面mv .itmstransporter/ .old_itmstransporter/的命令报错：找不到路径）那么把命令行改成首先mv .old_itmstransporter/ .itmstransporter/然后...
2020-03-02 10:11:38
346
原创 css文字超出显示省略号...
单行：white-space:nowrap;overflow:hidden;text-overflow:ellipsis;多行：word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-ori...
2020-01-07 15:11:16
244
原创 npm安装http-server之后不断的提示http-server不是内部或外部命令
1. 输入npm config ls 查看npm安装路径(“prefix=”这个地方)；2. 将这个路径拷到系统path环境变量中就成功了
2019-10-18 17:29:32
3268
3
转载 for循环每次都通过list.size、str.length、length()获取数组或者字符串的长度是否消耗资源
1.将数组的长度赋值给变量len List<Integer> list = new ArrayList<Integer>(); list.add(1); list.add(2); for(int i=0,len=list.size();i<len;i++) { System.o...
2019-07-30 12:04:29
1882
原创 Error running xxxxx: Address localhost:1026 is already in use
Idea 有时打开会出现Error running xxxxx: Address localhost:1026is already in use说明1026端口号被占用只需要找到它1：首先cmd找到这个占用的Pidcmd：netstat -anotaskkill -f -pid 99842：也可以点击stop按钮，在运行按钮后！停止当前的tomcat运行，释放...
2019-07-25 15:16:53
280
原创 Insight.io for Github -树状图形式浏览 GitHub 项目文件[Chrome 扩展]
安装Insight.io for Github后，当你浏览 GitHub 项目时，网页左上角会有一个蓝色的图标，点击一下就会弹出一个侧边栏。侧边栏上就是我们比较熟悉的树状图操作，点击文件名或者文件夹名就可以快速展开或者浏览。点击文件名会跳转到页面，而点击文件图标就可以快速下载该文件。而在侧边栏的「Settings」标签页中，你也可以对几个操作进行组合键的自定义设置。可以到这里下载：...
2019-07-16 15:45:59
1359
转载 vue请求和跨域
vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现axios是一个基本Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护axios发送AJAX请求安装axiosnpm install axios -S基本用法axios([options]) axios.ge...
2019-07-15 11:44:44
549
转载 常用的20条Linux命令
1、cd命令这是一个非常基本，也是大家经常需要使用的命令，它用于切换当前目录，它的参数是要切换到的目录的路径，可以是绝对路径，也可以是相对路径。如：cd /root/Docements # 切换到目录/root/Docementscd ./path # 切换到当前目录下的path目录中，“.”表示当前目录 cd ../path # 切换到上层目录中的...
2019-07-10 17:04:24
149
原创 JQuery模糊匹配
[att=value] 匹配包含给定属性的元素 (大小写区分)[att*=value] 模糊匹配[att!=value] 不能是这个值[att$=value] 结尾是这个值[att^=value] 开头是这个值[att1][att2][att3]... 匹配多个属性条件中的一个例如：匹配给定的属性是以某些值开始的元素<input name="newsletter" ...
2019-07-03 15:17:46
233
原创 vue使用wangeditor(轻量级富文本框）
vue使用wangeditor(轻量级富文本框）npm install wangeditor //安装 wangeditor 依赖组件中使用：<template> <div id="articleAdmin"> <div id="editor"></div> <Button class="...
2019-05-10 13:49:50
1435
原创 npm run build时出现asset size limit: ....警告
错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：module.exports = { baseUrl: "./", lintOnSave: false, configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false...
2019-05-08 10:03:59
5732
原创 Vue 监听对象数组（包含多个对象的数组）
问题描述：开始我是从后台请求到的数据，将数组保存到data中的commentList数组变量中，利用数组中的对象值来进行页面渲染，需要随时监听到数组中对象属性值的变化。数据形式：data() { commentList: [ { commentid: "01fc7e2c-cded-4567-8059-e6e71f583396", ...
2019-05-07 15:22:43
10951
1
原创 vue.config.js 基本配置
const path = require('path')const debug = process.env.NODE_ENV !== 'production'module.exports = { // 基本路径 baseUrl: '/', // 输出文件目录 outputDir: 'dist', assetsDir: 'assets', // 静态资源目录 (js, css, i...
2019-04-13 10:54:43
876
原创 基于iview的markdown编辑器(iView Editor)
iView Editor 是基于 iView 的 markdown 编辑器，支持上传图片、文件，支持全屏实时编辑预览。使用：首先下载依赖：npm install iview-editor --save在main.js中引入：import iEditor from 'iview-editor'; //引入编辑器import 'iview-editor/dist/iview-...
2019-04-11 10:21:57
3038
1
原创 css“滚动条”隐藏
/*******chorm**********/element::-webkit-scrollbar { display: none;}/*******IE/Edge**********/element { -ms-overflow-style: none;}/*******Firefox**********/html { overflow:...
2019-04-10 21:21:23
117
原创 Vue-cli 实现拖拽窗口
<template> <div id="ElementWind" v-show="isOpenWind " class="dragclass" @mousedown="drag"> <div id="imgHead"> <a href="#" @click="isOpenWind = false">x</a>...
2019-03-30 16:35:53
2356
原创 js获取当前卫星云图url并播放
中央气象台卫星云图固定格式：图片url例子：http://image.nmc.cn/product/2019/03/29/WXCL/medium/SEVP_NSMC_WXCL_FY2G_EWVP_ACHN_LNO_PY_20190329010000000.JPG?v=1553823420861WXCL/medium/SEVP_NSMC_WXCL_FY2G_EWVP_ACHN_LNO_...
2019-03-29 11:12:24
2655
2
原创 对Ajax的认识
Ajax全称Asynchronous javascript and XML,既异步的js 和 XML。Ajax是不是编程语言，是一种常见交互式网页的网页开发技术，异步刷新技术，用来在当前页面响应不同的请求。同步机制：请求发出方需等到接收方给出响应后，才能处理其他业务；异步机制：请求发出方在发出请求后，不需要等到接收方给出响应，就可以处理其他业务；（同步机制是为了保持数据的一致性；异步为...
2019-03-28 13:24:41
970
原创 map.setCenter(lonlat, zoom)设置地图中心位置无效
今天在初始化地图时，遇到了一个小问题，就是使用map.setCenter()设置地图中心位置无效在添加layer之前，就使用了map.setCenter()来设置地图中心位置和缩放级别，这很明显是不对的，既然是对地图图层进行操作设置，就应该在地图图层添加后在操作，不然都没有操作的对象，肯定是无效的修改一下顺序就对了：小记录! *-*map.setCenter(lonlat...
2019-03-26 16:57:05
14536
原创 vue + iview 导出excel表格
iveiw框架的中Table组件中有exportCsv()方法可以导出.csv后缀文件，类似于excel文件，但是并不是excel文件。要实现table表格导出excel文件，利用Blob.js和Export2Excel.js两个文件实现1 下载Blob.js和Export2Excel.js文件 链接：https://pan.baidu.com/s/15SOqrzBLz-hGEC9...
2019-02-22 15:24:05
3725
3
转载 两个日期时间的差值
function(startTime,endTime){ var stime = Date.parse(new Date(startTime)); var etime = Date.parse(new Date(endTime)); var usedTime = etime - stime; //两个时间戳相差的毫秒数 var days=Math.floor(usedTime/(24*...
2018-12-28 16:41:07
632
原创 npm install 失败（遭遇不可预料的文件末端）
配置环境时，npm install一直遇到同一个错误 找到一种解决办法：更换国内镜像，试了一下，搞定了npm config set registry https://registry.npm.taobao.org ...
2018-12-23 13:44:22
407
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人