微信小程序开发
百战成王
这个作者很懒,什么都没留下…
展开
-
从零开始自制微信小程序13--初识微信小程序9--配置tabBar-对若干一级页面的入口链接--[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath
很多时候,对于about页和weekly页,这样的一级页面,我们希望实现的是在他们之间的快速的任意的切换配置(顶部/底部)标签栏配置tabBar底部标签栏(第一个weekly,第二个about)-配置tabBar-对若干一级页面的入口链接-全局配置app.json-新问题引入:原来about页的<navigator>元素点击无效icons图在网上找icons图,网不太好。中断,下次更新博客。...原创 2020-12-18 22:46:47 · 2465 阅读 · 1 评论 -
从零开始自制微信小程序12--初识微信小程序8--使用navigator组件-从about也跳转到weekly页
使用navigator组件-使用navigator组件-从about页跳转到weekly页-open-type属性-hover-class属性,及使用时注意之处app.js恢复成{ "pages": [ "pages/about/about", "pages/weekly/weekly" ]}通过加about的路径作为第一个路径页登记,这样就恢复成了小程序的初始页面<text></text>内只能是纯文本abou..原创 2020-12-18 22:27:29 · 324 阅读 · 1 评论 -
从零开始自制微信小程序11--初识微信小程序7--新增“每周推荐”weekly页并快速调试
-仅展示本周推荐电影-如何快速调试新增页面-公共样式表app.wxss-配置weekly页的标题pages下新建weekly文件夹里面有weekly文件四个,后缀分别js,json,wxml,wxssweekly.jsPage({})weekly.json{ "usingComponents": {}}weekly.wxml<view> <text>本周推荐</text> <image src='.原创 2020-12-18 21:54:03 · 349 阅读 · 1 评论 -
从零开始自制微信小程序10--初识微信小程序6--让元素大小适配不同宽度屏幕-响应式长度单位rpx
响应式长度单位rpx->问题引入:如何让元素大小适配不同宽度屏幕希望图片宽和高均为屏幕宽度一半<view class='container'> <image class='about-banner' src="/images/004.jfif"></image> <text>电影周围看</text> <text>我每周推荐一部好片</text> <text>我的微博:xxxx&原创 2020-12-18 21:10:54 · 228 阅读 · 0 评论 -
从零开始自制微信小程序9--初识微信小程序5--快速实现基本布局--应用弹性盒子布局
<view class='container'> <image src="/images/004.jfif"></image> <text>电影周围看</text> <text>我每周推荐一部好片</text> <text>我的微博:xxxx</text></view>一个简单的布局需求:1从上往下,2相对均匀分布,3水平居中传统实现方式,以及其问题.co.原创 2020-11-25 17:15:36 · 264 阅读 · 0 评论 -
从零开始自制微信小程序8--初识微信小程序4--view text image 组件
任务:添加about页页面结构和内容html中通过对应的标记与元素来表达图片和文本,在wxml中通过框架提供的基础组件来表达内容元素。<text></text>等组件,组件与元素等同任何元素都可以有的属性class id style bindtap(绑定事件) hidden(控制元素是否隐藏) data-xxx(组件自定义的数据,事件触发的时候封装到对象中,传递给对应的事件处理函数,进行处理)创建images文件夹,放一个图片004.jfif容器...原创 2020-11-25 16:52:51 · 144 阅读 · 0 评论 -
从零开始自制微信小程序7--初识微信小程序3--页面配置初探
顶部导航栏about.json{ "usingComponents": {}, "navigationBarTitleText": "关于" , "navigationBarBackgroundColor": "#fff", "navigationBarTextStyle": "black"}json中还可以配置哪些方面:window用于设置小程序的状态栏、导航条、标题、窗口背景色。属性 类型 默认值 描述 最低版本 naviga.原创 2020-11-25 16:32:09 · 111 阅读 · 0 评论 -
从零开始自制微信小程序6--初识微信小程序2--创建项目和目录文件结构
目录结构小程序包含一个描述整体程序的app和多个描述各自页面的page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:文件 必需 作用 app.js 是 小程序逻辑 app.json 是 小程序公共配置 app.wxss 否 小程序公共样式表 一个小程序页面由四个文件组成,分别是:文件类型 必需 作用 js 是 页面逻辑 wxml 是 页面结构 json ...原创 2020-11-24 20:39:55 · 411 阅读 · 0 评论 -
从零开始自制微信小程序5--初识微信小程序1--实战项目:电影周周看V1
关于:小程序的基本介绍每周推荐:以轮播的方式,展示每周推荐电影电影详情:调用豆瓣电影相关API,获取并展示指定电影的详情消息原创 2020-11-24 19:58:30 · 966 阅读 · 0 评论 -
从零开始自制微信小程序4--微信小程序概述4--小程序的运营规范
小程序官网开发文档开发者社区原创 2020-11-24 19:45:43 · 192 阅读 · 0 评论 -
从零开始自制微信小程序3--微信小程序概述3--小程序的设计规范
友好重点突出 流程明确清晰(告知用户身在何处,又可以往何处去)导航明确 减少等待 异常反馈(异常可控,有路可退)便捷(利用手机特性,使用户便捷,优雅的操控界面)减少输入 避免误操作 操作流畅统一视觉统一 WeUi...原创 2020-11-24 19:36:18 · 106 阅读 · 0 评论 -
从零开始自制微信小程序2--微信小程序概述2--开发小程序的准备工作
技术发展htmlhtml+jssdk小程序技术模型渲染层Webview 进程1逻辑层JsCore 进程2一个小程序有多个页面,所以有多个Webview这两个进程由微信客户端做中转逻辑层发射网络请求,由native层转发,通过隔离逻辑层和渲染层,能做到比较好的管控,避免开发者动态修改开发界面,绕过微信平台和域名规则我们可以做很多以前做不到的事情,比如在渲染层开放群昵称等微信隐私数据,而逻辑层拿不到具体数据语言渲染层:WXML ...原创 2020-11-24 19:08:43 · 111 阅读 · 0 评论 -
从零开始自制微信小程序1--微信小程序概述1--小程序的基本情况
我想做一个小程序,不了解微信小程序,看一下 视频:微信小程序开发课程 清华大学开干!!!1.小程序简介应用将无处不在,随时可用,但又无需安装卸载2.小程序开发流程3.小程序设计规范4.小程序运营规范...原创 2020-11-24 18:16:39 · 173 阅读 · 0 评论