
微信小程序
文章平均质量分 75
唯代码动人心
这个作者很懒,什么都没留下…
展开
-
微信小程序缓存和web缓存的区别
代码不同web添加缓存:localStorage.setItem("key","value");取缓存:localStorage.getItem("key");微信小程序添加缓存:wx.setStorageSync("key", "value"); 取缓存: wx.getStorageSync("key");类型转换web:web在添加到缓存的时候存在数据类型转换 , 将所有类型的数据转换为字符串类型小程序:微信小程序在添加缓存的时候不会做数据类型转换, 添加的时候是什原创 2021-01-28 22:06:39 · 312 阅读 · 0 评论 -
微信小程序异步请求时报错:不在以下 request 合法域名列表中,请参考文档:
微信小程序异步请求时报错:不在以下 request 合法域名列表中https://api-hmugo-web.itheima.net 不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html解决方案:点击右上角详情勾选: 不校验合法域名、web-view (业务域名)、TLS版本以及HTTPS证书效果:...原创 2021-01-21 17:07:07 · 995 阅读 · 0 评论 -
在项目中使用阿里巴巴矢量字体图标
在项目中使用阿里巴巴矢量字体图标打开阿⾥巴巴字体iconfont搜索需要的图标,选择要使用的图标,点击添加入库点击右上角的购物车按钮,进入库中选择添加入项目,选择新建项目,或者使用已有项目进入后选择Font class ,然后选择查看在线连接如果出现暂无代码,就点击自动生成出现后复制代码然后去浏览器粘贴,进入网页网页显示的是css样式这里以微信小程序为样例全选复制,然后去微信小程序新建一个wxss文件,然后全部粘贴进去然后去app.wxss中导入样式@impo原创 2021-01-21 11:21:48 · 246 阅读 · 0 评论 -
微信小程序生命周期
微信小程序生命周期应用生命周期页面生命周期组件生命周期通过学习小程序生命周期,我们可以对小程序有更好的理解, 可以知道,在何时何地 , 可以发送一些异步请求、关闭一些定时器、监听错误代码应用生命周期指小程序的入口文件:app.js小程序的应用生命周期指 app.js中的一系列事件全局配置文件:app.js 的最外层是:App({ })页面配置文件: 页面.js的最外层是: Page({ })自定义组件: 组件.js的最外层是: Component({原创 2021-01-20 17:35:23 · 150 阅读 · 0 评论 -
微信小程序自定义组件
微信小程序自定义组件自定义组件创建自定义组件案例:头部导航栏导航栏绑定点击事件(标题激活选中功能)父(页面组件)向子(自定义组件)传递数据子(自定义组件)向父(页面组件)传递数据点击导航实现改变内容 : slot标签自定义组件开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似页面 , 一个自定义组件 由 json wxml wxss js 4个文件组成原创 2021-01-19 21:52:32 · 466 阅读 · 0 评论 -
微信小程序基础组件
微信小程序组件常见组件view容器text文本image图片[swiper轮播图 ](https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html)官方文档: 组件官网的组件很多,为了方便学习整理了常用的几个组件常见组件view、text、rich-text、button、image、navigator、icon、swiper、radio、checkbox等view容器用来代替 html 中的 div 标签属性:原创 2021-01-13 21:27:00 · 550 阅读 · 0 评论 -
微信小程序样式 WXSS
微信小程序样式 WXSS样式基础尺寸单位样式导入内联样式选择器less语法样式基础类似于web里面的cssWXSS 用来决定 WXML 的组件应该怎么显示。WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序,WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 / 样式导入尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。不管屏幕的实际宽度有多大 , 规定他的屏幕宽为750rpx。rpx计算步骤原创 2021-01-12 16:05:48 · 1453 阅读 · 0 评论 -
微信小程序事件绑定
事件绑定⼩程序中绑定事件,通过bind关键字来实现。如 bindtap bindinput bindchange 等不同的组件⽀持不同的事件,具体看组件的说明即可功能:在输入框中写入文字,将文字实时映射到其他地方,输入框中文字改变,映射也要实时改变通过按钮 来操作输入框的值示例:js// pages/demo01/demo01.jsPage({ data: { num:0 }, //输入框的input事件的执行逻辑 handInput(e){ //e原创 2021-01-11 20:38:08 · 3725 阅读 · 0 评论 -
微信小程序模板语法(数据绑定显示)
模板语法数据绑定简单的运算(表达式)列表渲染(循环)条件渲染微信小程序通过模板语法实现页面渲染以及动态功能数据绑定普通数据绑定将json格式通过数据名来将数据显示在页面上在页面的js文件中编写Page方法,Page方法中编写data属性,data属性中添加json数据Page({ //方法 data: { //属性 msg:"hello", //字符串类型 num:1000 //数字类型 isGril:false, //bool类型原创 2021-01-08 15:33:04 · 1106 阅读 · 1 评论 -
微信小程序 sitemap.json索引配置
微信小程序 sitemap.json配置微信小程序有站内搜索功能,也就是索引功能,一般通过sitemap.json 用来配置索引当开发者开启微信索引的时候,微信会通过爬虫的方式来为小程序建立索引当用户的搜索内容触发索引的时候,就会将该页面的展示出来下面是一个简易的sitemap.json配置{ "rules":[{ #索引规则列表,rules 配置项指定了索引规则,每项规则为一个JSON对象 "action": "allow", #是原创 2020-12-25 18:56:58 · 1339 阅读 · 0 评论 -
微信小程序app.json全局配置
微信小程序app.json全局配置app.json文件由于毕业设计是微信小程序,所以最近开始学习小程序,现在记录一下自己的学习心得项目文件目录imagepages #存放页面 cook #cook页面 cook.js #cook页面的JavaScript文件 cook.json #cook页面的json配置文件 cook.wxml #cook页面的页面文件,类似于html cook.wxss原创 2020-12-25 11:21:17 · 1000 阅读 · 0 评论