11 2020 档案
摘要：在manifest.json 的基础配置中进行H5配置（标题，appid,，应用名称，版本号，描述） app图标配置（必须是1024*1024） 自动生成所有图标 app 启动图 （可以配置也可以不进行配置） 打包 在编辑器中找到--发行--原生app-云打包 进入之后， 选择终端 ios 或者 安
阅读全文
摘要：1，需要到页面manidest.json中进行配置， 在小程序配置的地方进行相对应的配置 2，在编辑器中找到发行 -- 小程序--微信 3.进入之后就会有 （微信小程序名称/微信小程序APPId）--发行 4.控制重新编译一个小程序（会有一个路径） 在小程序开发者工具中。（需要校验合法域名） 找到上
阅读全文
摘要：腾讯云购买服务器 产品--地域--机型（入门配置）--centOS(64位)--时长（看个人需求） 购买成功后进入 在云产品中选择（云解析，网站备案，云服务器） 把nginx上传到服务器中进行配置 在云服务器中，安全组 修改规则--一键放通 22 linux端口 80端口 http 请求 更多--重
阅读全文
摘要：1.进入manifest.json中，找到H5配置 配置页面标题 2在编辑器中找到发行--网站-H5手机版--网站标题/域名--确定--进行打包 3,在编译后会生成一个路径，里面的index,html 不支持双击打开，需要后台配置 以下的不用看 4.在fileszail中找到 / 里面有一个user
阅读全文
摘要：在微信小程序中我们不仅需要在模拟器中进行测试，有时候还需要在手机上进行真机测试 在手机上进行真机测试的时候，我们是需要进行一些操作的 首先我们要有自己的小程序（需要现在微信小程序中进行一个注册） 1.https://mp.weixin.qq.com/ 通过这个连接进入到微信小城许中，进行注册（注意，
阅读全文
摘要：在uni-app中自带了swiper的代码块，可以用来制作轮播图 在我们输入的时候可以时候用快捷方式创建我们的代码块 usw来选择你对应的代码块创建 <swiper :indicator-dots="true" :autoplay="true" class="banner"> <swiper-ite
阅读全文
摘要：uni-app的底部菜单栏的设置 菜单的设置是在项目中的pages.json中进行配置 是使用“tabBar”中进行页面底部菜单栏的设置，设置包括 文字，图标（选中图标或者是未选中），颜色，背景色，跳转地址，链接。。。 例如：（设置颜色，背景色，选中颜色，边框色） "color":"#bbb", "
阅读全文
摘要：flex-direction :设置元素的排列方向 row:从左向右排列 row-reverse:从右向左排列（从右边开始，顺序也会发生变化） column 从上到下 column-resverse 从下到上（虽然是从下到上，只不过是里面的顺序发生了变化而已，并不是沿着底部开始） flex-wrap
阅读全文
摘要：在uni-app中，对于页面的样式过多的时候，我们可以采用外联的样式 在外联的样式中我们需要采用一个关键字来引入外联的样式 import eg： <style> @import url("你的外联样式的样式名") </style>
阅读全文
摘要：在Uni-app中可以采用自带的方式进行在不同的终端进项显示或者不显示 ifdef就是用来显示或者不显示的 例子： <!--ifdef H5--><!--endif-->表示只在H5上显示 <!--ifdef APP-PLUS--><!--endif-->表示只在IOS/安卓上显示 <!--ifde
阅读全文
摘要：uni-app的单位是一个响应式的单位，里面的数据可以根据不同的尺寸进行改变，但是不变的是形状不会发生变化，单位是upx，在不同的尺寸的状态下都会保持一致，不会发生变化 同时，uni-app的单位upx是根据iphone6的尺寸来做依据的
阅读全文
摘要：uni.app的终端配置，当你第一次打开微信小程序开发者工具的时候，会出现报错，出现小程序已打开或者，开发工具需要进行更新 解决方案 1.你要先知道你的开发工具是不是稳定版本的，如果是开发版本的请卸载，下载稳定版本的微信小程序开发工具 2。在编辑的设置页面进行设置 3.先打开微信小程序开发者工具，找
阅读全文
摘要：当我们学习vue的时候，数据的请求也是很重要的 在处理数据请求的时候，我们会遇到一会跨域的问题，例如这样，就是我们遇到了跨域的问题 Access to XMLHttpRequest at 'https://vue3-fjord-81553.herokuapp.com/api/resources' f
阅读全文
摘要：vue cli3 router-link 跳转 在页面中 <template> <div> <router-link class="" to="./ResourceHome"> 首页 </router-link> <router-link class="" to="./ResourceNew"> 新
阅读全文
摘要：vue cli3 的重定向无非就是使用redirect来实现 const routes = [ {path:"/", name:"base"，redirect:{name:"ResourceHome"}}, {path:"/new", component:ResourceNew， children:
阅读全文
摘要：vue cli3 的子路由 无非就是在父级路由下创建一个子级路由children来包括起来 const routes = [ {path:"/", component:ResourceHome}, {path:"/new", component:ResourceNew， children:[ {pa
阅读全文
摘要：vue cli3的路由创建方式 1.在src的文件夹中创建一个文件router.js的文件，这个里面可以专门用来存放路由的 2.在router.js的文件中存放路由，则需要引入两个文件（createRouter,createwebHistory) import{createRouter,create
阅读全文
摘要：3个页面之间互相传值，取值 app.vue(父级页面) first.vue（子级页面） second.vue（子级页面） 先声明页面情况:把数据定义在app.vue（父级）中，first.vue（子级）需要拿到定义在app.vue（父级）中的数据，second.vue（子级）需要通过app.vue(
阅读全文
摘要：VUE3动态的改变样式的方式 <button :class=" `btn btn-sm ${toggleBtn}` ">{{!isDisabled :"更新":"详情"}}</button> <script> import(ref,computed) from "vue" export defaul
阅读全文
摘要：v-if 适用于切换 eg:组件之间的切换 两个子组件 父组件 app.vue 子组件 first.vue 子组件second.vue 父组件中： <template> <button @click="isResourceFirst = !isResourceFirst ">切换</button>
阅读全文
摘要：计算有多少条数据，并显示数据的个数（有两种方法，一种是函数的写法，一种是属性的计算使用computed） <template> 函数的写法 ：{{getResourceListLength()}} 计算属性的写法：{{getResourceListLength}} </template> <scri
阅读全文
摘要：在vue3中数据进行调用的时候，我们需要进行数据的一些操作 子级 ResourceList.vue 父级 ResourceHome.vue 父级 ResourceHome.vue中 <template> <ResourceList :resourceChild="resource"></Resour
阅读全文
摘要：在vue3中和vue2中数据会有所不一样，不一样的地方在于数据的写法和变化 在vue3中数据的变化是需要用到reactive的 在父级中引入 inport{ toRefs, reactive} from "vue 数据： set(){ const data=reactive({ resource:[
阅读全文
摘要：在vue中使用组件的引用方式 比如需要用到bootstrap组件，可以使用 1.外联的方式，引入到文件中，放在public文件夹下的index.html文件中通过link的方式引入 2.通过命令下载引入 npm install bootstrap@4.5.2 --save 2.1下载过后则需要在ap
阅读全文
摘要：在vue中可以通过事件的注册，在一个组件中点击，之后在另外一个组件中通过相对应的绑定，是另外一个组件页面的值进行改变 在vue使用事件注册的函数是emit eg： app.vue <template> <contations @onIncrement="increment"/> </template
阅读全文
摘要：vue通过属性来传值，其实很简单，主要就是把传入的对象的key和value分清楚就可以了，比如被传对象 :list = listUl,在这个属性中，list是要传出的，而listUl就是你定义的数据，同时在接收的时候也是同样，使用props来就收即可，在html中写入即可完成通过属性的方式来传值 e
阅读全文
摘要：组件的调用就是封装一个自己想要调用的组件，比如一个文本框，一个电话发送验证码之类的 当你在别的地方需要使用到这些组件的时候，你可以拿过来直接的使用 eg: 封装的组件代码（被调用）：inputGroup.vue 需要调用的组件：reg.vue 使用方法： 1.在需要调用的组件中插入（引入）被调用的组
阅读全文
摘要：之前有提到过当创建一个vue结尾的文件的时候，则需要在router文件夹下的index页面进行添加对应的路径，这个是没有错的，但是当你进行按需加载的时候，就不在需要使用import来添加对应的路径了（此处的路径可以省略），放入页面中的 const router = new VueRouter中写入，
阅读全文
摘要：router.beforeEach((to,from,next)=>{ 用一个值来接受是否进行了一些操作（登录，注册。。。。）进而返回真或假const isRegest = localStorage.reg?true:false 判断一个你需要的页面值如（登录，注册。。。） if(to.path =
阅读全文
摘要：vue 页面的总体样式 1.样式的有多处写法：总体的布局写法是在app.vue中 在app.vue中是用来控制手机端id为app的总体的宽度和高度，字体大小，以及背景色 2.public下的index.html中是设置页面的大小 3.可以引进css的样式，引进方式如 <link rel="style
阅读全文
摘要：删除： 当你想删除vue中的一个.vue文件的时候，你会使用到一下的操作步骤，否则会报错 1.当你删除不想要的文件（vue结尾的文件）的时候，删除掉 2.进入到router文件夹下的index文件中，删除import对应的文件路径 3.在const router = new VueRouter 中删
阅读全文
摘要：1.在你想进入的盘符中新建一个文件夹， 例如在F盘中新建一个文件夹project 2,使用命令进入 F： 3.cd project 4.创建一个项目el_el(项目名) vue create el_el 5. 6. 7. 进过以上的选择创建即可得到一个新的项目 8.在使用项目的时候你必须要先进入到项
阅读全文
摘要：当安装vue cli 报错 ：unexpected end of file 解决方法：1. 先清除一下缓存 npm cache verify 2.删除node，并进行安装node 3.C:\Users\rocky\AppData\Roaming\npm\node_modules清除文件 4.在次进行
阅读全文
