自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(113)
  • 收藏
  • 关注

原创 无插件实现词云动效

无插件实现词云动效

2022-06-27 14:28:41 971 1

原创 vue弹窗添加拖拽功能

vue弹窗添加拖拽功能

2022-06-27 13:49:45 1325

原创 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 1576

原创 echarts基本设置积累

1、修改坐标轴字体大小柱状图:xAxis: { axisLabel: { textStyle: { fontSize: '16', } }}饼状图:series:{ label:{ textStyle: { fontSize: '16', } }}2、修改柱状图柱子颜色series: [ { itemS...

2022-04-29 14:18:14 540

原创 浏览器全屏事件

监听浏览器全屏事件

2022-04-29 14:09:44 1946

原创 安卓模拟器+ charles抓包工具安装配置说明

模拟器+抓包工具的安装和使用

2022-04-29 14:03:50 3939

原创 使用Xshell实现项目部署

使用XShell部署前端项目

2022-04-29 13:57:18 4314

原创 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 1466

原创 element 日历组件应用相关的问题

element calendar组件修改按钮原生组件,添加按钮点击,日历仅显示本月,以今天为节点做样式区分

2021-12-11 16:56:01 2832 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 2008

原创 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 610

原创 react项目搭建

一、安装node和npmnode官网,根据你的电脑安装相应的版本,安装node后,自动安装npm管理工具。二、安装create-react-app脚手架 工具在cmd中全局安装create-react-app工具,其可以自动地在本地目录中创建react项目,这个类似于vue中的vue-cli,有了它,可以帮你自动生成很多东西,方便快捷。它本身集成了Webpack,并配置了一系列内置的loa...

2020-03-23 09:42:54 150

原创 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 1884

原创 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 462

原创 如何发布自己的npm包?

通过官网注册了npm账号,在本地登录,控制台运行命令行npm login控制台提示输入账号密码登录输入时发现密码始终无法输入,原来是npm把密码输入隐藏了光标也没有移动,其实可以正常输入,正常输入后回车即可。登录成功后再次在控制台输入 npm login 命令行,如下,看到密码是默认隐藏的提示项。...

2020-03-09 14:11:40 169

原创 vue登录权限管理

由浅入深,分析功能,实现功能。

2020-03-05 10:25:51 1408

原创 element使用el-dialog结合表单报错情况处理

1.情况描述:项目中使用了element中的el-dialog组件,在对话框中嵌套表单组件,新增编辑时调用,每次新增时 清空表单提交校验,每次编辑时不用 清空表单提交校验,第一次加载页面不报错,切换页面后再 加载组件报错,清空校验提示错误,为空。2.找了很久的问题终于找到了 原因,兄弟组件通信使用eventBus事件后没有及时关闭,在页面注销时记得手动关闭!兄弟组件通信...

2020-03-03 14:24:15 1403

原创 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 324

原创 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 169

原创 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 152

原创 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 1879

原创 git提交忽略指定文件

一、git提交忽略文件1.项目根目录添加 .gitignore2. 在.gitignore中添加忽略文件,/ / 中添加文件夹名 , 添加之后该文件夹下再有文件的变动也不会加入版本库##ignore this file##/config/二、git提交忽略已加入版本库的文件git rm --cached file当我们需要删除暂存区或分支上的文件,同时工作区 ‘不需要’ 这个文...

2019-12-30 15:38:23 2244

原创 微信小程序获取当前位置(包含城市)

先简单叙述一下步骤1.开通腾讯地图,注册获取Key2.获取用户地理位置授权3.未获取到地理位置信息重复调用授权窗口提示用户授权4.获取到地理位置拿到经纬度,使用腾讯地图的逆解析,根据经纬度获取省市县等信息5. 腾讯地图接口地址:http://apis.map.qq.com/逆解析接口 /ws/geocoder/v1 + location + key + get_poilocatio...

2019-11-20 11:19:46 6621 2

原创 微信小程序使用Git管理代码

使用小程序的git代码管理的前提是你的电脑上是带有Git的环境,这样可以直接使用,否则的话需要先装Git,微信开发者工具中的Git只是简化了使用Git的过程。1.打开版本管理2.第一次使用的话,需要先初始化Git仓库3.若没有开通Git服务需要先注册账号开通一下Git服务代码管理4.新建项目新建完项目之后有https的url,这个等下要用,或者可以根据提示信息一步步通过git控制面板...

2019-11-18 15:16:37 5156

原创 解决: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 199

原创 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 1031

原创 补充知识 arguments、apply

上一篇博客写到防抖和节流的简单分析和操作,在经典代码中有一些自己之前没有涉及过的知识点,此篇博客特来补充学习一下。一、arguments一、简介了解arguments这个对象之前先来认识一下javascript的一些功能:**其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。**Javascrip中每个函数都会有一个Arguments对象实例argum...

2019-10-16 13:25:57 277

原创 vue中的防抖和节流(应用实例加分析,拒绝千篇一律)

函数防抖和节流本质都是为了优化性能,本文结合具体例子来简单明了的剖析,小白博主换个角度来分析和简单入手

2019-10-12 14:54:25 1837

转载 webstorm汉化

各版本webstorm汉化包github网址集合1.下载对应版本的汉化包2.下载后的汉化包解压如下3.打开webstorm安装位置,找到lib文件夹,找到resources_en.jar,复制出来一份,然后将下载下来的汉化包替换resources_en,重启webstorm,汉化完成。...

2019-10-09 13:23:32 362

原创 前端面试题总结

1.position定位问题position: relative 、absolute、 fixed 、static(默认) inherit(继承父元素的positon定位)、 stickyposition常用的值有relative 相对定位 相对于自身定位absolute 绝对定位 相对于父元素定位fixed 固定定位 相当于浏览器窗口定位sticky 粘性定位父子div同时...

2019-09-18 11:38:47 174

原创 加载el-dialog中的子组件

加载el-dialog中的子组件,不是要在一开始就加载,而是使用到的时候再加载,获取不到的时候使用nextTick解决。

2019-08-30 10:13:23 4825

原创 微信公众号开发三 测试号申请

申请测试公众号连接登录成功后会默认分配一个appID和 appsecret,需要填写url、token和域名。url为成功启动natapp之后的url,token可以随便填写

2019-08-28 11:09:36 258

原创 微信公众号开发二 配置NATAPP

NATAPP是什么?将本地服务器映射到外网,并最终通过外网网址可以访问你本地的资源。1.访问 NATAPP官网并下载并注册根据个人的电脑不同选择相应的选项下载2.注册成功后登录,购买隧道,这里作为前期测试可以购买免费隧道。3.购买成功后可以在我的隧道里查看,此时的状态是离线状态,authtoken之后会用到。4.启动NATAPP执行命令 natapp -authtoken...

2019-08-28 10:53:53 622

原创 微信公众号开发一

微信公众号开发一一、申请微信公众号1.官网网址: https://mp.weixin.qq.com/个人账户的话请选择订阅号,服务号适用于企业。2.依次填写注册信息3.申请成功后登录到个人的订阅号,功能类的菜单里可以直接设置公众号底部的菜单项等等,上手很简单,这里就不过多介绍了开发→基本配置中来配置相关服务器的信息,如果你没服务器那么接下来你可以使用natapp来实现你的开发...

2019-08-28 10:23:15 189

原创 微信小程序中weui的正确打开方式

最近接触小程序,上手写了一些代码之后,思考是不是小程序也有相关的ui框架呢,于是百度了一下,发现ui框架还真的不少,主流的当属weui,那么问题来了,我搜了很多,但是始终没有找到组件开发文档,有的都是示例,比如这样https://weui.io/或这样https://www.kancloud.cn/ywfwj2008/weui/274526实际应用起来真的不方便,不能直接拿来用,还要审...

2019-08-22 14:45:05 523

原创 vue中$set的使用

vue中视图更改主要依赖于数据的驱动,这是vue最大的特点,在vue的使用中,你只需更改数据,数据驱动会导致视图更新,而无需再手动去修改dom。

2019-08-22 10:46:53 978

原创 闭包的理解

闭包简单概括一句话就是 能够访问其他函数内部变量的函数。

2019-08-21 11:43:29 197

原创 vue插槽、具名插槽、作用域插槽

普通插槽、具名插槽和作用域插槽

2019-08-16 15:52:55 262

原创 关于伪类和伪元素的理解

伪类伪元素的理解及常用方法

2019-08-13 10:30:55 219

原创 当div中插入图片时,图片下方有空隙的解决办法!

如图所示,由div包裹的img图片,在设置宽度100%,使其完全填充div之后,图片下方有留白,通过谷歌浏览器打开审查元素发现,图片的实际高度为400换用火狐浏览器打开,发现实际高度只有396.467图片的高度是396.467px,但是作为容器的div的高度确是400px,貌似直接就四舍五入了,其中的原因是因为img作为行内元素,每次换行都会默认有有一个空隙 。所以解决空隙的办法是 ...

2019-08-05 14:32:33 863

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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