自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 小程序中的生命周期

应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤,比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中,小程序也会运行被称为生命周期钩子的函数,这些函数由小程序框架本身提供,被称为生命周期函数,生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作,辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。

2024-06-13 21:05:14 735

原创 小程序中的模版语法

小程序的数据绑定机制只能监听到 setData 方法中修改的数据,无法监听到直接删除属性的操作,所以在删除对象属性时,需要先将对象复制一份再进行操作,然后再调用 setData 方法更新数据。当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且。中声明对象类型的数据,小程序中通过调用 setData 方法可以修改页面的数据,包括对象类型的数据。在数组类型的数据时,可以使用 ES6 的展开运算符先复制数组,然后进行合并。

2024-06-12 18:46:19 766

原创 小程序中的事件处理

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。在小程序中,可以通过事件传参的方式,将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据,传递的数据可以通过事件对象的方式进行获取📌注意事项​ 使用data-方法传递参数的时候,多个单词由连字符连接​ 连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符​ 例如:​,最终会呈现为​,最终会呈现为在 wxml 文件中,使用data-*

2024-06-11 16:10:21 1078

原创 小程序中的样式和组件

在开 Web 网站的时候:页面的结构由HTML进行编写,例如:经常会用到divpspanimga等标签页面的样式由CSS进行编写,例如:经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签,也就没有DOM和BOM,同时仅仅支持部分CSS选择器不过不用担心,小程序中提供了同样的角色:其中WXML充当的就是类似HTML的角色,只不过在WXML中没有divpspanimga等标签,在WXML中需要使用 小程序提供的viewtextimagenavigator。

2024-06-10 19:40:20 1067

原创 面试题之TypeScript

今天来介绍以下关于TypeScript的面试题。

2024-06-09 23:57:08 1200 1

原创 小程序配置文件

JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON扮演的静态配置的角色,用于配置当前页面或组件的属性和行为,每个页面或组件也都可以拥有一个对应的 json 文件。app.json➡ 小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。页面.json➡ 小程序页面配置文件,用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件,用于保存项目的一些配置信息和开发者的个人设置➡ 配置小程序及其页面是否允许被微信索引,提高小程序在搜索引擎搜索到的概率。

2024-06-08 11:31:11 941

原创 面试题之webpack与vite系列

今天继续来分享面试题,今天要分享的技术是webpack和vite的一些区别,下面我列举了最常见的关于webpack和vite的面试题,主要有以下几个

2024-06-07 21:13:05 1123

原创 前端框架性能优化篇

今天不聊技术,聊一聊前端如何做性能优化。

2024-06-06 21:42:36 1144

原创 小程序基础知识

什么是微信小程序微信小程序是一种运行在微信内部的 轻量级 应用程序。在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。**特点**小程序的四大特性:无须安装、用完即走、无须卸载、触手可及1. 无须安装:体积小,用户感知不到下载的过程2. 触手可及:用户 扫一扫 或 搜一下 即可打开应用,通过下拉能访问使用的小程序。

2024-06-05 21:42:01 1155

原创 Vue3快速上手(三)

今天我要分享的是Vue3中pinia,组件通信,slot、Vue3中的其他API和新组件等相关知识,话不多说,赶紧上干货!!!

2024-06-04 20:10:33 1104

原创 Vue3快速上手(二)

上一篇Vue3快速上手(一)!介绍了关于vue3的一些基本内容,接下来我会沿着上一篇的内容继续往下说props和hook已经路由的相关知识,请大家抓紧上车!!!

2024-05-30 20:18:06 899

原创 Vue3快速上手(一)

之前一直分享的是react的相关知识,很长时间没更新了,接下来我会更新关于Vue3的相关知识!!Vue3快速上手内容分为三部分,本次先去介绍一下关于Vue3的第一部分,希望我的分享能对大家学习Vue3有所帮助!!

2024-05-30 19:22:20 1118

原创 Redux和react-redux和@reduxjs/toolkit

这篇我要分享的内容是关于Redux和@reduxjs/toolkit的知识,希望能让大家通过我这篇文章,能更好的对redux有一个更深入的了解!!!

2024-04-16 20:15:53 633

原创 React中的hooks函数

首先,我要分享的知识是react中的hooks函数,那么话不多说,跟着我的分享来一块学习吧!当我们组件销毁的时候,往往会清除一些无用的垃圾,比如事件和定时器等。useMemo会把第一个回调函数执行,并且返回一个新的值。今天我要分享的hooks钩子函数就这么多了,如有不足,请多多指正!将组件中相互关联的部分拆分成更小的函数,而并非强制按照生命周期划分。你没有在第二个参数中声明你依赖的数据,则当依赖的数据发生变化时,的第二个参数是一个数组,如果数组的值为空代表的是不依赖任何数。这个函数在组件销毁的时候执。

2024-04-16 18:35:24 1033 1

原创 react中组件通信

今天我们来说一下react中的组件通信流程。react中组件通信流程分为父传子、子传父、非父子之间传值。

2024-03-31 19:01:21 723 1

原创 react中函数组件使用v6路由

在react中要是用react-router路由进行页面的跳转分为v5路由和v6路由在有状态的组件也叫class类组件中大多数使用v5路由,而在无状态的组件也叫函数组件大多数是用v6路由,而现在市面上主流都是用的函数组件也就是v6路由。这期咱们来讲一下函数组件中的v6路由的配置以及使用

2024-03-17 20:01:52 827

原创 react中jsx语法以及组件的介绍

有状态组件功能更全,可以在组件内部定义组件的状态;无状态组件功能相对简单,不能在组件的。当我们想要让元素满足一定的条件时才渲染出来的时候,那么我们就可以使用条件渲染。行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方。react中组件的样式分为行内样式,外部样式,css in js技术。添加行内样式,需要使用表达式传入样式对象的方式来实现。在对属性渲染的时候直接把要渲染的属性写在。创建组件的方式就是使用的类的继承,是目前官方推荐的使用方式,它使用了。属性的值必须是唯一的。

2024-03-15 20:03:00 840

原创 了解react,这一文足够了!!!

我们都知道vue、react、Augular目前是市场上最流行的三种web前端框架,统称为“前端三巨头”!这就是咱们今天介绍的react基本内容,下期我会详细说说react中的语法,欢迎大家持续关注!首先说react之前咱们先引入一个概念,我们都知道现在MVC和MVVM是两种不同的软件架构模式。构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

2024-03-15 19:08:23 848

空空如也

空空如也

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

TA关注的人

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