高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年原生开发 微信小程序(精选11篇)

原生开发 微信小程序 第1篇

跳转到 tabBar 页面

并关闭其他所有非 tabBar 页面,使用 navigateBack 无法退回

保留当前页面,跳转到应用内的某个页面

但是不能跳到 tabbar 页面

(Object object)   =>   关闭当前页面,返回上一页面或多级页面

在界面跳转过程中需要相互传递一些数据

使用URL中的query字段 

在详情页内部拿到首页的页面对象,直接修改数据

在小程序基础库 开始支持events参数,也可以用于数据的传递

使用URL中的query字段进行传递,定义events对象

使用eventChanner,传递数据到上一个页面

navigator组件主要就是用于界面的跳转的,也可以跳转到其他小程序中

原生开发 微信小程序 第2篇

网址 : 小程序

可能会自动注册完成

ps : 也可以反向注册,在这里直接配置,文件夹会自动生成

直接修改data中的数据,不会引起页面的刷新

小程序和react中都不会,只有vue劫持了属性才能直接操作

ps : 修改data并且希望页面重新渲染,必须使用 ()

原生开发 微信小程序 第3篇

  本章主要介绍微信小程序开发基础知识,包括开发前的相关准备、常用工具、开发过程中的注意事项、项目创建过程、项目创建后的目录结构等内容。

  小程序基础开发知识可通过小程序官方文档进行学习查看:小程序官方文档

  另外还提供小程序开发基础知识讲解课程,包括小程序开发基础知识、组件封装、常用接口组件使用及常用功能实现等内容,具体如下:    1. CSDN课程:    2. 51CTO课程:    3. B站视频合集:

微信小程序原生开发功能合集之下拉选择组件封装第一节:组件规划

  注意:CSDN及51CTO课程比较完善具体且提供对应的源码及答疑服务,B站及本专栏源码需要额外收费,且不提供专门的答疑服务。

原生开发 微信小程序 第4篇

git操作都是大同小异,详细的可以看我之前写的git文章

原生开发 微信小程序 第5篇

(一)版本管理

小程序认证:填写基本信息、注意选择行业类目、备案付费300元。

小程序有三个版本:开发版、审核版、线上版(默认代码体积不能超过2M)。

小程序项目中用到的静态资源,可以放到CDN或者腾讯云上,以减小代码体积。

(二)成员管理

管理员(1人),是注册账号的微信用户。

项目成员(15人),可以登录小程序管理后台,开发者必须是项目成员。

体验成员(15人),只有体验的权限,没有开发的权限。

(三)开发管理

AppID,相当是小程序的身份证号码,创建项目、调试项目、小程序之间的跳转都要用到,还有比如支付等也要用到。

AppSecret,小程序密钥,一般要给后端,在登录、支付等功能中都要用到。

Request 地址,就是api 的 baseURL,本地开发时可以关闭https验证,上线时一定要小程序管理后台中添加上这个地址,并且要求https协议的。

原生开发 微信小程序 第6篇

1)小程序为什么存在?

2)为企业或校友提供便利的用户连接工具;它可以在一定程度上可以替代掉部分手机APP的作用(用完即走)。

3)产品设计标准:小而美、开发周期较短。

4) 云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。使用腾讯云开发技术,免费资源配额,无需域名和服务器即可搭建

5)小程序在微信里打开,无须下载app,也无须再访问传统的PC站点,随时随地互动

原生开发 微信小程序 第7篇

小程序的核心技术主要是三个:

Vue的MVVM和小程序MVVM对比

MVVM :  

原生开发 微信小程序 第8篇

Text组件 : 用于显示文本, 类似于span标签, 是行内元

Button组件用于创建按钮,默认块级元素

open-type用户获取一些特殊性的权限,可以绑定一些特殊的事件

View视图组件 : 块级元素,独占一行,通常用作容器组件,和div差不多

scroll-view : 可以实现局部滚动

注 : 若要开启flex布局,须加上enable-flex这个属性

Image组件 : 用于显示图片

Swiper组件 => 用来做轮播图效果

model:value => 双向绑定功能

原生开发 微信小程序 第9篇

小程序刚刚推出时,是不支持组建化的,版本后开始支持

组件化思想的应用 : 

需要在 json 文件中进行自定义组件声明

将component 字段设为 true 可这一组文件设为自定义组件

在页面的json文件中,配置usingComponents,即可在页面中使用

的usingComponents声明某个组件,那么所有页面和组件可以直接使用该组件

组件内的class样式 : 只对组件wxml内的节点生效, 对于引用组件的Page页面不生效

ps : 组件内不能使用id选择器、属性选择器、标签选择器 => 因为会作用到外面,不安全

外部使用class的样式 : 只对外部wxml的class生效,对组件内是不生效的ps :

外部使用了id选择器、属性选择器不会对组件内产生影响 外部使用了标签选择器,会对组件内产生影响

在Component对象中,可以传入一个options属性

其中options属性中有一个styleIsolation(隔离)属性

styleIsolation有三个取值 : 

可以使用 properties 属性

说实话,有点繁琐,咕噜咕噜~

可在父组件里调用 ,获取子组件的实例对象

调用时需要传入一个匹配选择器 selector,如:(_.my-component_)

ps : 如果有多个,可以使用 

小程序的插槽不支持默认值

小程序的插槽不支持默认值        =>        可以用css的empty伪类 + 兄弟选择器来解决

behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins”

组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发

ps : 最重要的生命周期是 created attached detached

组件的的生命周期也可以在 lifetimes 字段内进行声明(这是推荐的方式,其优先级最高) 

一些特殊的生命周期,它们并非与组件有很强的关联,但有时组件需要获知,以便组件内部处理

组件所在页面的生命周期  =>  在 pageLifetimes 定义段中定义

原生开发 微信小程序 第10篇

某些组件会有自己特性的事件类型

input : bindinput  ||  bindblur  ||  bindfocus

scroll-view : bindscrolltowpper  ||  bindscrolltolower

当某个事件触发时, 会产生一个事件对象, 并且这个对象被传入到回调函数中

target : 触发事件的元素

currentTarget : 处理事件的元素(大部分情况使用target)

touches : 当前屏幕上有多少个手指

changedTouches : 较上一个状态,改变了多少个手指

方式一  :  使用data-*

方式二  :  使用mark ( 版本以上

data- : 需要区分currnetTarget 和 target,一般使用currnetTarget即可

mark : 会自动合并所有的mark数据,不受影响

事件捕获 : 从外到内

事件冒泡 : 从内到外

总是先捕获,再冒泡

原生开发 微信小程序 第11篇

微信提供了专属的API接口,用于网络请求: (Object object)

每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信

小程序登录后台 – 开发管理 – 开发设置 – 服务器域名

配置时需要注意 : 

​​​​​​showToast 和 showLoading 只能同时显示一个

和 showToast => icon为loadind,展示的效果相同

但是可以手动控制关闭弹窗的时间

分享是小程序扩散的一种重要方式,小程序中有两种分享方式,通过 onShareAppMessage

此事件处理函数需要 return 一个 Object,用于自定义转发内容

猜你喜欢