- 博客(37)
- 收藏
- 关注
RSS订阅原创 微信小程序开发必知必会：文件结构和基本配置
1. project.config.json：项目的基本配置文件，包括项目名称、appid、项目目录、页面文件夹等。3. pages目录：存放小程序的页面文件，每个页面由一个.json、.wxml、.js、.wxss文件组成。8. app.json：小程序的全局配置文件，如窗口配置、页面配置、网络超时时间等。2. sitemap.json：定义项目的页面结构，以及页面间的导航关系。1 .json：页面的基本配置，如页面标题、页面数据等。7. app.js：小程序的入口文件，用于初始化小程序。
2024-06-24 10:31:24
467
原创 深入理解微信小程序页面生命周期：从创建到卸载的全过程
5. 页面卸载：用户长时间未操作，或者小程序被关闭，页面会被卸载，`onUnload`钩子在此时被调用，这是保存数据的最后机会。* 注意页面间的通信，如使用`wx.navigateTo`、`wx.reLaunch`等时，需要处理好前一个页面的生命周期。3. 页面交互：用户与页面进行交互时，如点击按钮、输入数据等，可能触发`onReady`钩子，此时页面数据已准备完毕。2. 页面显示：`onShow`钩子在页面加载完成后，且页面可见时调用，执行页面展示相关的操作。二、页面生命周期概述。
2024-06-24 10:25:00
469
原创 微信小程序页面的交互
一、引言 微信小程序作为轻量级的应用程序，其页面交互设计对于提升用户体验至关重要。本文将深入解析微信小程序页面交互设计的基本原理，以及如何通过API和组件实现丰富的交互效果。微信小程序页面交互设计详解。七、事件总线与父子组件通信。二、页面结构与基础组件。
2024-06-23 00:00:00
690
原创 微信小程序的常用api
微信小程序提供了丰富的 API，可以让开发者方便地使用微信提供的能力。在开发小程序 API 时需要遵循微信小程序的开发规范，使用官方提供的 API 文档，注意 API 的权限和限制，测试 API 的使用情况。微信小程序是一种不需要下载安装即可使用的应用，它通过微信内置的浏览器直接播放，提供了优秀的用户体验。小程序的核心是一套开放能力，其中 API 是小程序开发者最需要掌握的知识点之一。小程序提供了丰富的 API，可以让开发者方便地使用微信提供的能力，例如获取用户信息、发起支付、上传图片等。
2024-06-17 10:52:15
528
原创 微信小程序一些常用的标签
`navigator` 组件用于跳转页面，可以设置 `url`（跳转链接）和 `open-type`（跳转方式）。- 可以通过 `checked` 属性来控制它的选中状态，通过 `disabled` 属性来控制是否禁用。- 它包含多个 `swipe-item` 组件，每个 `swipe-item` 代表轮播图的一页。- 可以通过 `width`、`height`、`mode` 等属性来定义图片的显示样式。- 可以通过 `scroll-x` 和 `scroll-y` 属性来定义滚动方向。
2024-05-19 00:00:00
1311
原创 微信小程序介绍
本文介绍了微信小程序开发的基础知识，包括小程序概述、开发环境搭建、编程基础、组件与API、云开发等。微信小程序云开发是一种基于云平台的服务，可以为小程序提供数据库、存储、计算等服务。在云环境中，可以创建数据库、存储文件、调用云函数等。小程序提供了丰富的API，如网络请求、位置、摄像头、支付等，可用于实现各种业务功能。小程序提供了丰富的组件，如按钮、文本、图片、视频等，可用于快速搭建页面结构。在微信开发者工具中，点击“新建项目”按钮，输入项目名称、选择项目存放路径，即可创建一个新的小程序项目。
2024-05-16 10:58:32
778
原创 Vue Router
1. 相关理解1.1 vue-router 的理解 vue的一个插件库，专门用来实现 SPA应用1.2 对SPA应用的理解(1) 单页web应用（single page web application,SPA）(2) 整个应用只有一个完整的页面(3) 点击页面中的导航链接不会刷新页面，只会做页面的局部更新(4) 数据需要通过ajax请求获取1.3 路由的理解什么是路由？a. 一个路由就是一组映射关系（key - value）
2024-05-07 09:13:11
1025
原创 Vue UI 组件库
推荐使用 npm 的方式安装，它能更好地和打包工具配合使用。目前可以通过获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
2024-05-07 08:45:44
677
原创 在vue中如何使用vuex
当前求和为奇数再加</button>使用辅助函数，若需要传递参数，再绑定事件时传递好参数： <button @click="add(2)">+
2024-04-22 10:23:14
938
原创 本地存储、自定义事件、全局事件总线
7. 注意：通过 this.$ refs.xxx.$ on('zmy', 回调) 绑定自定义事件时，回调要么配置在methods中，要么用箭头函数，否则this指向会出问题！（2） Vue.prototype.$bus = new Vue() ,所有的组件对象都能看到$bus 这个属性对象。使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）（1）接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。
2024-04-18 08:47:27
587
原创 vue2生命周期
console.log('1.beforeCreate--执行')console.log('1.beforeCreate--执行')console.log('3.beforeMount--执行');console.log('1.beforeCreate--执行')console.log('3.beforeMount--执行');console.log('beforeUpdate--执行');console.log('2.created--执行');console.log('2.created--执行');
2024-03-24 13:52:34
1289
原创 v-model的基本使用，v-model原理；v-model绑定；v-model的值绑定；v-model修饰符
1_v-model的基本使用表单提交是开发中常见功能，也是和用户交互的重要手段：比如用户在登录、注册时需要提交账号密码；比如用户在检索、创建、更新信息时，需要提交一些数据；这些都要求可以在代码逻辑中获取到用户提交的数据，通常会使用v-model指令来完成：v-model指令可以在表单 input、textarea以及select元素上创建双向数据绑定；它会根据控件类型自动选取正确的方法来更新元素；
2024-03-18 10:53:50
563
1
原创 Vue - v-if和v-else-if和v-else的使用
v-bind:或:,v-on:或@,v-for,v-if,v-show,v-model。2.不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用，v-else,v-cloak,v-once，v-pre不需要带值。当v-if后面表达式的值为false的时候显示v-else所在的元素。当v-if后面表达式的值为true的时候显示v-if所在的元素。在vue3中v-if比v-for优先级高。v-if和v-for优先级和使用事项。
2024-03-11 11:12:35
3499
原创 CSS 布局 - Overflow
在 OS X Lion ( Mac 系统) 系统上，滚动条默认是隐藏的，使用的时候才会显示 (设置 "overflow:scroll" 也是一样的)。CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。overflow 属性只工作于指定高度的块元素上。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。这里的文本内容会溢出元素框。
2024-01-01 21:12:12
428
原创 JavaScript 表单验证
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：if (x==null || x=="") { alert("姓必须填写");} }
2024-01-01 21:08:59
405
原创 JavaScript 字符串
原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。如何解决以上的问题呢？字符串的索引从 0 开始，这意味着第一个字符索引值为 [0]，第二个为 [1]，以此类推。(x === y) // 结果为 false，因为 x 是字符串，y 是对象。原始值字符串，如 "John", 没有属性和方法(因为他们不是对象)。转义字符 (\) 可以用于转义撇号，换行，引号，等其他特殊字符。在 JavaScript 中，字符串写在单引号或双引号中。
2024-01-01 21:06:26
901
原创 Symbol的用法
Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。sy === sy1;// false在这里插入代码片。// 相同参数 Symbol() 返回的值不相等。
2023-12-25 09:25:04
411
原创 Swiper 使用方法
2.添加HTML内容。Swiper7的默认容器是'.swiper'，Swiper6之前是'.swiper-container'。恭喜你，现在你的Swiper应该已经能正常切换了。3.你可能想要给Swiper定义一个大小，当然不要也行。如果作为CommonJs 或ES 模块引入。4.初始化Swiper。
2023-12-24 18:41:17
350
原创 Node.js 连接 MySQL
本教程使用了淘宝定制的 cnpm 命令进行安装：$ cnpm install mysql连接数据库在以下实例中根据你的实际配置修改数据库用户名、及密码及数据库名：var mysql = require('mysql'); var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '123456', database : 'test' }); connection.connect(
2023-12-24 18:38:04
1026
原创 Node.js Express 框架
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。
2023-12-24 18:37:30
914
原创 Node.js 回调函数
Node.js 异步编程的直接体现就是回调。异步编程依托于回调来实现，但不能说使用了回调后程序就异步化了。回调函数在完成任务后就会被调用，Node 使用了大量的回调函数，Node 所有 API 都支持回调函数。例如，我们可以一边读取文件，一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。这就大大提高了 Node.js 的性能，可以处理大量的并发请求。
2023-12-24 18:36:31
374
原创 Node.js模块系统
为了让Node.js的文件可以相互调用，Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分，文件和模块是一一对应的。换言之，一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。
2023-12-24 18:35:50
707
原创 ES6 async 函数
async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果。正常情况下，await 命令后面是一个 Promise 对象，它也可以跟其他值，如字符串，布尔值，数值以及普通函数。async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。
2023-12-24 18:29:05
407
原创 ES6 Generator 函数
ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。基本用法。
2023-12-24 18:28:16
848
原创 ES6 模块
在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。
2023-12-24 18:22:04
999
原创 ES6 Class 类
在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。类表达式可以为匿名或命名// 匿名类this.a = a;// 命名类this.a = a;
2023-12-24 18:19:47
936
原创 ES6 函数
ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。当箭头函数没有参数或者有多个参数，要用 () 括起来。
2023-10-31 21:16:49
72
1
原创 ES6 Reflect 与 Proxy
一个 Proxy 对象由两个部分组成： target 、 handler。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。
2023-10-31 21:12:32
72
1
原创 ES6 Map 与 Set
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值// 将会显示两个 log。一个是 "0 = zero" 另一个是 "1 = one"/* 这个 entries 方法返回一个新的 Iterator 对象，它按插入顺序包含了 Map 对象中每个元素的 [key, value] 数组。*/// 将会显示两个log。一个是 "0" 另一个是 "1"
2023-10-23 08:47:24
47
原创 Symbol 的基本用法
Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。Symbol 作为对象属性名时不能用.运算符，要用方括号。因为.运算符后面是字符串，所以取到的是字符串 sy 属性，而不是 Symbol 值 sy 属性。由于每一个 Symbol 的值都是不相等的，所以 Symbol 作为对象的属性名，可以保证属性不重名。在 ES5 使用字符串表示常量。
2023-10-06 22:41:02
216
1
原创 es6 let和const的用法
ES6中的let和const是用来声明变量的关键字，与var不同的是，let和const块级作用域，只在声明的块中有效。它可以使代码更加简洁和可读。在ES6之前，获取数组或对象中的元素通常需要使用索引或属性名，而解构赋值可以在一行代码中完成这些操作。注意，使用const声明的变量并不是完全不可修改的，如果该变量是一个对象或数组，则可以修改该变量的属性或元素。总结来说，ES6中const的使用只是限制了变量的重新赋值，如果变量是对象或数组，可以修改其中的属性或元素，但是不能重新赋值为新的对象或数组。
2023-09-25 08:55:37
68
1
原创 CSS3的样式以及用法
如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。如果'align-self'的值为'auto'，则其计算值为元素的父元素的'align-items'值，如果其没有父元素，则计算值为'stretch'。-- align-self 属性用于设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。-- flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。
2023-09-17 20:15:26
57
1
原创 【HTML5和css3第一天学的知识】
- HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），- aside --- 侧边栏标签。- nav --- 导航标签。source标签兼容不同视频的格式。- footer --- 尾部标签。- header --- 头部标签。- article --- 内容标签。- section --- 块级标签。controls视频的播放控件。autoplay视频就绪后立马播放。
2023-09-11 09:11:39
47
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人