自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

程序猿小白的博客

你是一个聪明人,应该走出去。人应该享受这个世界,而不是企图理解这个世界。

  • 博客(77)

原创 vue:无法加载文件,因为在此系统上禁止运行脚本

前言:在vs-code 运行命令查看 vue版本时遇到这个问题:但是在 cmd中,并没有报错解决方法:管理员身份打开 Window powershell,输入命令 set-ExecutionPolicy RemoteSigned,回车,输入 'Y'即可...

2020-09-21 17:00:41 14

原创 Echarts 实现环状半圆形饼图

*可以用整个圆,也可以用半圆,自由发挥即可。有问题可留言1、效果如下2、代码实现// 环状半圆形饼图var option = { grid: { left: "3%", right: "3%", bottom: "3%", containLabel: true }, series: [ { name: "一般",

2020-09-04 16:45:08 237

原创 Echarts +Amap 实现点击地图下钻功能

1、最近的项目需求中,需要实现地图下钻到区的功能,所以在查阅一些资料后,决定使用Amap。2、

2020-07-18 10:34:13 530

原创 vue-animate-number插件(从0动态滚动到指定数字)

1、前言:最近的项目需求中,对有些数字的变化,客户提了需求,加一些加载效果用户体验会更好。所以用了vue-animate-number 这一款插件2、案例:https://wangdahoo.github.io/vue-animate-number vue-animate-number地址:https://github.com/wangdahoo/vue-animate-number3、①、安装vue-animate-number插件npm install vue-anim...

2020-07-18 09:49:55 210

原创 Echarts 地图不显示的问题

1、项目中引入echarts,发现地图显示不出来,一直以为是安装出了问题,重新下了好几遍。2、解决方法:// 在main.js中import echarts from 'echarts' //下边这两行尤为重要,数据才能正常渲染import china from 'echarts/map/json/china.json'echarts.registerMap('china', china)3、地图成功显示...

2020-06-08 19:28:06 1634

原创 Echarts 水球图设置基准线

*前言:最近的项目需求中,要求在水球图中加一条标准线(作为报警提示线)。1、效果如下:2、思路:注意:如果是直接在水球图上画标线 是实现画不了的。所以我们换种思路(大佬指点了一下),在折线图上加,然后隐藏x,y轴。3、代码如下:const data = [0.68, 0.30]option = { // x轴 xAxis: { ...

2020-05-08 13:57:00 574

原创 Es6 Object.assign()用法 以及浅拷贝、深拷贝的实现方式

Object.assign用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象

2020-04-15 18:10:59 405

原创 Vue + Element 实现导入导出Excel

1、首先搭建Vue 项目(具体可参考以前文章,不再详述:https://blog.csdn.net/qq_42540989/article/details/89853923)2、引入Element(你可以引入整个 Element,或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。)//在main.js中引用import ElementUi from 'elem...

2020-04-13 18:15:35 736

原创 uniapp 简易通用的ajax 请求 封装 以及携带token去请求

1、例如:在api文件夹中新建一个api.js// 公共的方法const baseUrl = "http://192.xxx.xx.xx:8889"; // 请求地址const $ajax = { get: function({ url, param, header }) { return new Promise(function(resolve, ...

2020-03-25 18:23:53 3614 1

原创 HBuilderX 运行uni-app项目到手机上

*踩坑无数1、建议在电脑上先下载360手机助手电脑版,这样可以看到是否已通过usb连接。2、打开360手机助手,然后用数据线连接手机,360手机助手会请求打开一些权限,比如·打开开发者选项,打开usb调试...开发者选项在手机设置中,如果没找到,点击多次 关于手机 即可看到。3、此时在HBuilderX 中 点击 运行项目到手机或模拟器即可看到成功连...

2020-03-25 13:37:52 2120

原创 Vue(第19篇 .sync修饰符 本文举例:子传父)

*父子组件传值其他文章已详细介绍:https://blog.csdn.net/qq_42540989/article/details/98481824本文介绍的是一种更加方便的写法1、建议先看官方文档:https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A62...

2020-03-18 13:37:55 266

原创 uni-app开发 微信小程序 以及 微信小程序云开发

建议开发之前先看uni-app的文档:https://uniapp.dcloud.io/frame。以及熟悉vue的语法:https://cn.vuejs.org1、开发工具(默认已经安装微信开发者工具和HbuilderX,以及申请好AppID)①首先打开微信开发者工具→设置→安全→开启服务端口②打开Hbuilder X,工具→设置,找到微信开发者工具安装目录,设为启动地址。填写...

2020-03-10 14:00:40 789

原创 Mui 引入阿里图标 (如何增加自定义icon图标)

1、官网教程:https://ask.dcloud.net.cn/article/1282、打开阿里图标官网,添加图标至购物车,下载代码(https://www.iconfont.cn/)4、解压 压缩包,提取 iconfont.css 和 iconfont.ttf 两个文件。5、把iconfont.tff 放到项目目录 fonts 里边,修改iconfont.css。...

2020-02-28 10:29:15 287

原创 Git 提交代码时失败 error: Unable to create 'E:/cst/ncPc/cloudTree/.git/index.lock': File exists.

1、报错如下:2、解决方法:在项目文件夹中的 搜索index.lock,删除index.lock文件即可。(在.git文件夹中也可找到)3、重新提交代码,则提交成功。...

2020-02-21 16:58:59 170

原创 项目中使用了Swiper 的 “cube”,3d切换效果。但是动态从后台获取到图片以后,切换效果失效。静态页面切换效果就没任何问题

1、对比了好久这个问题,一度觉得是图片的问题,后来对比代码,包括拿循环到的数据放在静态页和一开始的数据,发现Swiper 提前初始化,但此时数据并未展示出来。2、解决方法:var swiper = new Swiper('.swiper-container', { initialSlide :0, // 添加如下两行 obse...

2020-02-14 16:51:05 46

原创 apicloud (第六篇 弹出底部菜单(多选、单选))

1、首先引入apicloud 框架的UIMultiSelector模块。(*请仔细阅读:文档地址:https://docs.apicloud.com/Client-API/UI-Layout/UIMultiSelector)// 示例代码var UIMultiSelector = api.require('UIMultiSelector'); //引入 UIMultiSelec...

2020-01-10 18:54:59 538

原创 apicloud (第五篇 bmap百度地图一键回到当前位置)

前言:最近一直在做apicloud 地图这一块,所以想分享一下自己遇到的坑。功能介绍:打开地图,首先获取用户的当前位置,并标识一下。当用户浏览到其他区域时(比如从当前位置滑到了城阳区),可以一键返回到当前位置。1、如下:2、首先要引入bMap(bMap官方文档:https://docs.apicloud.com/Client-API/Open-SDK/bMap#addAnnota...

2019-12-30 18:28:02 569

原创 apicloud (第四篇 UIAlbumBrowser(图片上传)以及photoBrowser(图片预览)的使用)

1、photoBrowser(支持单张、多张图片查看的功能,可放大缩小图片,支持本地和网络图片资源) 官方文档:https://docs.apicloud.com/Client-API/Func-Ext/photoBrowser2、UIAlbumBrowser(本地媒体资源扫描器,在 Android 平台上可扫描整个设备的资源,iOS 仅扫描相册内的资源。本模块仅支持对本地图片...

2019-12-03 18:16:05 495

原创 Vue (第18篇 vue+express+MongoDB 搭建项目)

*本文默认已经安装好node,不在介绍node安装教程。*node.js+Express搭建项目,也可通过启动WebStorm,File->New->Project,选择Node.js Express App,Location是项目路径,Template是页面模板和解析引擎。1、Vue项目搭建教程已在其他文章介绍过:https://blog.csdn.net/qq_425409...

2019-11-28 09:57:02 284

原创 Vue (第14篇 组件通讯)

Vue:https://cn.vuejs.org/v2/guide/components-props.html1、props (父传子,props值可以是一个数组或者对象) *父子之间传值已经在Vue第二篇中介绍过:https://blog.csdn.net/qq_42540989/article/details/98481824Vue.component('my-comp...

2019-11-09 18:09:51 267

原创 Vue (第15篇 Vue2.4中$attrs和$listeners的使用)

1、inheritAttrs:默认值true,继承所有的父组件属性(除props的特定绑定)作为普通的HTML特性应用在子组件的根元素上,如果你不希望组件的根元素继承特性,设置inheritAttrs: false,但是class属性会继承。//父组件<template> <div> <child-dom :foo="foo" ...

2019-11-07 19:12:22 292

原创 Echerts (第三篇 gauge 仪表盘的使用)

1、官网实例介绍:https://www.echartsjs.com/examples/zh/editor.html?c=gauge2、option = { tooltip : { formatter: "{a} <br/>{b} : {c}%" }, series: [ { ...

2019-11-05 10:55:19 333

原创 Jquery(第二篇 商品放大镜效果)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> *{ margin:0; padding:0; } #box,#bo...

2019-10-23 18:23:49 65

原创 GitHub (第2篇 更新代码)

1、克隆代码 (git clone + 地址)git clone https://github.com/MrBaiLiJie/haierLight.git2、查看git 仓库状态git status3、更新代码① 更新全部git add .②、提交到缓存区域git commit -m "说明"4、注意:如果是多人开发维护代码,要先拉取最新代...

2019-10-17 18:15:54 36

原创 Vue (第12篇 vue-seamless-scroll 无缝滚动)

1、cnpm 安装:cnpm install vue-seamless-scroll --save (自行下载即可,也可使用npm)2、引入在项目目录中,找到main.js。import scroll from 'vue-seamless-scroll'Vue.use(scroll)普通引入方法:使用script标签 <script src="...

2019-10-16 18:12:13 1491 2

原创 ES6 (第2篇教程 块级作用域)

ES6官方文档:http://es6.ruanyifeng.com/#docs/let1、ES5 只有全局作用域和函数作用域。全局作用域:用 var 在全局(函数外)声明的所有变量,都具有全局作用域,即: 网页中所有脚本和函数均可使用。var carName = " Toyota"; // 此处可调用 carName 变量function myFunction() { ...

2019-10-13 12:36:52 105

原创 ES6 (第1篇教程 let命令)

ES6文档:http://es6.ruanyifeng.com/1、基本用法:ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 1; var b = 2;}a // ReferenceError: a is not defined.b // 2在for循环计数器中,就很适合用let...

2019-10-12 12:44:07 43

原创 vue (第11篇 解决安卓4.4版本的电脑的兼容问题)

1、最近在项目中遇到了甲方的设备是安卓4.4的一个平板电脑,此时vue不兼容,因为不支持es6的语法。2、解决方法:首先安装插件(使用cnpm请先安装,没有安装也可使用npm下载):cnpm install babel-polyfillcnpm install es6-promise在你的vue项目中,找到main.js,引入以下代码:import 'babel-po...

2019-10-08 12:56:07 324

原创 Vue (第9篇 项目启动出现Error:Cannot find module 'array-includes'解决方法)

1、用WebStorm 启动项目时遇到这样的报错:2、解决方法:①首先删掉项目中的node_modules文件夹。②执行npmcacheclean或者cnpmcacheclean命令清除缓存。此时依然报错:由于 npm 5 使用了新的包管理模式,所以在升级之后,请先清空一下本地缓存:所以执行:npm cache clean --force (在Web...

2019-09-30 14:11:39 480

转载 Vue (第8篇教程 vue中Axios的封装和API接口的管理)

1、axios的安装:安装axios:cnpm install axios。引入:在项目的src文件夹中新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。2、axios的封装(直接贴代码)//在http.js中/** * axios封装 * 请求拦截、响...

2019-09-29 09:24:50 202

原创 apicloud (第二篇 使用极光推送【结合Java后台】完成消息推送功能)

apicloud官方教程:https://community.apicloud.com/bbs/thread-1841-1-1.html 请仔细阅读。本篇先介绍安卓:1、首先介绍利用极光推送平台,实现消息推送:登录极光官网https://www.jiguang.cn/注册。注册完成后,创建应用: 新建的应用绑定你的包名(包名在apicloud控制台即可找到),此...

2019-09-23 09:28:20 240

原创 Vue (第10篇 调试工具之 vue-devtools的安装)

Chrome浏览器的应用商店不能直接访问,所以本文介绍从GitHub安装 vue-devtools的方法:1、下载安装:https://github.com/vuejs/vue-devtools2、进入 vue-devtools的目录下安装依赖: 3、执行npm run build 打包:4、进入Chrome扩展程序(更多工具>扩展程序):勾选开发者模式。点击...

2019-09-21 18:17:38 54

原创 apicloud (第三篇 在打开搜索页面时,自动弹出手机键盘)

2019-09-17 12:58:33 735

原创 Vue (第7篇教程 点击实现全屏和退出全屏的功能)

1、图标引入的是阿里图库。 <i class="iconfont" :class="[btnStatus === 0?'iconquanping':'iconexit']" @click="getFullCreeen(btnStatus)"></i>2、export default { name: "mainContent", data() { ...

2019-09-16 13:02:41 472

原创 Vue (第6篇教程 从一个页面跳转并且传参到另一个页面)

本文跳转传参用的是:this.$router.push1、首先定义好要跳转的页面(跳转到MonitoringDetails)以及传递的参数(benid2就是要传递的参数)。 goMonitoringDetails() { this.$router.push({ name: "MonitoringDetails", //跳转的页面 p...

2019-09-06 18:03:58 1353

原创 Jquery(第一篇 消息公告列表循环垂直向上滚动)

1、html代码如下(也就是循环滚动的列表): <div class="b-scrollBox"> <ul id="scrollList"> <li id="li1"> <span class="unitname"> 南车株洲电力机车研究所有限公司...

2019-09-02 18:39:07 149

原创 Echarts (第二篇 图表自适应浏览器窗口缩放 字体自适应浏览器)

1、在最近的pc项目中,页面中用到了多个echerts图表,需要自适应浏览器窗口。 原因:因为图表不会根据浏览器的窗口大小而进行适应性的调整大小。 解决方案:在setOption 后引入下边window.addventListener...即可。 drawLine(month, value, index) { var a = document....

2019-08-29 18:33:40 819

原创 apicloud (第一篇 沉浸式状态栏)

1、在项目中找到config.xml,在它的配置中添加代码如下: <preference name="statusBarAppearance" value="true"/>2、在页面中设置如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2019-08-26 19:15:33 1508

原创 Vue (第4篇教程 Vue.filter过滤器)

1、过滤器:vue 官方文档这样说:Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ message | capitalize }}<!-- ...

2019-08-24 18:09:40 114

原创 JavaScript JSON(JavaScript Object Notation)语法(4)

1、JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快,更易解析。JSON和XML类型,都是一种结构化的数据表示方式,所以JSON并不是JavaScript独有的数据格式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt...

2019-08-20 18:26:32 36

空空如也

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除