- 博客(103)
- 收藏
- 关注
RSS订阅
原创 TypeScript 学习之路
一种由微软开发的自由和开源的编程语言，简称TS。TypeScript是JavaScript的超集，即包含JavaScript的所有元素，能运行JavaScript的代码，并扩展了JavaScript的语法。相比于JavaScript，它还增加了静态类型、类、模块、接口和类型注解方面的功能，相对于JavaScript，TypeScript属于强类型语言，所以对于项目而言，会使代码更加规范，从而解决了大型项目代码的复杂性。更易于大项目的开发...
2022-08-31 11:34:54
1365
1
原创 Echarts +Amap 实现点击地图下钻功能
1、最近的项目需求中，需要实现地图下钻到区的功能，所以在查阅一些资料后，决定使用Amap。2、
2020-07-18 10:34:13
4039
2
原创 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
16274
2
原创 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
28522
10
原创 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
8556
3
原创 HBuilderX 运行uni-app项目到手机上
*踩坑无数1、建议在电脑上先下载360手机助手电脑版，这样可以看到是否已通过usb连接。2、打开360手机助手，然后用数据线连接手机，360手机助手会请求打开一些权限，比如·打开开发者选项，打开usb调试...开发者选项在手机设置中，如果没找到，点击多次 关于手机 即可看到。3、此时在HBuilderX 中 点击 运行项目到手机或模拟器即可看到成功连...
2020-03-25 13:37:52
8002
原创 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
14763
17
原创 最大的代码开源平台老是 无法访问，连接超时
访问GitHub.com 老是连接超时，工作需要下载的文件都在这里，无奈，只好百度解决问题，终于在CSDN找到了一篇博客。一，错误分析：怀疑连接不到github.com，在cmd窗口中，尝试ping一下百度。说明网络连接正常。二，然后再ping一下github.comC:\Users\Bai>ping github.com正在 Ping github.com [11...
2019-08-01 09:43:10
70700
54
原创 Vue + Element + html2canvas + jspdf 实现导出表单、Echarts图表为pdf
1、首先搭建Vue 项目（具体可参考以前文章，不再详述）2、引入Element（你可以引入整个 Element，或是根据需要仅引入部分组件，不再详述）3、安装并引入echarts// 安装npm install echarts -S// 在main.js中 引入import * as echarts from 'echarts'Vue.prototype.$echarts = echarts4、安装 html2canvas 、 jspdf5、新建pdf.js// 导出页面为PDF格
2021-11-19 14:07:14
1261
原创 Async、defer以及普通加载script区别详解
这个属性与defer类似，都用于改变处理脚本的行为。同样与defer类似，async只适用于外部脚本文件，并告诉浏览器立即下载文件。但与defer不同的是，标记为async的脚本并不保证按照它们的先后顺序执行。 第二个脚本文件可能会在第一个脚本文件之前执行。因此确保两者之间互不依赖非常重要。指定async属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容
2021-09-11 11:26:53
227
原创 uni-app 开发APP 自定义轮播图 swiper 指示点位置和样式
本文介绍一种简单的方法：深度作用选择器 /deep/<swiper class="uni-swiper-wrapper" indicator-dots circular autoplay interval=3000> <swiper-item v-for="(item,index) in swipers" :key="index"> <image :src="item.src"></image> </swiper-item></s
2021-09-01 15:40:15
11371
31
原创 uni-app 引入外部字体
uni-app 支持使用字体图标，请仔细阅读官方文档：地址一、当字体文件大于40kb时，需要自己转化成base64格式：1、将下载好的字体文件转换成base64格式，转换地址2、转换完成后，下载文件，解压后将这三个文件放入项目中的static目录下:3、在App.vue中引入该文件@import url("./static/fonts/stylesheet.css");4、在代码中正常使用即可：例如：font-family: YOUSHEhaoshenti;...
2021-08-24 16:00:27
5222
2
原创 Element-ui 使用 MessageBox 弹框 实现一个自定义的文本输入框
官网例子这样并不是我们想要的输入框，所以可以优化一下1、代码如下const h = this.$createElement; this.$msgbox({ title: "确认回复", message: h( "div", { attrs: { class: "el-textarea" } }, [
2021-07-21 15:14:32
8808
2
原创 uni-app富文本图片太大溢出以及富文本显示问题
原文：https://blog.csdn.net/chenny_/article/details/115534622优化之前，图片太大解决方法：1、在common 目录下新建 index.js：/*graceUI rich-text 加强工具link : graceui.hcoder.netauthor : [email protected] 深海*/ // 正则变量var graceRichTextReg; // 批量替换的样式 [ 根据项目需求自行设置 ]var GRT = [
2021-07-19 15:35:40
1754
原创 git 提交到远程仓库 报错 error: failed to push some refs to ‘https://xxxxxx.git‘
git 学习地址参考链接报错如下error: failed to push some refs to 'https://github.com/GDDXZ/RobotDenso.git'hint: Updates were rejected because the remote contains work that you dohint: not have locally. This is usually caused by another repository pushinghint: to t
2021-07-14 10:01:05
573
原创 git 如何把分支代码合并到master主分支上，主分支的代码如何合并到自己分支
1.首先切换到分支；git checkout [ your branch ]2.使用 git pull 把分支代码pull下来；git pull3.切换到主分支 (例如：主分支为master)git checkout master4.把分支的代码合并到主分支；git merge [ your branch ]5.git pushgit push推上去以后，自己分支的代码就合并到主分支上了。原文链接：https://blog.csdn.net/yuanmengdage/arti
2021-07-14 09:40:56
1776
原创 git提交时报错:Updates were rejected because the tip of your current branch is behind
这个问题是 当前分支的代码不是最新，需要去master分支更新最新1、首先切换到master 分支git checkout master2、push之前 先 pull 一下git pull origin master3、pushgit push -u origin master4、切换到自己的分支git checkout [ you branch ]5、合并指定分支到当前分支git merge master6、pushgit add ....... （其他操作）git
2021-07-14 09:34:51
317
原创 基于elementui的年月日周时间控件
子组件<template> <div class="component_search_form_date clearfix"> <el-radio-group v-model="curType" :size="moduleSize" style="float: left;" @change="radioChange"> <el-radio-button v-for="item in showBtnList" :key="item.value"...
2021-06-10 16:29:27
2053
1
原创 vue 点击对图片进行标注并记录当前的坐标
参考链接：https://blog.csdn.net/m0_46627730/article/details/106583908?utm_term=vue%E5%9B%BE%E7%89%87%E7%82%B9%E5%87%BB%E4%BD%8D%E7%BD%AE&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~sobaiduweb~default-1-106583908&spm=3001.4430...
2021-06-04 16:24:12
5667
14
原创 axios中post请求上传的参数 是 form data，后面跟了一个冒号
前言：最近在项目中调接口时，发现请求上传的参数form data后面跟了一个冒号解决方法：
2021-06-03 17:06:21
1853
原创 vue-cli3 使用 iframe嵌入本地html 文件
* 注意：在vue-cli3 中，需要将引入的html文件放在 public/static 目录下，否则不生效。vue-cli2 中，放在 static 目录下可以正常引入// src 的根路径就是public<iframe src="static/test.html"></iframe>...
2021-05-10 10:11:10
2076
1
原创 vue-gemini-scrollbar（vue自定义滚动条 支持ie9+）
前言：最近项目中 滚动条要支持自定义，支持 ie9，所以找到了这款插件github地址：https://github.com/lx544690189/vue-gemini-scrollbardemo地址：https://lx544690189.github.io/vue-gemini-scrollbar/demo/01-body.html参考: gemini-scrollbar https://github.com/noeldelgado/gemini-scrollbar介绍无需配置..
2021-03-11 10:36:12
646
原创 vue cli3 创建的项目在IE11中运行，出现白屏，报错SCRIPT1003: 缺少 ‘:‘
一、分析其他浏览器打开没问题，所以是存在不兼容IE的代码。二、问题解决①安装 babel-polyfillnpm install --save @babel/polyfill②在main.js中引入,（放最上方）import 'babel-polyfill'③修改 babel.config.jsmodule.exports = { presets: [ [ '@vue/cli-plugin-babel/preset', .
2021-02-19 22:15:54
943
原创 前端开发常用技巧（update...）
前端开发常用技巧1、文本溢出处理2、使用伪类 添加下划线3、使用伪类 添加下划线 下划线居中ECharts 柱状图 设置立体圆柱型ECharts 柱状图柱体颜色渐变（每个柱体不同渐变色）ECharts x轴数据过多时，添加横向滚动CSS画梯形1、文本溢出处理//单行.single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}//多行.more { display: -webkit-box !i
2020-12-28 16:47:37
1050
原创 uniapp 开发小程序使用iconfont彩色图标
1、在阿里图标官网添加需要的图标到你的项目中，然后下载文件到本地：https://www.iconfont.cn/2、解压下载后字体文件，如下：3、在第二步解压的目录中，打开cmd：输入命令行：npm install -g iconfont-tools 命令结束后，运行：iconfont-tools 出现如下图所示的内容，按图示输入文件名即可（或者一直回车）4、以上命令运行结束后，会在目录中生成iconfont-weapp文件夹：进入文件夹，里面的...
2020-12-18 13:48:01
2557
4
原创 ssh: Could not resolve hostname github: Name or service not known fatal: Could not read from remote
ssh: Could not resolve hostname github: Name or service not knownfatal: Could not read from remote repository.在往github 提交代码的时候遇到了这个问题：解决方法：
2020-11-11 16:59:57
4218
1
原创 Vue Vuex中State， Mutations，Actions，Getters使用详解
Vuex 的详细介绍请查看官方文档 ：https://vuex.vuejs.org/zh/前言：写这个教程的原因是自己和 Vuex 打交道的时候踩过很多坑，所以记录一下学习的过程，还有是官方的教程真的是太官方了，对我这种小菜鸟来说不是那么的通俗易懂。1、Vuex 是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools ex..
2020-11-05 18:03:19
5703
原创 Vue 页面加载进度条nprogress的使用
前言：客户在访问网页的时候想要看到网页加载的进度，所以使用 nprogress 来实现当页面跳转是出现在浏览器顶部的进度条，它是轻量级的进度条组件，使用简便，可以很方便集成到应用中来。一、参考资料官网：https://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress二 、安装 nprogress// 使用npm 或者yarn 安装npm install --save nprogress .
2020-10-22 15:08:31
3401
1
转载 Axios 的简单概述以及它的一个核心功能拦截器的详解
一、概述Axios 是一个基于 Promise 的 HTTP 客户端，可以用在浏览器和 node.js 中，本质是XMLHttpRequests请求即ajax请求。拥有以下特性： 从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持Promise API;能够拦截请求和响应；能够转换请求和响应数据；能够取消请求；能够自定转化JSON数据；客户端支持防御CSRF（XSRF）Axios 支持大多数主流的浏览器，比如 Chro..
2020-10-22 09:29:08
2975
1
原创 JS中 new Date().Format(＂yyyy-MM-dd＂) 报错 Format is not a function
1、原因：ES6中已经去掉了Format 的方法2、解决方法： 使用新的方法：new Date().toLocaleDateString().split('/').join('-') 或者引入date.format.js https://github.com/jacwright/date.format
2020-10-13 15:39:19
8408
原创 CSS 圆环 动态旋转加载效果
<div id="loading"></div>css:#loading{ font-size: 0.1rem; position: relative; margin: 0.06rem 0.52rem; float: left; text-indent: -9999em; border-top: 0.05rem solid rgba(239,211,69); border-ri...
2020-09-25 16:55:49
947
原创 vue:无法加载文件，因为在此系统上禁止运行脚本
前言：在vs-code 运行命令查看 vue版本时遇到这个问题：但是在 cmd中，并没有报错解决方法：管理员身份打开 Window powershell，输入命令 set-ExecutionPolicy RemoteSigned，回车，输入 'Y'即可...
2020-09-21 17:00:41
971
原创 Echarts 实现环状半圆形饼图
*可以用整个圆，也可以用半圆，自由发挥即可。有问题可留言1、效果如下2、代码实现// 环状半圆形饼图var option = { grid: { left: "3%", right: "3%", bottom: "3%", containLabel: true }, series: [ { name: "一般",
2020-09-04 16:45:08
7188
原创 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
10018
4
原创 Echarts 水球图设置基准线
*前言：最近的项目需求中，要求在水球图中加一条标准线（作为报警提示线）。1、效果如下：2、思路：注意：如果是直接在水球图上画标线 是实现画不了的。所以我们换种思路（大佬指点了一下），在折线图上加，然后隐藏x，y轴。3、代码如下：const data = [0.68, 0.30]option = { // x轴 xAxis: { ...
2020-05-08 13:57:00
2066
原创 Es6 Object.assign()用法 以及浅拷贝、深拷贝的实现方式
Object.assign用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象
2020-04-15 18:10:59
3871
原创 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
616
原创 uni-app开发 微信小程序 以及 微信小程序云开发
建议开发之前先看uni-app的文档：https://uniapp.dcloud.io/frame。以及熟悉vue的语法：https://cn.vuejs.org1、开发工具（默认已经安装微信开发者工具和HbuilderX，以及申请好AppID）①首先打开微信开发者工具→设置→安全→开启服务端口②打开Hbuilder X，工具→设置，找到微信开发者工具安装目录，设为启动地址。填写...
2020-03-10 14:00:40
3043
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人