在Firefox开发人员工具中,我得到以下日志输出:GETXHRhttp://localhost:8080/localhost:8080/journal_tag即使我想Go:http://localhost:8080/journal_tag我尝试将xhr响应应该来自变量“this.the_server_url”的服务器位置进行数据绑定(bind)。但我很难过,因为当我做任何一个console.log(document.location.protocol+document.location.host+"/journal_tag")console.log(this.the_server_u
工欲善其事必先利其器,开发项目的第一步一定是配置环境和初始化项目工程,整个专栏后续都将在该工程上进行讲解,但是为什么要用cli创建uniapp项目呢?这里先多说几句:1、HbuilderX使用体验极差,我不打算使用它2、为便于后期开发,我们要在项目中配置自动导入3、为了代码规范,我们要在项目中配置Eslint1、创建项目我们整个项目技术栈将基于Vue3(setup语法糖模式)、TypeScript、ViteJs、包管理工具使用pnpm;下面,我们创建一个使用Vue3+TS+Vite的uniapp项目:npxdegitdcloudio/uni-preset-vue#vite-tscsdn-pro
uni-app接口,全局方法封装1.在根目录创建一个api文件,在api文件夹中创建api.js,baseUrl.js和http.js文件2. baseUrl.js文件代码exportdefault"https://XXXX.test03.qcw800.com/api/"3.http.js文件代码exportfunctionhttps(opts,data){ lethttpDefaultOpts={ url:opts.url, data:data, method:opts.method, header:opts.method=='get'?{ 'X-Requested-With':
一.组件[与html的不同]官方文档:组件1.视图组件1.1view解释:它类似于传统html中的div,用于包裹各种元素内容代码:参数:hover-class:(指定按下去的样式类)hover-stop-propagation:(指定是否阻止本节点的祖先节点出现点击态,即阻止冒泡)hover-start-time:(按住后多久出现点击态,单位毫秒)更多视图:1.scroll-view:可实现横向或纵向滑动2.swiper:轮播图3.match-media:不同尺寸展示4.movable-area、movable-view和movable-view:实现拖动移动效果5.cover-view和c
一、认识uni-app官网:uni-app官网(dcloud.io)uni-app 是一个使用 Vue.js (opensnewwindow)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见 (opensnewwindow)),腾讯课堂官方为uni-app录制培训课程(详见 (opensnewwindo
目录一:前言二、利用HBuilderX创建uni-app项目三、配置代码检查和代码自动格式化1.在vscode中打开项目2.创建package.json3.添加eslint、prettier相关依赖4.配置.eslintrc.js5.配置.prettierrc.json6.配置.editorconfig7.配置.eslintignore如果以上还不生效:1.根目录下创建.vscode文件夹2..vscode文件夹下创建settings.json文件3.prettierrc文件配置一:前言本来很早之前就想总结一下关于uni-app的一些代码自动格式化方面的配置因为公司项目原因,拆分了新老项目,需
文章目录前言一、网络请求1.配置请求2.具体请求方式二、数据缓存1.uni.setStorage(OBJECT)2.uni.setStorageSync(KEY,DATA)3.uni.getStorage(OBJECT)4.uni.getStorageSync(KEY)5.uni.removeStorage(OBJECT)总结一、网络请求在uni中可以调用uni.request方法进行请求网络请求需要注意的是:在小程序中网络相关的API在使用前需要配置域名白名单。1.配置请求 以下为发送网络请求的基本配置,可根据接口请求数据方法的不同,以不同的方式请求数据。//#ifdefH5varbas
uni-app项目搭建流程指南(Hbuild/vue2/vue3)第一步:新建项目打开Hbuild点击文件-新建-项目填写你的项目名称和存放目录,然后选择你需要的模板和vue的版本一般是选择默认模板或者uni-ui项目(uni-ui是一个uni的ui组件库,还是很好用的),然后点击下面的创建第二步:运行项目填写AppID在新建好的项目目录中找到manifest.json文件-微信小程序配置-填写AppID运行项目运行-运行到小程序模拟器-微信开发者工具成功运行(微信开发者工具需要打开服务端口)如果没有成功打开微信开发者工具,需要在微信开发者工具中设置开启服务端口第三步:项目基础配置增加.git
文章目录一、uni-app介绍1、诞生背景2、uni-app是什么(what、where)3、uni-app的优势(why)4、uni-app的功能框架图二、使用uni-app(how)1、下载安装&创建项目2、多端运行3、uni-app操作三、其他微信小程序实时获取视频播放时间(秒)一、uni-app介绍1、诞生背景多端泛滥。现在是一个多端泛滥的时代,用户被分散到了各个平台,随着微信小程序的兴起,各个平台迅速也推出了自己的小程序。为了覆盖到更多的用户,企业增加了非常多的运营成本,开发人员增加了非常多的学习成本。体验不好。过去也有一些跨平台框架,但是在开发体验上不是太好。生态不够丰富。过去的跨
我们知道通过vuecreate-pdcloudio/uni-preset-vuemy-project可以创建小程序框架。这个是DCloud基于vue-cli来实现的uni-app框架。使用过的都知道,有好几个模板进行选择。如果我们有自己的项目框架,如何做成预设模板,一行命令一键生成项目框架呢?例如提供给其他团队项目框架,只需要告诉一下命令就可以了,方便不少。这个功能是通过vue-cli create命令,-p参数实现的,下面我们先分析一下整个流程。1.vuecreate-p dcloudio/uni-preset-vuemy-project流程要分析清楚这个流程,肯定需要调试,分享一个笨方法。