- 博客(113)
- 收藏
- 关注
原创 vue项目配置proxy反向代理
1、找到vue.config.js文件在项目根目录下查找是否有vue.config.js,如果没有则手动创建,内容如下:module.exports = { // devServer的配置 devServer: { // 自定义端口 port: 8888, // 自动打开浏览器 open: true, // 用于配置反向代理 proxy: { // 代理请求, 匹配所有以/api开头的请求 '/api': {
2022-05-05 16:02:21
1634
原创 echarts基本设置积累
1、修改坐标轴字体大小柱状图:xAxis: { axisLabel: { textStyle: { fontSize: '16', } }}饼状图:series:{ label:{ textStyle: { fontSize: '16', } }}2、修改柱状图柱子颜色series: [ { itemS...
2022-04-29 14:18:14
563
原创 input tpye=file 两次上传同一个文件不触发方法解决办法
<input type="file" style="display: none;" id="file" ref="files" @change="upload">使用type=file作为文件上传时,监听change事件来触发方法,但是两次上传同一个文件的话,change事件不会被触发,这时候就需要在每次上传文件完成操作之后手动清空input的值方法如下:clearInputFile(file){ var form = document.createEle...
2021-12-28 14:22:47
1520
原创 element 日历组件应用相关的问题
element calendar组件修改按钮原生组件,添加按钮点击,日历仅显示本月,以今天为节点做样式区分
2021-12-11 16:56:01
2917
1
原创 vue动态设置audio的src无效
vue中动态绑定audio的src,播放无效,报错如下:<audio id="fixedAudio" ref="audio" :src="fixedSrc" />改用引入方式<tempalte><audio id="fixedAudio" ref="audio" :src="fixedSrc" /></template><script>import wav1 from '../../assets/audio/1.wav'expo
2020-06-02 11:18:02
2041
原创 android初学遇到的问题汇总整理
遇到的问题:1.新建Activity,无法引入新的xml文件 setContentView(R.layout.myActivity)2.android R.id找不到资源的问题3.OKHttp无法访问http请求4.安卓10无法对SD卡内容进行读写5.存储目录6.播放本地音乐7.真机调试8.更改app图标9.安卓UI10.OKHttp请求中使用Toast报错11.okHttp post 发送语音文件12.设置圆角按钮13.封装toast方法14.设置欢迎页、解决欢迎页暂时白屏问题
2020-05-09 16:18:07
635
原创 react项目搭建
一、安装node和npmnode官网,根据你的电脑安装相应的版本,安装node后,自动安装npm管理工具。二、安装create-react-app脚手架 工具在cmd中全局安装create-react-app工具,其可以自动地在本地目录中创建react项目,这个类似于vue中的vue-cli,有了它,可以帮你自动生成很多东西,方便快捷。它本身集成了Webpack,并配置了一系列内置的loa...
2020-03-23 09:42:54
167
原创 react项目引入element-react报错
./node_modules/element-react/dist/npm/es5/libs/animate/transition.jsModule not found: Can’t resolve ‘react-hot-loader’ in ‘…’react项目引入element-react 官网步骤分2步安装element-reactnpm i element-react --save...
2020-03-16 16:55:00
1949
原创 Objects are not valid as a React child.
初学react,看到元素渲染章节时,手动写了一下简单的代码,出现下面的报错:翻译成中文: 对象不能作为React子对象使用。如果要渲染子对象的集合,请改用数组。本意是要先获取当前系统时间渲染到通过react构建的root根节点上,出现了报错,源代码:import React from 'react';import ReactDOM from 'react-dom';const el...
2020-03-12 15:47:29
494
原创 如何发布自己的npm包?
通过官网注册了npm账号,在本地登录,控制台运行命令行npm login控制台提示输入账号密码登录输入时发现密码始终无法输入,原来是npm把密码输入隐藏了光标也没有移动,其实可以正常输入,正常输入后回车即可。登录成功后再次在控制台输入 npm login 命令行,如下,看到密码是默认隐藏的提示项。...
2020-03-09 14:11:40
192
原创 element使用el-dialog结合表单报错情况处理
1.情况描述:项目中使用了element中的el-dialog组件,在对话框中嵌套表单组件,新增编辑时调用,每次新增时 清空表单提交校验,每次编辑时不用 清空表单提交校验,第一次加载页面不报错,切换页面后再 加载组件报错,清空校验提示错误,为空。2.找了很久的问题终于找到了 原因,兄弟组件通信使用eventBus事件后没有及时关闭,在页面注销时记得手动关闭!兄弟组件通信...
2020-03-03 14:24:15
1420
原创 vue项目中vue-router的使用
1.安装npm install vue-router2.引入import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter)3.使用1.router文件夹下的index.js,以下为基本代码import Vue from 'vue'import Router from 'vue-router'V...
2020-03-03 09:00:46
371
原创 ES6之Set和Map
一、Set1.set的基本属性和方法Set类似于数组,不过于数组不同的是,Set中的成员都是唯一的,即使重复添加,也不会添加到Set中去,我们通过构造函数Set()来新建一个Set,以便于更深入的了解。const set = new Set()通过构造函数新建Set实例后,我们可以看到 Set有一些方法和属性,下边我们来了解这些属性和方法。size: Set中成员的数量Set():...
2020-01-08 14:05:14
181
原创 promise、async、await
一、promise1.1 promise有2个特性promise 只有三个状态 pending(进行中)、resolved(已完成)、rejected(已失败),一旦开始执行就不能被打断或终止。状态的变化只能从 pending→ resolved 或 pending→rejected1.2 promise的声明const promise = new Promise( function...
2019-12-31 17:46:38
159
原创 ES5、ES6、ES7 教程网址汇总
ES5电子教程中文版:http://yanhaijing.com/es5/#58英文版:https://people-mozilla.org/~jorendorff/es5.1-final.htmlES6电子教程中文版:http://es6.ruanyifeng.com/英文版:http://www.ecma-international.org/ecma-262/6.0/#sec-typ...
2019-12-31 09:33:44
2129
原创 git提交忽略指定文件
一、git提交忽略文件1.项目根目录添加 .gitignore2. 在.gitignore中添加忽略文件,/ / 中添加文件夹名 , 添加之后该文件夹下再有文件的变动也不会加入版本库##ignore this file##/config/二、git提交忽略已加入版本库的文件git rm --cached file当我们需要删除暂存区或分支上的文件,同时工作区 ‘不需要’ 这个文...
2019-12-30 15:38:23
2281
原创 微信小程序获取当前位置(包含城市)
先简单叙述一下步骤1.开通腾讯地图,注册获取Key2.获取用户地理位置授权3.未获取到地理位置信息重复调用授权窗口提示用户授权4.获取到地理位置拿到经纬度,使用腾讯地图的逆解析,根据经纬度获取省市县等信息5. 腾讯地图接口地址:http://apis.map.qq.com/逆解析接口 /ws/geocoder/v1 + location + key + get_poilocatio...
2019-11-20 11:19:46
6675
2
原创 微信小程序使用Git管理代码
使用小程序的git代码管理的前提是你的电脑上是带有Git的环境,这样可以直接使用,否则的话需要先装Git,微信开发者工具中的Git只是简化了使用Git的过程。1.打开版本管理2.第一次使用的话,需要先初始化Git仓库3.若没有开通Git服务需要先注册账号开通一下Git服务代码管理4.新建项目新建完项目之后有https的url,这个等下要用,或者可以根据提示信息一步步通过git控制面板...
2019-11-18 15:16:37
5287
原创 解决:Uncaught ReferenceError: regeneratorRuntime is not defined
现象:使用 ES7 的 async/await 时报错。解决方法:$ npm i --save-dev babel-plugin-transform-runtime在 .babelrc 文件中添加:“plugins”: [[“transform-runtime”,{“helpers”: false,“polyfill”: false,“regenerator”: true,“...
2019-10-24 17:26:56
215
原创 vue中语音长度随语音秒数而动态变化(动态设置div的样式)
功能需求:语音长度随语音秒数的长度而变化,需要动态设置div的宽度,这里用到 v-bind:stylev-bind:style的使用规则如下:通过v-bind:style动态设置div的样式,简写为 :style <div :style="{width: widthPercent+'%'}"> ... </div>使用computed计...
2019-10-21 14:01:32
1100
原创 补充知识 arguments、apply
上一篇博客写到防抖和节流的简单分析和操作,在经典代码中有一些自己之前没有涉及过的知识点,此篇博客特来补充学习一下。一、arguments一、简介了解arguments这个对象之前先来认识一下javascript的一些功能:**其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。**Javascrip中每个函数都会有一个Arguments对象实例argum...
2019-10-16 13:25:57
295
原创 vue中的防抖和节流(应用实例加分析,拒绝千篇一律)
函数防抖和节流本质都是为了优化性能,本文结合具体例子来简单明了的剖析,小白博主换个角度来分析和简单入手
2019-10-12 14:54:25
1878
转载 webstorm汉化
各版本webstorm汉化包github网址集合1.下载对应版本的汉化包2.下载后的汉化包解压如下3.打开webstorm安装位置,找到lib文件夹,找到resources_en.jar,复制出来一份,然后将下载下来的汉化包替换resources_en,重启webstorm,汉化完成。...
2019-10-09 13:23:32
426
原创 前端面试题总结
1.position定位问题position: relative 、absolute、 fixed 、static(默认) inherit(继承父元素的positon定位)、 stickyposition常用的值有relative 相对定位 相对于自身定位absolute 绝对定位 相对于父元素定位fixed 固定定位 相当于浏览器窗口定位sticky 粘性定位父子div同时...
2019-09-18 11:38:47
185
原创 加载el-dialog中的子组件
加载el-dialog中的子组件,不是要在一开始就加载,而是使用到的时候再加载,获取不到的时候使用nextTick解决。
2019-08-30 10:13:23
4890
原创 微信公众号开发三 测试号申请
申请测试公众号连接登录成功后会默认分配一个appID和 appsecret,需要填写url、token和域名。url为成功启动natapp之后的url,token可以随便填写
2019-08-28 11:09:36
280
原创 微信公众号开发二 配置NATAPP
NATAPP是什么?将本地服务器映射到外网,并最终通过外网网址可以访问你本地的资源。1.访问 NATAPP官网并下载并注册根据个人的电脑不同选择相应的选项下载2.注册成功后登录,购买隧道,这里作为前期测试可以购买免费隧道。3.购买成功后可以在我的隧道里查看,此时的状态是离线状态,authtoken之后会用到。4.启动NATAPP执行命令 natapp -authtoken...
2019-08-28 10:53:53
641
原创 微信公众号开发一
微信公众号开发一一、申请微信公众号1.官网网址: https://mp.weixin.qq.com/个人账户的话请选择订阅号,服务号适用于企业。2.依次填写注册信息3.申请成功后登录到个人的订阅号,功能类的菜单里可以直接设置公众号底部的菜单项等等,上手很简单,这里就不过多介绍了开发→基本配置中来配置相关服务器的信息,如果你没服务器那么接下来你可以使用natapp来实现你的开发...
2019-08-28 10:23:15
199
原创 微信小程序中weui的正确打开方式
最近接触小程序,上手写了一些代码之后,思考是不是小程序也有相关的ui框架呢,于是百度了一下,发现ui框架还真的不少,主流的当属weui,那么问题来了,我搜了很多,但是始终没有找到组件开发文档,有的都是示例,比如这样https://weui.io/或这样https://www.kancloud.cn/ywfwj2008/weui/274526实际应用起来真的不方便,不能直接拿来用,还要审...
2019-08-22 14:45:05
536
原创 vue中$set的使用
vue中视图更改主要依赖于数据的驱动,这是vue最大的特点,在vue的使用中,你只需更改数据,数据驱动会导致视图更新,而无需再手动去修改dom。
2019-08-22 10:46:53
1009
原创 当div中插入图片时,图片下方有空隙的解决办法!
如图所示,由div包裹的img图片,在设置宽度100%,使其完全填充div之后,图片下方有留白,通过谷歌浏览器打开审查元素发现,图片的实际高度为400换用火狐浏览器打开,发现实际高度只有396.467图片的高度是396.467px,但是作为容器的div的高度确是400px,貌似直接就四舍五入了,其中的原因是因为img作为行内元素,每次换行都会默认有有一个空隙 。所以解决空隙的办法是 ...
2019-08-05 14:32:33
896
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人