【微信小程序】快速入门学习笔记

简介: 【微信小程序】快速入门学习笔记

简介

用完即走,门槛低,流量大。

1668154881957.jpg

占领

1668154892118.jpg

主要开发语言javascript

1668154901732.jpg


API

(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。


首先 购买

确定ui 借助colorUI

1668154917441.jpg


开发文档

1668154931558.jpg


目录结构

1668154942891.jpg



小程序目录各部分解析

1668154956372.jpg

utils公共的js

1668154975842.jpg

js负责逻辑层 交互

json负责配置 标题名

wxss=css样式文件 改个宽高啊

wxml=html框架的设计

page保存页面


app。负责全局

1668154988936.jpg

1668155003508.jpg

1668155016067.jpg


入门day1

view创建标签

css : 。box。。。


第一次学api

hovor组件

hovorbox点击事件

hovor-class=“”


不加{{}}会当成string传进去,加{{}}的话就是布尔类型

hover-stop-propagation=“{{true}}”>1111


复习对应html

div块标签

span行标签

加粗。。。


.out view{color: blue; display: inline;}这是把两行变一行

法2:直接用text标签来把两个元素拼接

注意:文字是否可选 只能用 此实现哦


asfjlkjafkljfal 文字可选与否


加连续空格

asfjl kjafkljfal


解析html5代码

失物  < 招领

第一个是空格 第二个左尖角


Bug & Tip

tip: decode可以解析的有 &nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp;

tip: 各个操作系统的空格标准并不一致。

tip:text 组件内只支持 text 嵌套。

tip: 除了文本节点以外的其他节点都无法长按选中。


多天后继续 3.9

image 对标签 对应 --------img

1668155035306.jpg

实际未来一定是用网络中 因为大小限制


不然就用 图片在线压缩工具 网页

1668155160333.jpg

1668155171241.jpg

1668155180385.jpg

这个链接可以访问外网 但是对比url却不可以。怕被给别人做嫁衣!


法2 绝对路径

单个标签可以不过要加斜杠

1668155198586.jpg

.img1{width: 100px; height: 200px;}

1668155237464.jpg

mode=“”

1668155249780.jpg

widthFix 缩放模式,宽度不变,高度自动变化,保持原图宽高比不变

1668155272677.jpg

常用缩放模式


发送给朋友

1668155290173.jpg


超链接navigator

navigator= a标签

1668155301254.jpg

1668155311157.jpg

1668155323275.jpg


tiaozhuandao log 重定向


牛逼

还有tabBar状态

1668155337870.jpg

可以携带参数 ?id=123


视图容器 左右滑动的菜单 scrow-view

1668155351643.jpg

1668155360226.jpg

1668155368718.jpg

1668155377319.jpg

这样的 效果


还有滑动效果

1668155391167.jpg

1668155404035.jpg

1668155417309.jpg

1668155425086.jpg

神仙轮播 更简单比起上面

1668155438604.jpg

相关文章
|
7月前
|
小程序
微信小程序学习笔记(入门篇)
微信小程序学习笔记(入门篇)
76 0
|
7月前
|
小程序
微信小程序快速入门 - 10分钟入门
微信小程序快速入门 - 10分钟入门
60 0
|
8月前
|
小程序 开发工具 Android开发
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
670 0
|
8月前
|
小程序 JavaScript 开发工具
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
384 1
|
8月前
|
JSON 小程序 JavaScript
微信小程序快速入门02(含案例)
微信小程序快速入门02(含案例)
|
8月前
|
小程序 JavaScript 前端开发
微信小程序快速入门03
微信小程序快速入门03
|
8月前
|
小程序 前端开发 JavaScript
微信小程序快速入门01(含案例)
微信小程序快速入门01(含案例)
211 1
|
3月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
879 7
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
874 1
|
3月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
220 7

热门文章

最新文章