pamerely-CSDN博客

原创 v-for中key的作用

v-for有key和没有key的区别

2024-06-02 10:38:53 165

原创 DevEco Studio 新手开发小问题记录

记录一下新手使用DevEco Studio遇到的小问题。

2024-05-27 17:37:53 332

修改el-select右边的icon图标前言效果图代码前言遇到了需要改el-select右边小图标的样式，记录一下。效果图代码用背景图也可以用饿了么的icon，如下图.el-select .el-input .el-select__caret.el-icon-::before { content: ""; background: url(../../../../assets/images/inputIcon.png) center center no-repeat; posit

2021-07-14 19:59:39 6439 3

原创 git常用命令

git常用指令前言git命令在开发中经常用到，现在就来整理一下常用的git命令。获取git配置信息：git config --list初始化仓库：git init查看文件状态：git status克隆仓库：git clone添加文件到仓库：git add提交备注：git commit -m “提交备注”回退版本：git reset删除工作区文件：git rm查看历史提交记录：git log从远程拉取代码库：git fetch拉取远程代码：git pull上传代码到远程仓库：g

2021-06-12 13:21:32 113

原创总结：vue父子传参的方式

vue父子传参的方式前言父传子子传父路由传参$refs前言做个小总结，也等于回顾一下知识吧，vue的传参方式。父传子props，例//父组件<children :id="1"></children>//子组件<script> export default { props: { id:{ type: Number, default: 0, } } }</script>$childre

2021-04-14 17:16:54 426 1

原创堡垒机 ssh 修改服务器文件

堡垒机 ssh 修改服务器文件前言操作前言线上系统出了bug，遇到了领导演示，需要快速处理，这又是一个老项目，打包很慢，就把本地改好的代码，复制粘贴到服务器的文件上，一般情况是不建议这样操作的，记录一下操作步骤，方便以后查看。操作登录堡垒机cd +路径 //进入需要修改的文件夹ls //查看文件夹内容vi + 文件名 //查看文件内容i //insert，编辑模式//可以开始编辑拉，修改完之后esc //进

2021-04-06 16:51:26 712

原创百度地图绘画行政区域

百度地图绘画行政区域因为有个需求是要用在线地图只展示市的行政区域，还有ui设计的样式，所以只能自己绘画了。效果图：上代码<baidu-map ref="baiduMap" class="map" :center="mapCon.center" :zoom="mapCon.zoom" @ready="handler" @touchend="mapTouchend"> <bm-navigation anchor="BMAP_ANCHOR_TOP_RIG

2021-02-25 17:34:10 2550 1

原创 vue-cli@4.3.0-引入arcgis

vue项目引入arcgisvue-cli@4.x创建项目引入arcgis引入arcgis_js_api，放在public静态资源文件夹里修改两个文件1.init.jsbaseUrl:"/library/3.30/3.30/dojo"2.dojo.jsbaseUrl:"/library/3.30/3.30/dojo"或者可以直接获取浏览器地址栏的ip和端口，拼接上去;let url = window.location.origin;baseUrl:`${url}/library/3.30/

2020-12-30 16:39:48 310 1

原创 vue-cli@4.3.0请求json

vue-cli@4.3.0请求json前言请求本地的json文件前言vue-cli@4.x创建的项目，就没有static文件夹了，静态资源文件放在public文件夹里。请求本地的json文件把json文件放public文件夹里，通过axios请求this.$axios.get(’/test.json’)ps:如果有拦截器的，对返回格式有要求的，json文件用对应的格式。如果是vue-cli@2.x把json文件放static文件夹里，通过axios请求this.$axios.get(‘st

2020-12-30 16:23:56 99

原创 mpvue的生命周期

mpvue的生命周期mpvue有着vue和小程序的生命周期，弄清楚它们的执行顺序很重要在控制台输出一下就知道它们的执行顺序 created() { console.log('page index created') }, mounted() { console.log('mounted') }, onLoad() { console.log('page

2020-11-03 11:19:54 338

原创 mpvue引入第三方ui库-vant Weapp

mpvue项目引入第三方ui组件，这里我用的是vant Weapp举栗子下载组件在github上下载压缩包下载地址：https://github.com/youzan/vant-weapp下载完之后，解压，把里面dist重命名为vant，然后把整个文件夹放到mpvue项目中dist文件夹内然后在路由的文件引入 src/router/router.jsmodule.exports = [ { path: '/pages/login/index', name

2020-11-03 11:06:05 527 1

原创 mpvue项目中一些小坑

v-for必须加key属性，否则编译不了v-for只有一个参数时，不能加括号()，否则报final loader didn’t return a Buffer or String编译失败小程序image标签没有width、height属性，这样写无效<img width="80px" height="80px" />v-if条件，不能写太复杂，这样写会报错<div v-if="obj !={}"></div>子组件传参，不能传对象不支持document.

2020-11-03 10:51:31 208 1

原创微信小程序封装fly.js请求

封装fly.js请求flyio文档地址：https://wendux.github.io/dist/#/doc/flyio/interceptor添加链接描述使用前先下载依赖$ npm install flyio直接贴代码var Fly=require("../miniprogram_npm/flyio/index") var fly=new Flyfly.config.baseURL="http://11.11.111.111:8888/api/"fly.config.timeout=1

2020-11-03 10:38:55 665 1

原创 mpvue-axios封装

axios封装import axios from 'axios'import qs from "qs";const BASEURL = process.env.BASEURL;const service = axios.create({ timeout: 50000 // request timeout})service.defaults.adapter = function (config) { return new Promise((resolve, reject) =&gt

2020-11-03 10:26:02 288 1

原创 mpvue中使用echarts

mpvue中使用echarts安装依赖$ npm install echarts$ npm install mpvue-echarts我把它封装成了一个组件<template> <div :class="className" :style="{height:height,width:width}" > <mpvue-echarts lazyLoad :echarts="echarts" :onInit="ecBarInit" canvasId="lin

2020-11-03 10:00:36 1364

原创 mpvue项目中使用vue-router

mpvue项目只用vue-routervue项目都是使用vue-router的路由跳转，而小程序中是不能使用vue-router，这时候就需要一些插件要完成在mpvue中使用vue-router.mpvue-entrympvue-entry：集中式页面配置，自动生成各页面的入口文件，优化目录结构，支持新增页面的热更新。mpvue-router-path在mpvue中使用vue-router兼容路由写法，npm地址：https://www.npmjs.com/package/mpvue-router

2020-11-03 09:49:48 936

原创 vue项目转小程序-mpvue项目创建

vue项目转小程序-mpvue项目创建前言创建mpvue项目前言这次遇到了要拿很久之前用vue写的移动端项目，改成小程序的要求。因为本人只会用原生的开发微信小程序，所以这次也是学习了一下mpvue，现在来总结一下。创建mpvue项目mpvue是美团开源的项目，先贴上官方地址：http://mpvue.com/创建项目前先检查一下node和npm是否安装好，然后开始安装vue-cli脚手架，注意，这要2.x版本的，3.x版本的创建不了。$ npm install --global vue-cli@

2020-11-03 09:15:13 3071

原创 vue多页面ssr服务端渲染之nuxt.js-基本配置

vue多页面ssr服务端渲染之nuxt.js-基本配置前言vue是单页面的项目，当然它也可以用nuxt.js构建多页面的项目，也就是服务端渲染，下面就简称SSR了。SSR是什么呢？其实就是后端把.vue文件编译成.html文件返回给前端渲染，它的好处就是有利于SEO（搜索引擎）。基本配置这篇文章就是讲讲简单的配置项，后续还有其他nuxt.js文章。1.配置ip和端口一般怕端口被占用就配置端口吧，或者想同事访问你的前端项目，可以配置ip。不配置的默认http://localhost:3000在

2020-09-23 17:36:41 1233

原创前端在线预览word,excel,pdf

前端在线预览word,excel,pdf预览Word预览pdf预览Excel预览Word微软的在线预览功能，可以预览word、ppt、Excel、PDF局限：需要外网能访问文件，如果是只能内网用的系统就不适合了XDOX预览局限：需要外网能访问文件，如果是只能内网用的系统就不适合了通过mammoth.js转成html，局限：只能转docx格式的文件，复杂样式会被忽略后端转html格式给前端渲染难题都给后端了，没啥局限预览pdfjquery.media.js （兼容IE）

2020-09-23 16:29:34 4096

原创 vue 引入阿里巴巴矢量图标库iconfont

vue 引入iconfont前言选择字体图标把购物车里的字体图标加入项目中下载在vue项目中引入项目中用法前言开发过程中总会遇到需要一些字体图标，这里就要提一下阿里巴巴矢量图标库了，这里有很多免费的字体图标，可以下载，在项目中引用。选择字体图标打开阿里巴巴矢量图标库官网：https://www.iconfont.cn/在官网里面选择自己想要的字体图标把想要的图标，加入购物车里面，右上角可以看到购物车里面的图标。把购物车里的字体图标加入项目中选择好字体图标后，把购物车里的字体图标加入项目中。

2020-08-31 11:10:39 1281

原创 npm构建微信小程序

npm构建微信小程序从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。而且用npm下载一些第三方插件，开发起来也比较方便。创建项目先下载微信开发者工具，这个就自己去官网下载吧，我选的是稳定版，这个就看你们各自的需求了。下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html下载完之后，扫码登录自己的微信号，然后就可以创建一个

2020-08-15 18:10:18 585

原创小程序双向数据绑定

小程序双向数据绑定前言小程序的input是单项数据流，不像vue的双向绑定那么好用。<van-field model:value="{{ name }}" label="姓名" placeholder="请输入姓名" border="{{ false }}" required error-message="{{rule.name}}" />注意这里的model:value的变量只能是data里面定义的，不能是对象

2020-08-14 17:44:32 1807

原创微信小程序低版本兼容async/await，regeneratorruntime is not defined

前言用过async/await组合就知道，比promise好用，但是微信小程序比较新的版本才兼容，微信7.0.11及以下的版本的不兼容，会报错。不过可以用facebook提供的regenerator-runtime，可以解决这个问题。下载依赖npm i regenerator-runtime引入文件在使用async/await的页面的index.js引入import regeneratorRuntime from 'regenerator-runtime'然后在源文件还要删掉一段代码，

2020-08-14 16:24:55 607 2

原创微信小程序拨打电话功能

微信小程序拨打电话功能微信官方文档用法微信开发工具的模拟器效果微信官方文档https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html用法wx.makePhoneCall({ phoneNumber: '13530242280', success:res=>{ console.log(res) }, fail: f

2020-08-14 10:10:00 877

原创 vue px转rem，样式自适应各个分辨率

vue px转rem在项目中，常常会需要页面样式自适应各个分辨率，我的项目一般需要适应1440 * 768至1920*1080 125%的分辨率。因为我们拿到的设计图都是1920 * 1080的，一般都是用px写的，如果是vue项目可以创建项目的时候加上postcss-pxtorem，这样会自动把px编译成rem，不用像传统的html项目，用@media写多套样式了。按照正常流程，当然是先下载依赖啦npm install amfe-flexible --savenpm install postcs

2020-08-01 11:56:48 3475 2

空空如也

空空如也