首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vue3.0页面显示空白的问题处理(在setup里面使用asyncawait的问题

    =>vue3.0页面显示空白的问题处理: 此时的代码背景有: 路由 接口请求 vite编译 看一下主页代码home.vue: 1234679...此时页面上无任何信息,是一个空白页。但是接口请求是可以的。 来找一下原因: 1.首先查看路由,跳转的是正确的页面,说明不是路由的问题。...2.把js代码注释:页面上出现 123456789 ,及说明页面渲染没问题,那就是接口的问题了。     但是接口此时已经打印出了内容,但是没有渲染问题。说明是接口请求的时机不对。...接口是使用了 async/await 来请求接口的,说明在异步的时候与渲染的函数时机不对。...此时想到之前在社区里面看到的现在的有关于vue3.0的语法糖,刚好可以测试一下。

    6K81

    零基础微信小程序开发——页面导航之声明式导航(保姆级教程+超详细)

    它主要通过在页面上声明一个导航组件来实现。这个组件类似于Web开发中的标签,用于创建一个链接,当用户点击这个链接时,就会触发页面跳转。...tabBar 页面 在小程序开发中,tabBar通常用于在底部显示一个导航栏,用户可以通过点击不同的tab项来快速切换到不同的页面。...- 这通常是在小程序的配置文件(如app.json)中完成的。...delta=“2”:表示返回的页面数量为2,即点击这个按钮后,会返回到当前页面的前两页。 返回前两页:这是按钮上显示的文本,告诉用户点击这个按钮可以返回前两页。...由于没有指定delta属性,所以默认返回上一页(即delta默认为1)。 返回上一页:这是按钮上显示的文本,告诉用户点击这个按钮可以返回上一页。

    16110

    uni-app入门教程(2)页面样式、配置文件和生命周期

    前言 本文先介绍uni-app的页面样式和布局,包括尺寸单位、样式导入、内联样式和选择器等;再介绍两个配置文件,即pages.json和manifest.json的配置项和基本使用;最后简要介绍了生命周期的基本使用...二、配置文件 uni-app中一般以json的形式定义配置文件,如pages.json、manifest.json等,其中pages.json更偏向小程序,manifest.json更偏向App。...可以看到,此时已经可以显示不同的标签页,并且可以进行切换。 如需图标等静态资源,可以直接点击加QQ群 ? 963624318 ,在群文件夹uni-app入门教程中下载即可。...2.显示配置manifest.json manifest.json文件是应用的配置文件,用于指定应用的名称、图标、权限等,更偏向于Android、iOS等App配置。...同时对于小程序和App有特定的配置文件进行配置。生命周期可用于定义页面在不同阶段、不同情境下的操作。

    2.8K30

    说说微信小程序那些遇到的坑,看看你有没有进坑,跳坑指南!小白快来看看吧

    微信小程序源码结构 视图层(将逻辑层的数据展现在视图上) 逻辑层(通过改变数据[setData方法]来改变视图) 配置文件 在小程序中,微信规定了界面的组成模式,由四个文件组成。....wxss文件(样式表文件)类似css,大部分css样式都相同 .js文件(脚本文件)用来运行我们的逻辑,使用js语言 .json文件(配置文件)主要配置公用的样式,比如tab栏,窗口样式等 知识库微信小程序的例子...视图层: tab栏,列表页,知识结构页,内容详情页,搜索页 逻辑层: tab栏->通过绑定数据index选择一级页面 列表页->通过改变绑定数据contentlist数组,控制列表显示和动态加载 搜索页...重点说这两个,redirectto会直接在原页面上打开新页面,navigateto会新开启一个页面。由于微信在页面数量上有限制,我们产品的层级有比较多,导致我们无法直接在app.json设置tab栏。...在每个初级页面都引用进去,之后二级三级的页面上不使用tab切换,而是需要返回到初级页面。 树状结构的展示 每一个库都有一个树状的知识结构,大家请看这个例子。

    1.5K70

    HarmonyOSOpenHarmony应用开发-Stage模型应用组件级配置

    应用图标和标签是在设置应用中使用,例如设置应用中的应用列表。入口图标是应用安装完成后在设备桌面上显示出来的,如图一所示。...应用图标和标签是在设置应用中使用,例如设置应用中的应用列表,会显示出对应的图标和标签。应用图标需要在工程的AppScope目录下的app.json5配置文件中配置icon标签。...应用标签需要在工程的AppScope模块下的app.json5配置文件中配置label标签。标识应用对用户显示的名称,需要配置为字符串资源的索引。...入口图标和入口标签会显示在桌面上。入口图标需要在module.json5配置文件中配置,在abilities标签下面有icon标签。...入口标签需要在module.json5配置文件中配置,在abilities标签下面有label标签。

    13710

    微信小程序入门教程之四:API 使用

    它只执行一次,用于页面初始化,这里的意图是每次用户打开页面,都通过wx.getStorageSync()方法,从客户端取出以前存储的数据,显示在页面上。 这个示例的完整代码,可以参考代码仓库。...{ "items": ["事项 A", "事项 B", "事项 C"] } 然后,确认本机安装了 Node.js 以后,进入db.json所在的目录,在命令行执行下面命令,启动服务器。...如果请求成功,就会执行回调函数succcess(),更新页面全局变量items,从而让远程数据显示在页面上。 wx.request()方法就是小程序的网络请求 API,通过它可以发送 HTTP 请求。...app.json配置文件的pages属性就用来指定小程序有多少个页面。...第二步,在该目录里面,新建文件second.js,代码如下。 Page({}); 第三步,新建第二页的页面文件second.wxml,代码如下。

    3.2K32

    【愚公系列】《微信小程序与云开发从入门到实践》005-小程序项目的基本结构

    sitemap.json 是一个配置文件,用来配置小程序页面是否允许被微信搜索。...如果点击用户头像,小程序会跳转到一个显示启动记录的页面,此页面就是项目中的 logs 页面,如图所示。 2.小程序全局配置文件 在小程序项目中,JSON文件通常用来设置配置选项。...每个小程序工程下会有一个全局配置文件,即app.json,小程序中的每一个页面也会有一个配置文件。...,不显示图标 selectedIconPath 字符串 设置选中时的图标路径,当标签栏展示在页面上方时,不显示图标 "tabBar": { "list...3.小程序中的页面配置文件 在小程序中创建一个新的页面时,微信开发者工具会自动帮我们生成一组文件,其中包含后缀为.json 的配置文件,此文件用来对当前的页面进行配置。

    11500

    pyspider使用教程

    运行完成后显示如下图,即 www.reeoo.com 页面上所有的url ? 此时我们可以任意选择一个结果运行,这时候调用的是 detail_page 方法,返回最终的结果。...css 选择器方便的插入到脚本代码中,不过并不是总有效,在我们的demo中就是无效的~ 抓取详情页中指定的信息 接下来开始抓取详情页中的信息,任意选择一条当前的结果,点击运行,如选择第三个 ?...参数的配置 新建一个文件,命名为 config.json,放在 F: 盘下,以 JSON 格式存储配置信息。文件到时候作为 pyspider 配置命令的参数。...db = client[‘pyspyspider_projectdb’] 中数据库的名字 pyspyspider_projectdb 为之前在 config.json 配置文件中的值。...(除了重载on_result方法外,也可以通过重载ResultWorker类来实行结果的处理,需要在配置文件中加上对应的参数。) 重新新建一个任务,将完整的代码拷进去,在主界面完成的跑一遍。

    3.9K32

    小程序页面事件与wxs脚本

    例如,浏览器中实现页面导航的方式有如下两种: 链接 location.href 小程序中实现页面导航的两种方式 声明式导航:在页面上声明一个 导航组件,通过点击 <navigator...启用下拉刷新 启用下拉刷新有两种方式: 全局开启下拉刷新:在 app.json 的 window 节点中,将 enablePullDownRefresh 设置为 true 局部开启下拉刷新:在页面的 ....json 配置文件中,将 enablePullDownRefresh 设置为 true(推荐) 配置下拉刷新窗口的样式,在全局或页面的 .json 配置文件中, backgroundColor 用来配置下拉刷新窗口的背景颜色...可以在全局或页面的 .json 配置文件中,通过 onReachBottomDistance 属性来配置上拉触底的距离。小程序默认的触底距离是 50px,在实际开发中,可以根据需求修改这个默认值。...如果下面的公式成立,则证明没有下一页数据了: 页码值 * 每页显示多少条数据 >= 总数据条数 page * pageSize >= total <!

    47820

    零代码爬虫神器 -- Web Scraper 的使用!

    目前市面上已经有一些比较成熟的零代码爬虫工具,比如说八爪鱼,有现成的模板可以使用,同时也可以自己定义一些抓取规则。...从下图可以看到 sitemap 代码就是一串 JSON 配置 只要拿到这个配置你就可以导入别人的 sitemap Selector 直译起来是选择器,从一个布满数据的 HTML 页面中去取出数据,就需要选择器去定位我们的数据的具体位置...爬取完数据后,不会立马显示在页面上,需要你再手动点击一下 refresh 按钮,才能看到数据。 最后数据同样是可以导出为 csv 或者 xlsx 文件。 3....分页器可以分为两种: 一种是,点 下一页 就会重新加载一个页面 一种是:点 下一页 只是当前页面的部分内容重新渲染 在早期的 web-scraper 版本中,这两种的爬取方法有所不同。...对应的 sitemap 的配置如下,你可以直接导入去学习,配置文件下载:https://wwe.lanzoui.com/iidSSwghkch 4.

    1.7K10

    Hexo添加PWA支持

    比如 PWA 启动画面上状态栏、内容页中状态栏、地址栏的颜色,会被 theme_color 所影响。 background_color: {Color} css色值 可以指定启动画面的背景颜色。...display: {string} 显示类型 fullscreen 应用的显示界面将占满整个屏幕 standalone 浏览器相关UI(如导航栏、工具栏等)将会被隐藏 minimal-ui 显示形式与...standalone类似,浏览器相关UI会最小化为一个按钮,不同浏览器在实现上略有不同 browser 浏览器模式,与普通网页在浏览器中打开的显示一致 scope: {string} 作用域 scope...应遵循如下规则: 如果没有在 manifest 中设置 scope,则默认的作用域为 manifest.json 所在文件夹; scope 可以设置为 ../ 或者更高层级的路径来扩大PWA的作用域;...中的 theme_color 的值 viewport: 用于针对移动屏幕优化 PWA 应用 详细链接viewport apple-touch-icon:配置 apple-touch-icon 图标链接 在主题配置文件

    1.2K10
    领券