- 博客(43)
- 收藏
- 关注
原创 uniapp地图导航
百度地图window.location.href = 'http://api.map.baidu.com/geocoder?location='+getdata.lat+','+getdata.lng+'&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';高德地图window.location.href = 'https://uri.amap.com/marker?position=' + getdata.l
2021-09-17 17:32:12
294
原创 (踩坑记)uniapp禁止蒙版下的页面滚动
<view @touchmove.stop.prevent><view @tap.self=‘guanBiMask’>这种方法很鸡肋,其实只要控制最大view的 overflow: hidden;<view :class="hospatients?'contents':'content'" >最大的view</view>切记样式不要写在page,下.content { padding: 160rpx 0; background-color: #
2021-03-18 11:56:02
383
原创 git 每次拉代码都要输入用户名和密码
1.执行git config --global credential.helper store2.再执行git pull3.输入正确账号,应该就没毛病了备注:在~/.gitconfig目录下会多出一个文件,这里会记录你的密码和帐号;
2021-03-12 17:30:48
485
原创 通过腾讯地图查询经纬度及相关信息
uni.request({ url: 'https://apis.map.qq.com/ws/geocoder/v1', data: { address: this.cityCode + this.areaCode, key: 'FIPBZ-MUICU-BFTVW-4HXQS-XWCOQ-TXBZI', output: 'json', }, success: (res) => { uni.getL.
2021-02-03 10:03:04
1673
原创 uniapp获取不到详细地址信息
在pages.json里配置"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },
2021-01-03 10:56:56
727
原创 vue路由问题刷新之后保持原来路由
在 el-menu标签加 :default-active="'/' +this.$route.path.split('/')[1]"
2020-10-21 08:36:41
2107
原创 vue根据后台数据导出execl
export function exportUserinfoList(data) { return request.postJson(urls.exportUserinfoList, data, { responseType: "arraybuffer" }).then((res) => { console.log(res); var blob = new Blob([res], { type: 'application/msword;charset=utf
2020-10-08 16:07:07
138
原创 element表格头部颜色
:header-cell-style="{background:'#eef1f6',color:'#606266'}"
2020-10-07 14:35:37
359
原创 vscode代码格式化
// vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 4, // #值设置为true时,每次保存的时候自动格式化;值设置为false时,代码格式化请按shift+alt+F "editor.formatOnSave": false, // #每次保存的时候将代码按eslint格式进行修复 "eslin.
2020-09-24 13:19:33
1776
原创 vue-cli使用高德地图
①注册高德地图开发者api②创建项目获取key③在publice下index.html引入<script type="text/javascript" src="https://webapi.amap.com/maps?v="key"></script> ④创建idnex.vue<template> <div> <div> <span>搜索:</span> <input
2020-09-04 11:44:53
864
1
原创 配置开发环境和生产环境的请求地址
在comon文件夹下创建apiurl.jslet host, api_url;if (process.env.NODE_ENV == "development") { // 开发环境 host = "http://localhost:3000", api_url = "/api"}if (process.env.NODE_ENV == "production") { // 生成环境 host = "http://localhost:3000", a
2020-07-24 19:22:06
922
原创 nuxt里没有$axios的处理办法
1.安装:npm install @nuxtjs/axios -d2.配置 nuxt.config.jsexports default { modules: [ '@nuxtjs/axios', ]}3.重启在中间件中打印context
2020-07-20 19:53:56
728
原创 使用码云
注册码云下载git相关代码git status 查状态git initgit add . 在本地创建git commit -m 'add files' 在本地保存下面是码云给你提供的代码
2020-07-19 16:51:25
108
原创 React脚手架解决跨域问题
在src中创建setupProxy.js文件const { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function (app) { app.use( '/api', createProxyMiddleware({ target: 'http://localhost:3000', changeOrigin:
2020-07-14 09:24:43
476
1
原创 React原生表单相关知识
import React, { Component } from 'react';let defaultValue = { username: '1111', password: "", sex: "1", // 1男 0 是女 ah: ['足球'], city: "咸阳", lovecity: [], desc: ""}class App extends Component { constructor(){ su
2020-07-14 09:17:27
288
原创 vscode中React中jsx语法中写html没有语法提示-不能自动补全
搜索:includeLanguages添加:"emmet.includeLanguages": { "javascript": "javascriptreact" }在这里插入代码片`
2020-07-08 19:15:02
1588
原创 element-ui 同路由跳转报错
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err)}
2020-07-04 14:46:11
282
原创 vue里解决axios跨域问题
dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { // 设置跨域配置! '/api': { target: 'http://127.0.0.1:3000/api', // 接口的域名 // secure: false, // 如果是https接口,需要配置这个参数 changeOri.
2020-06-29 14:16:11
269
原创 axios下http.js的配置
let HOST, API_URL// 开发环境if (process.env.NODE_ENV == "development") { HOST = "http://127.0.0.1:3000", // API_URL = "http://127.0.0.1:3000/api" API_URL = "/api"} else { // 生成环境 HOST = "http://xxxxx", API_URL = "http://xxxx/api"}...
2020-06-29 14:14:15
429
原创 vscode配置vue代码片段
{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>$0</div>", "</template>", "", "<script>", "export default {", " data(){", " return{}", " },", " created(){
2020-06-24 16:13:34
260
原创 rem实现移动端响应式
//获取html元素var html = document.getElementsByTagName(‘html’)[0];//屏幕的宽度(兼容处理)var w = document.documentElement.clientWidth || document.body.clientWidth;//750这个数字是根据你的设计图的实际大小来的,所以值具体根据设计图的大小html.style.fontSize = w / 750 + “px”;...
2020-06-15 13:47:21
129
原创 vscode代码片段
"ajax": { "prefix": "ajax", "body": [ "$.ajax({", "\ttype:'$1',//get或post", "\turl:'$2',//请求的地址", "\tdata:{},//如果不需要传,则注释掉 请求的参数,a=1&b=2或{a:1,b:2}或者jq中的serialize方法,或者formData收集", "\tdataType:'json',//text,json,xml,jsonp", "\tsucce
2020-05-21 19:16:18
227
原创 解决vscode控制台方法
解决办法是:以管理员身份运行PowerShell执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的执行:set-ExecutionPolicy RemoteSigned选择Y
2020-05-20 17:29:20
1372
原创 Vue项目的基本介绍
Vue 是一套用于构建用户界面的渐进式框架优点:易用 灵活 高效官网:https://cn.vuejs.org/引入Vue.js开发环境<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>生产环境<script src="https://cdn.jsdelivr.net/npm/vue"></script><!DOCTYPE html>&
2020-05-13 22:53:33
1626
原创 新手如何快速上手echarts
ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。①下载https://echarts.apache.org/zh/download.html也可以在cdn引入echartshttps://www.bootcdn.cn/②创建一个放echarts的容器
2020-05-12 21:40:37
328
原创 css之弹性盒子
什么是弹性盒子CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式兼容性弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。弹性容器属性flex-direction属性flex-direction 属性指定了弹性子元素在
2020-05-12 15:12:11
302
原创 原生js实现选项卡
html布局<body> <div class="wrap"> <div class="box"> <div class="one action">按钮1</div> <div class="one">按钮2</div> <div class="one">按钮3</div> </div>
2020-05-12 13:58:02
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人