自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 JS 逻辑交互

此外你还可以在 JS 中调用小程序提供的丰富的 API,利用这些 API 可以很方便的调起微信提供的能力,例如获取用户信息、本地存储、微信支付等。在前边的 QuickStart 例子中,在。一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写。应用户的操作就是这么简单,更详细的事件可以参考文档。获取微信用户的头像和昵称,最后通过。按钮的时候,我们希望把界面上。,在 JS 文件里边声明了。把获取到的信息显示到界面上。脚本文件来处理用户的操作。

2024-06-24 09:53:43 1788

原创 WXSS 样式

WXSS具有CSS大部分的特性,小程序在WXSS也做了一些扩充和修改。新增了尺寸单位。在写CSS样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位rpx,开发者可以免去换算的烦恼,只要交给小程序底层来换算即可,由于换算采用的浮点数运算,所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。和前边app.jsonpage.json的概念相同,你可以写一个app.wxss。

2024-06-21 08:58:35 349

原创 WXML 模板

当项目越来越大的时候,你的代码会充斥着非常多的界面交互逻辑和程序的各种状态变量,显然这不是一个很好的开发模式,因此就有了 MVVM 的开发模式(例如 React, Vue),提倡把渲染和逻辑分离。,开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件,例如日历、弹窗等等。换个思路,既然大家都需要这些组件,为什么我们不能把这些常用的组件包装起来,大大提高我们的开发效率。的描述产生的树),以引起界面的一些变化响应用户的行为。往往写 HTML 的时候,经常会用到的标签是。用来描述页面的样子,

2024-06-18 10:33:57 295

原创 弹性盒子对齐方式有哪几种?分别是哪几种?有什么区别?浏览器5大兼容性

修改 flex-wrap 属性的行为,类似 align-items, 但不是设置子元素对齐,而是设置行对齐。设置弹性盒子元素在主轴(横轴)方向上的对齐方式。设置弹性盒子元素在侧轴(纵轴)方向上的对齐方式。-webkit- 谷歌和Safari 浏览器。-o- 欧朋浏览器。-ms- IE浏览器。-moz- 火狐浏览器。

2023-12-25 10:43:14 92

原创 input标签的type属性值有哪些?

1.text 单行输入框 最普遍最常用的一种,常常用来输入简短的信息,比如用户,账号名一些等等,常用的属性有name,value等。2.password 密码输入框,简而言之用来输入密码的,里面的内容将以圆点的形式显示。4.checkbox 复选框,用于多项选择,比如选择兴趣爱好,动物类型等。6.submit 提交按钮,表单中的核心,一般信息采集完成后需要的按钮。3.radio 单选按钮 用于单项选择,比如选择姓名,性别,年龄等等。7.reset 重置按钮,当信息有误,可选择这个按钮,重置文本。

2023-12-25 10:41:53 177

原创 前端知识点

Set 对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。filter(function(item,index){})循环。用...操作符,将 Set 转 Array。

2023-12-25 10:33:43 74

原创 MAP的特性

Map.size 返回 Map 中元素的数量,而 Object 的键值对个数只能手动计算。// Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。entries() 返回 Map 对象中键/值对的数组。values() 返回 Map 对象中值的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值。Map 对象具有表示映射大小的属性。Map 对象记得键的原始插入顺序。

2023-12-25 10:31:32 69

原创 数据库的基本概念

市面上的数据库有很多种,最常见的数据库有如下几个: l MySQL 数据库(目前使用最广泛、流行度最高的开源免费数据库;Community + Enterprise)l Oracle 数据库(收费) l SQL Server 数据库(收费) l Mongodb 数据库(Community + Enterprise) 其中,MySQL、Oracle、SQL Server 属于传统型数据库(又叫做:关系型数据库 或 SQL 数据库),这三者的设计理念相同,用法比较类似。

2023-12-25 10:26:38 69

原创 前端知识总结

4、http的连接很简单,是无状态的;HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,比http协议安全。一般情况下,next 方法不传入参数的时候,yield 表达式的返回值是 undefined。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。当 next 传入参数的时候,该参数会作为上一步yield的返回值。

2023-11-20 09:05:22 60 1

原创 对象的属性

2. 如果没有就查找它的原型(也就是 __proto__ 指向的prototype 原型对象 )5. __proto__ 对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条线路。会在原型链中的构造器中搜索,找到则返回true,否则返回false。3. 如果还没有找到就查找原型对象的原型(Object的原型对象)1. 当访问一个对象的属性或方法时,首先查找这个对象自身有没有。constructor:内部原型属性,可以通过代码重写。instanceof:JavaScript操作符,

2023-10-23 10:47:14 79

原创 【前端 3D动画】

/ startsWith与endsWith方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(下标0)。padStart(总长度,"字符串"):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。// startsWith():返回布尔值,判断参数字符串是否在原字符串的头部。padEnd():返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。// endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部。第二个参数是用来补全的字符串。

2023-09-25 08:27:48 85 1

原创 【无标题】

否则,第1个弹性项的外边距和行的main-start边线对齐,而最后1个弹性项的外边距和行的main-end边线对齐,然后剩余的弹性项分布在该行上,相邻项目的间隔相等。- stretch:如果指定侧轴大小的属性值为’auto’,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照’min/max-width/height’属性的限制。如果’align-self’的值为’auto’,则其计算值为元素的父元素的’align-items’值,如果其没有父元素,则计算值为’stretch’。

2023-09-17 22:09:31 51 1

原创 前端的知识点

因此不需要对DTD(DTD 文档类型定义)进行引用,但是需要DOCTYPE来规范浏览器行为。-- autoplay视频加载完成后自动播放 -->- aside --- 侧边栏标签。-- source兼容不同视频格式 -->poster用户下载时显示的图像 ,值为url。- nav --- 导航标签。- footer --- 尾部标签。- header --- 头部标签。- article --- 内容标签。- section --- 块级标签。

2023-09-10 21:43:06 62 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除