自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何搭建一个vue项目(完整步骤)

新手建立vue项目教程一,首先我们要先下载node环境(下面就是node的官网)node的官网选择好版本,下载直接(下一步下一步安装就行)下面在配置接下来就是输入 node -v 和npm -v 查看一下是否能出来版本号(如果成功就下一步)如果想装多版本的node环境,请点击下方连接安装nvmnvm怎么安装nvm安装后,记得切换一下下载地址,不然下载会很慢nvm下载慢的问题二,全局安装脚手架输入下面命令全局安装npm i @vue/cli -g测试安装是否成功vue -V创

2021-02-24 15:03:37 735 3

原创 nvm安装多node版本时候下载慢的问题

nvm 安装node版本下载慢的问题我们在安装node版本时候会很慢这并不是我们网络不行而是我们默认的下载地址( http://nodejs.org/dist/)是国外的所以下载就会很慢下面我就给大家说如何解决掉下载慢的问题首先我们要找到自己的nvm安装在哪(要是不知道怎么安装请看我的文章以前有提过怎么安装nvm)默认我们都安装在了C:\用户…\AppData\Roaming\nvm找到这个文件打开修改他的影像保存就好了(直接把下面代码复制粘贴进去就行)arch: 64proxy:

2021-02-05 16:28:17 2442 3

原创 vue3.0 PC端自适应不同分辨率电脑

vue3.0 自适应不同分辨率电脑首先我们需要要安装一些依赖npm i lib-flexible-computer -Snpm i px2rem-loader -Dnpm i postcss-px2rem这里要和大家说的就是lib-flexible-computer这个npm装的依赖,想必大家为了做pc的适配搜索了很多方法他们大多数都是安装的下面这个依赖npm i lib-flexible -S安装这个依赖,做适配的话只能做到屏幕540一下的,pc端使用并不是很好使所以就换成了上面写那个依

2021-02-04 17:25:33 10177 31

原创 前端拖拽功能简单使用

**前端怎么写拖拽功能**移动端拖拽的js库,点击进入拖拽库

2020-10-26 10:56:36 598

原创 在vue中如何监听手机物理返回键,移动端,app

1,使用原理利用history 和 浏览器 刷新popstate状态 去实现2,判断浏览器是否支持popstate什么是popstate请点击此链接查看//那个界面使用,就把代码写到那个界面mounted(){ // 如果支持 popstate 一般移动端都支持了 if (window.history && window.history.pushState) { // 往历史记录里面添加一条新的当前页面的url history.pushState(null,

2020-07-30 11:18:25 3111

原创 nvm安装教程(在自己电脑上安装多种node版本)

安装多种node版本首先那这个是运用了nvm,所以下面就是nvm安装与使用nvm下载地址1,打开之后我们会看见两个这个安装包(我使用的是下面这一版,直接是无脑安装,第一个还要配置环境比较麻烦)nvm-noinstall.zip:绿色免安装版,但使用时需进行配置。nvm-setup.zip:安装版,推荐使用,2,下面就打开双击安装文件 nvm-setup.exe2选择nvm安装路径3选择nodejs路径剩下的就下一步就好下面就cmd一下 输入nvm要是输出一大堆证明安装上了##命令

2020-07-27 11:56:40 938

原创 vue中使用百度地图的简单方法

vue中地图组件的使用方法1,在vue中使用地图web端推荐用百度地图引入方式npm i vue-baidu-map --save2,秘钥值申请秘钥申请链接3,在main.js中引入挂载import BaiduMap from 'vue-baidu-map';Vue.use(BaiduMap, { /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */ ak: '你自己

2020-05-15 14:06:11 287 1

原创 el-cascader使用props设置value、label、children

我们用el-cascader时候element官网给的数据是如图我们的数据是这样的下面就来交大家怎么修改我们修改之前要先了解props属性的使用前端代码:<el-cascader :options="cityList" //你获取到的数据 :props="optionProps"//看下面代码 v-model="selectedOptions" ...

2020-04-09 09:03:06 7755 4

原创 前端新手小白必看--最全静态网页模板网站

前言这次博客为大家提供一些模板网站,希望初学者借鉴和学习优质资源:以下网站对于初学者的作用:提供免费的静态网页下载提高自己的css+html5设计水平1,http://sc.chinaz.com/moban/“站长素材”网站中包括大量的免费模板,可任意下载。2.http://www.cssmoban.com/“模板之家”国内外优质网站模板 免费下载和预览。3.https:/...

2020-04-03 13:11:06 5250

原创 学习uni-app新手小白最容易犯的错误--------(this指向问题)

学习uni-app新手小白最容易犯的错误(一)在uni-app中有很多像下面这样的API都是封装好的,对我们来说非常简单。uni.getSystemInfo({ success: function(res) { // console.log(res) } })下面我说的这一点新手小白门往往都会踩的坑~~~~~~~~~~仔细看哦下面代码就是在进入...

2020-04-03 09:29:06 1159 1

原创 git上传代码简单方法 简单git上传代码工具

简单git上传代码工具肯定有很多人和我一样,git上传时候搞不懂拉取,合并等一系列的代码冲突问题,往往可能覆盖掉自己今天写的代码,或者覆盖掉别人的代码。下面给大家简单介绍一款操作比较简单的上传代码工具:下图这款软件安装完就是下图点击文件新建在下图位置输入git路径其他不用输入等待自动生成这样项目就进来了也可以吧clone下来的代码文件直接拖拽到软件中也是可以的你修改过之后软件...

2020-04-02 16:43:49 2330 1

原创 uni-app移动端顶部导航栏的简单使用(一)

uni-app顶部导航栏的简单使用(一)uni-app导航栏使用有两种方式一种是navigation-bar方法还有一种是page.json 中关于导航栏的所有配置。下面我要给大家带来的是page.json 中关于导航栏的所有配置。可以先看一下官网导航属性:点击跳转到uni-app顶部导航相关属性下面就是输入框的,还有按钮的顶部导航简单使用代码:"pages": [ //pages数组中...

2020-04-02 16:11:05 3330

原创 uni-app移动端底部tab栏简单使用

uni-app移动端底部tab栏简单使用使用效果相关效果代码片段:"tabBar": { "color": "#888888",//字体颜色 "selectedColor": "#5fafe4",//当前界面文字颜色 "borderStyle": "black", "backgroundColor": "#F9F9F9",//背景颜色 "list": [{ "p...

2020-04-02 10:55:43 513

原创 高德行政区划边界及经纬度获取-----uni-app使用地图

高德行政区划边界及经纬度获取前言近来由于工作需要,需要提取某些城市的经纬度坐标,稍微搜索了一下,发现百度地图和高德地图都提供了相关的函数和例子.那么剩余的工作也就比较简单了,保存坐标,然后转换为WGS坐标,这样才能和现有的GPS数据以及地图匹配.主要问题和解决方法uni-app中地图显示行政区域其中要用到polyline这个属性从数组的第一个连线到最后一个具体应用如图;其中我们会要获取到...

2020-04-02 10:07:13 5729

空空如也

空空如也

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

TA关注的人

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