舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客https://www.9713job.com,广告合作以及淘宝商家推广请微信联系15357240395

微信小程序之WXML模板语法事件绑定

2022-04-14 19:56:52
swq1822677238
  1. 什么是事件
    事件是渲染层到逻辑层的通讯方式。通过事件可以将用户在渲染层产生的行为,反馈到逻辑层进行业务的处理。
  2. 小程序中常用的事件 (更多…)

微信小程序之WXML模板语法的数据绑定

2022-04-14 19:39:58
swq1822677238
  1. 数据绑定的基本原则
    1. 在data中定义数据
    2. 在WXML中使用数据
  2. 在data中定义页面的数据
    在页面对应的.js文件中,数据定义到data对象中即可。
  3. Mustache 语法的格式
    在data中的数据绑定到页面中渲染,使用Mustache 语法(双大括号)将变量名包起来即可。语法格式如下: (更多…)

微信小程序之小程序API

2022-04-14 19:25:17
swq1822677238
  1. 小程序API概述
    小程序中的API是由宿主环境提供的,通过这些丰富的小程序API,开发者可以方便的调用微信提供的能力,例如:获取用户信息,本地存储,支付功能等。
  2. 小程序API的3大分类
    小程序官方把api分为了如下3大类:
    1. 事件监听api:
    特点:以on开头,用来监听某些事件的触发。
    举例:wx.onWindowResize(function callback)监听窗口尺寸变化的事件
    2. 同步api
    特点1:以Sync结尾的api都是同步api
    特点2:同步api的执行结果,可以通过函数返回值直接获取,如果执行出错会抛出异常
    举例:wx.setStorageSync(‘key’,’value’)向本地存储中写入内容
    3. 异步api
    特点:类似于jQuery中的$.ajax(options)函数,需要通过success、fail、complete接收调用的结果
    举例:wx.request() 发起网络请求,通过success 回调函数接收数据

微信小程序之小程序组件

2022-04-14 19:13:17
swq1822677238
  1. 小程序中组件的分类
    小程序中的组件也是由宿主环境提供的,开发者可以基于组件快速搭建出漂亮的页面结构。
    官方把小程序的组件分为9大类,分别是:
    1. 视图容器、2. 基础内容、3.表单组件、4.导航组件、5.媒体组件、6.map地图组件、7.canvas画布组件、8.开放能力、9.无障碍访问
  2. 常用的视图容器类组件
    1. view:普通视图区域、类似于HTML中的div,是一个块级元素,常用来实现页面的布局效果
    2. scroll-view:可滚动的视图区域,常用来实现滚动列表效果 (更多…)

微信小程序之过程

2022-04-14 17:59:46
swq1822677238
  1. 小程序启动的过程
    1. 把小程序的代码包下载到本地
    2.解析 app.json 全局配置文件
    3. 执行 app.js 小程序入口文件,调用 App()创建小程序实例
    4. 渲染小程序首页
    5. 小程序启动完成
  2. 小程序页面渲染的过程
    1. 加载解析页面的 .json配置文件
    2. 加载页面的 .wxml 模板 和 .wxss 样式
    3. 执行页面的.js文件,调用 Page()创建页面实例
    4. 页面渲染完成

微信小程序之小程序的宿主环境及通信模型

2022-04-14 09:51:55
swq1822677238
    1. 什么是宿主环境
      宿主环境(host environment)指的是程序运行所必须的依赖环境。
      例如:安卓系统 和 iOS系统 是两个不同的宿主环境。
      安卓版的微信app是不能在ios环境下运行的,所以安卓是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的
    2. 小程序的宿主环境
      手机微信是小程序的宿主环境。
      小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:
      微信扫码,微信支付、微信登录、地理定位、etc等等
    3. 小程序宿主环境包含的内容
      1. 通信模型、2.运行机制、3.组件、4. api

(更多…)

微信小程序之js逻辑交互

2022-04-14 09:32:25
swq1822677238
  1. 小程序中的 .js文件
    一个项目仅仅提供界面展示是不够的,在小程序中,我们通过.js文件来处理用户的操作。
    例如:响应用户的点击、获取用户的位置等等。
  2. 小程序中 .js文件的分类
    1. app.js:是整个小程序项目的入口文件,通过调用 APP() 函数来启动整个小程序
    2. 页面的 .js 文件:是页面的入口文件,通过调用 Page() 函数来创建并运行页面
    3. 普通的 .js 文件:是普通的功能模块文件,用来封装公共的函数或属性供页面使用

微信小程序之WXML模板

2022-04-14 09:27:16
swq1822677238
  1. 什么是WXML
    WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用来构建小程序页面的结构,其作用类似于网页开发中的HTML。
  2. WXML 和 HTML 的区别
    1. 标签名称不同
    HTML(div,span,img,a)
    WXML(view,text,image,navigator)
    2. 属性节点不同
    <a href=”#”>超链接</a>
    <navigator url=”/pages/home/home”></navigator>
    3. 提供了类似于 Vue 中的模板语法 (更多…)

微信小程序之json配置文件

2022-04-14 09:11:19
swq1822677238
  1. json配置文件的作用
    json是一种数据格式,在实际开发中,json总是以配置文件的形式出现,小程序项目中也不例外:通过不同的.json配置文件,可以对小程序项目进行不同级别的配置。
    小程序项目中有4种json配置文件,分别是:
    1. 项目根目录中的 app.json 配置文件
    2. 项目根目录中的 project.config.json 配置文件
    3.项目根目录中的 sitemap.json 配置文件
    4.每个页面文件夹中的 .json 配置文件
  2.  app.json 文件
    app.json 是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等。app.json 配置文件内容如下: (更多…)

微信小程序之小程序代码的组成

2022-04-13 17:21:41
swq1822677238
  1. 小程序目录结构

    Pages用来存放所有小程序的页面
    Utils用来存放工具性质的模块(例如:格式化时间的自定义模块)
    app.js 小程序项目的入口文件
    app.json 小程序项目的全局配置文件
    app.wxss 小程序项目的全局样式文件
    project.config.json 项目的配置文件
    Sitemapjson 用来配置小程序及其页面是否允许被微信索引

    (更多…)

仿微信导航栏

2019-10-24 11:01:42
swq1822677238

成品图片

下面来看下我们写的代码

先开始我们写css初始化,*清除所有边距,然后给a标签清除文本样式,再给ul清除黑圆点,之后给每个li标签左浮动上下间距20px,左右15px。其实也可以给a标签加上颜色。

定义顶部样式.top宽度百分百,高90像素,背景图片设置为微信官方的背景图,然后x轴进行水平平铺,然后给下面的a设置背景图,最左侧的,用ps量下,然后用背景定位,背景不平铺,不能给宽度,我们要的就是宽度自适应,所以不能给宽度,只能给左侧内边距,设置了行高就没必要设置高度,高度多少行高就是多少,所以高度没必要设置。然后给a标签左浮动。

a标签包裹着span标签,目的就是鼠标放上去可以点击,现在给span设置样式,背景图跟a标签的背景图一样,就是背景定位不一样,可以用px也可以用单词right,然后y轴的0,背景不平铺,左浮动,右侧内边距20px,目的就是让文本居中,可以自适应撑开盒子。

微信头像尺寸多少?

2019-08-03 19:43:49
swq1822677238

原标题:微信头像尺寸多少

有许多人问,微信头像尺寸多少,也有人问朋友圈封面尺寸多少,微信运动封面尺寸多少等。

下面就来解答这个问题。

微信头像尺寸建议是300*300的像素。
微信朋友圈封面官方建议尺寸是720*720像素。但截取图片内容尺寸为480*360像素。
微信运动封面尺寸为300*480像素。

上面就是为大家解答微信封面和头像尺寸的相关问题,好了。