- 博客(26)
- 收藏
- 关注
RSS订阅原创 项目中的问题
1.vue打包后静态资源图片失效项目中的图片路径是动态的，打包后找不到图片，需要用require() 引入路径2.react 项目打包后寻找项目路径错误静态资源直接从根节点进行package.json文件中，增加 “homepage”:“./” （ 路径根据实际情况填写），字段和name同级...
2022-05-13 10:35:32
322
原创 创建简单的node服务器，以及处理跨域问题
场景：有时候前端写一些项目，想自己做关于接口封装的测试，但没有后端给你开服务！！这个时候就可以用node自己搭建一个简单的服务器给自己开个服务，用于测试接口const express = require("express")const app = express()// 跨域处理app.all('*', function (req, res, next) { res.header("Access-Control-Allow-Credentials", "true"); res.he
2022-03-22 10:20:06
1013
原创 vue2中 组件之间的通信
1、prors 和 this.$emit ( 父子之间的传参 )// 组件A<template> <div id="app"> <HelloWorld :data1="data1" @addData="addData" /> </div></template>// 组件B<template> <div class="hello"> <h1>{{data1}}</h1&
2022-03-18 14:44:12
865
原创 Node.js 学习笔记（1） 基础服务器搭建及MongoDB数据库连接
1.新建一个文件夹，打开终端 npm init初始化一个package.json的文件，再新建一个server.js的文件作为程序的入口2.安装express nodemon模块 npm install express npm install nodemon -g，nodemon（热更新）3.server.js 文件，创建一个基础的服务器，可以通过nodemon server.js 启动服务器const express = require('express') // 引入expresscon
2021-12-09 13:11:26
1133
原创 在uni-app中写微信小程序，引入vantWeapp库
背景公司使用uni-app写小程序，这样在vant官网的vantweapp的引入方法就不起效果的，官网是针对使用微信小程序原生开发的。然后我也在网上百度了很多方法，但是对于我来说也不怎么起效果，现在记录一下我已经成功引入vantweapp的组件方法如何引入1.在项目的根目录的终端，输入命令npm i @vant/weapp -S --production，然后你的项目里就多了这样的文件2.在根目录底下新建一个wxcomponents目录，然后将上图中dist文件夹拷贝到wxcomponents底下,
2021-09-27 09:50:11
1995
2
原创 vue尺寸的自适应 大屏自适应
我在一些大屏的项目中，碰见自己电脑写好的样式，但是在大屏中出现了变形。后来在经过百度，可以通过postcss-px2rem 插件，实现项目的自适应使用：** 1、安装包**npm install postcss-px2rem px2rem-loader --save2、文件创建在src目录下创建一个util的工具文件夹，然后创建一个js文件，这里我叫pxtorem.js，文件中写上一下代码// rem等比适配配置文件// 基准大小const baseSize = 16// 设置 rem 函
2021-08-03 16:12:45
6928
9
原创 vue3学习 provide 与 inject实现祖先与后代组件之间的通信
provide（提供） 和 inject（获取）可以实现祖先与后代（ 跨级之间通讯 ）组件之间的通信祖先组件中：setup() { let person = reactive({ name:'green', age:10 }) provide('msg',person) // 向后代提供数据 return {person} }后代组件中： setup () { let person = inject('msg') // 通过inj
2021-08-02 15:49:06
488
原创 vue3 学习 customRef 函数
customRef 函数：创建一个自定义的ref，并对其依赖跟踪和更新触发进行显式控制（可以用于实现防抖）基本使用<template> <div>这myRef渲染的值{{obj}}</div> <button @click='obj++'>改变myRef渲染的值</button></template>import {customRef} from 'vue'export default { setup () {
2021-08-02 15:22:42
235
原创 vue3学习 watch、watchEffect的使用
使用方法watch(person,(newValue,oldValue)=>{// person为你要监听的数据})情况一、监视ref定义的一个响应式数据情况二、监听ref所定义的多个响应式数据情况三、监听reatcive所定义的一个响应式数据情况四、监听reactive所定义的一个响应式数据中的某一个属性...
2021-07-29 16:34:11
444
原创 vue3学习 computed
computed 函数和vue2中的计算属性的用法基本差不多 <div> 商品单价:{{price}}<br> 商品数量:{{number}}<br> 商品总价:{{total}} <button @click="number++">点击增加商品数量</button> </div> setup () { const price = 8 const number = ref(1
2021-07-28 11:11:54
119
原创 vue3学习 ref / reactive 让数据变成响应式数据
ref 函数 和 reactive 函数这两个函数可以让一个原始数据(普通数据)变成响应式数据，但他们实现的原理方式不一样。在vue3中你可以在setup中定义数据,但你定义的都是一个普通数据，当你对它进行修改时，它是视图没有发送变化，但实际上数据已经发生了变化。而ref和reactive就可以帮助你，将数据变成响应式数据<div>我叫{{uName}}</div><button @click="changeName">我要改名了</button>s
2021-07-28 11:10:07
4220
原创 vue3学习 setup，props，context
setup 函数1、执行时机在 beforeCreate 和 created这两个钩子函数之前，是最早执行的，在程序运行中，setup函数只执行一次2、在setup中没有this , 打印返回undefinedvue3里的生命周期：① 可以和vue2里一样选项式写法，和setup平级，beforeCreate/ created/ beforeMount/ mounted / beforeUpdate / updated / beforeUnmount / unmounted② 可以在setup里
2021-07-28 11:08:49
8251
原创 git ssh生成以及配置时出现的问题
ssh生成，打开git窗口1、先输入cd ~/.sshps:如果.ssh文件夹不存在，执行指令自动创建 mkdir ~/.ssh（我已经创建了，所以不用使用这个命令）2、然后输入ssh-keygen -t rsa -C "你的邮箱@xxx.com"输入后显示一下内容就表示成功生成了3、公钥查看输入cat ~/.ssh/id_rsa.pub出现一串文字，就是新建成功啦4、然后将公钥内容（全部）复制并粘贴（注意：公钥内容以ssh-rsa开头）粘贴地址 https://gitee.com/p
2021-07-08 15:50:30
754
1
原创 echarts学习 vue中使用echarts
1、在public文件夹下新建 static/lib -->放入echarts.min.js文件（echarts.min.js 文件可以在jsDelivr中下载）2、然后在 public/index.html 文件中引用入<script src="static/lib/echarts.min.js"></script>3、在main.js文件中，将全局的echarts 挂载到Vue的原型对象上Vue.prototype.$echarts = window.echart
2021-07-07 17:01:19
1403
1
原创 mongoose 增删改查
// 导入express框架const express = require('express')// 实例化express对象const app = express()// 连接mongodb数据库// 导入mongoose模块,用来操作mongdb数据库const mongoose = require('mongoose')// connect('连接地址') 连接数据库的方法mongoose.connect('mongodb://localhost:27017/user')//
2021-07-01 10:35:07
194
原创 uniapp 付款
// 支付 toPay() { this.$request.post(this.$api.system.order_pay, { order_sn: this.order_sn, // 订单号 pay_type: this.pay_type ,// 支付类型，后端定义 }).then(res => { this.$msg(res.msg, 0) if (this.pay_type == 3 && res.code==200)
2021-06-11 17:17:50
291
原创 uniapp 热更新
// // 检查更新 upgrade() { // #ifdef APP-PLUS let _this = this; plus.runtime.getProperty(plus.runtime.appid, function(inf) { var wgtVer = inf.version; _this.$request.post(_this.$api.system.getVersion).then(result => { if (...
2021-05-28 17:51:41
442
原创 Android平台签名证书生成
// 证书生成使用keytool -genkey命令生成证书：keytool -importkeystore -srckeystore tongxiang.keystore -destkeystore tongxiang.keystore -deststoretype pkcs12// 查看证书信息keytool -list -v -keystore tongxiang.keystore
2021-05-18 13:33:00
128
原创 vue基础样式应用
1、文本溢出隐藏<template slot-scope="scope"> <div class="text-hidden">{{ scope.row.address }}</div></template>.text-hidden{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}2.大的外边框.shopcheck { border: 1px sol
2021-04-23 00:32:14
810
原创 在uniapp、vue 中引入iconfont图标
1、先在iconfont挑选图标(https://www.iconfont.cn/)，吧想要的图标先加入购物车2、再将图标添加到项目中，没有项目的，可以先新建一个项目3、将刚刚选的图标下载到本地4、解压后，将需要的文件添加到项目中5、复制以下代码，将iconfont.css中的内容替换将原来文件中下面那部分内容替换成刚刚复制的内容，替换钱前：替换后：再复制的内容连接前面要加上https6、再在app.vue文件中引入样式7、使用<view class="iconfont icon
2021-04-13 12:43:39
636
原创 解决uniapp打包后手机无法获取位置信息
1.问题我在项目测试的时候，使用uniapp真机调试的时候明明可以获取到位置信息，但是在打包后却没有办法拿到位置信息。后来才知道是因为在真机调试的时候，uniapp自带了高德的SDK能够获取位置信息。打包之后要自己去申请高德或者百度的key。2.解决在这里我是采用了百度地图的SDK。1、先登录百度地图的开发平台（http://lbsyun.baidu.com/） -->点击右上角的控制台 --> 应用管理 -->我的应用 -->创建应用然后根据提示把内容填写，应用名称可以
2021-04-11 23:09:20
6015
3
原创 vue-cli 移动适配插件安装
vue-cli移动适配插件安装安装模块amfe-flexible：监听你屏幕大小改变的时候，更改根节点html大小postcss-pxtorem：自动将项目中的px单位转化成rem单位cnpm i amfe-flexible postcss-pxtorem --save插件配置步骤在main.js中引入amfe-flexible模块import 'amfe-flexible/index'在vue.config.js文件里配置插件`// 将px转化为rem单位得
2021-02-03 19:38:56
89
原创 Vue (element ui库、Less、axios 安装及引用)
Vue 学习element ui库导入1.安装npm i element-ui -S2.引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);Less环境的安装如果项目中的css样式，需要引用less语法的话，那么对应就需要安装两个模块，分别为less,less-loadernpm install less less-loader --
2021-02-01 15:34:43
348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人