- 博客(22)
- 收藏
- 关注
原创 阿里云如何实现express的自动化部署(保姆级教程)
然后重新npm i 下载安装依赖,重新提交代码到远程仓库,这时候远程应用就默认执行的是express脚手架创建的index.js了。此时咱们用express创建的应用需要把依赖复制到咱们远程应用(six-expressapp)的package.json上。express默认的端口号是3000,咱们需要监听的端口号的是9000,所以需要修改端口号。咱们想一个问题,平时咱们创建express项目的时候都是利用脚手架创建的。需要把用express创建的项目的文件复制到克隆的项目的。
2024-06-21 19:29:55
701
原创 小程序中npm及组件库的使用
在实际的开发中,随着项目的功能越来越多、项目越来越复杂,文件目录也变的很繁琐,为了方便进行项目的开发,开发人员通常会对目录结构进行调整优化,例如:将小程序源码放到 miniprogram 目录下。但是在调整目录以后,我们按照上一小节Vant Weapp的构建流程进行构建,发现没有构建成功,并且弹出构建失败的弹框[错误提示翻译意思是] :没有找到可以构建的 npm 包请确认需要参与构建的 npm 都在目录内配置的和进行构建默认构建npm自定义构建npm默认构建 npm。
2024-06-16 19:12:09
940
原创 小程序分包加载和拓展
什么是分包加载❓小程序的代码通常是由许多页面、组件以及资源等组成,随着小程序功能的增加,代码量也会逐渐增加,体积过大就会导致用户打开速度变慢,影响用户的使用体验。分包加载是一种小程序优化技术。将小程序不同功能的代码,分别打包成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。每个分包可以包含多个页面、组件、样式和逻辑等。当小程序需要使用某个分包时,才会加载该分包中的代码。
2024-06-15 13:35:45
920
原创 小程序中的生命周期
应用生命周期是指应用程序进程从创建到消亡的整个过程小程序的生命周期指的是 小程序从启动到销毁的整个过程在打开一个小程序应用的时候都需要经历一系列的初始化步骤,比如页面是否加载完成、页面是否初次渲染完成等等。在此过程中,小程序也会运行被称为生命周期钩子的函数,这些函数由小程序框架本身提供,被称为生命周期函数,生命周期函数会按照顺序依次自动触发调用。帮助程序员在特定的时机执行特定的操作,辅助程序员完成一些比较复杂的逻辑。让开发者有机会在特定阶段运行自己的代码。
2024-06-13 21:05:14
1119
原创 小程序中的模版语法
小程序的数据绑定机制只能监听到 setData 方法中修改的数据,无法监听到直接删除属性的操作,所以在删除对象属性时,需要先将对象复制一份再进行操作,然后再调用 setData 方法更新数据。当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且。中声明对象类型的数据,小程序中通过调用 setData 方法可以修改页面的数据,包括对象类型的数据。在数组类型的数据时,可以使用 ES6 的展开运算符先复制数组,然后进行合并。
2024-06-12 18:46:19
1167
原创 小程序中的事件处理
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。在小程序中,可以通过事件传参的方式,将数据传递给事件处理函数。常见的事件包括点击事件、输入事件等。在组件节点中可以通过data-的方式传递一些自定义数据,传递的数据可以通过事件对象的方式进行获取📌注意事项 使用data-方法传递参数的时候,多个单词由连字符连接 连字符写法会转换成驼峰写法,而大写字符会自动转成小写字符 例如:,最终会呈现为,最终会呈现为在 wxml 文件中,使用data-*
2024-06-11 16:10:21
1398
原创 小程序中的样式和组件
在开 Web 网站的时候:页面的结构由HTML进行编写,例如:经常会用到divpspanimga等标签页面的样式由CSS进行编写,例如:经常会采用.class#idelement等选择器但在小程序中不能使用HTML标签,也就没有DOM和BOM,同时仅仅支持部分CSS选择器不过不用担心,小程序中提供了同样的角色:其中WXML充当的就是类似HTML的角色,只不过在WXML中没有divpspanimga等标签,在WXML中需要使用 小程序提供的viewtextimagenavigator。
2024-06-10 19:40:20
1116
原创 小程序配置文件
JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON扮演的静态配置的角色,用于配置当前页面或组件的属性和行为,每个页面或组件也都可以拥有一个对应的 json 文件。app.json➡ 小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。页面.json➡ 小程序页面配置文件,用于配置当前页面的窗口样式、页面标题等➡ 小程序项目的配置文件,用于保存项目的一些配置信息和开发者的个人设置➡ 配置小程序及其页面是否允许被微信索引,提高小程序在搜索引擎搜索到的概率。
2024-06-08 11:31:11
969
原创 面试题之webpack与vite系列
今天继续来分享面试题,今天要分享的技术是webpack和vite的一些区别,下面我列举了最常见的关于webpack和vite的面试题,主要有以下几个
2024-06-07 21:13:05
1687
原创 小程序基础知识
什么是微信小程序微信小程序是一种运行在微信内部的 轻量级 应用程序。在使用小程序时 不需要下载安装,用户 扫一扫 或 搜一下 即可打开应用。它也体现了 “用完即走” 的理念,用户不用关心安装太多应用的问题。它实现了应用“触手可及”的梦想,应用无处不在,随时可用,但又 无须安装卸载。**特点**小程序的四大特性:无须安装、用完即走、无须卸载、触手可及1. 无须安装:体积小,用户感知不到下载的过程2. 触手可及:用户 扫一扫 或 搜一下 即可打开应用,通过下拉能访问使用的小程序。
2024-06-05 21:42:01
1193
原创 Vue3快速上手(三)
今天我要分享的是Vue3中pinia,组件通信,slot、Vue3中的其他API和新组件等相关知识,话不多说,赶紧上干货!!!
2024-06-04 20:10:33
1161
原创 Vue3快速上手(二)
上一篇Vue3快速上手(一)!介绍了关于vue3的一些基本内容,接下来我会沿着上一篇的内容继续往下说props和hook已经路由的相关知识,请大家抓紧上车!!!
2024-05-30 20:18:06
924
原创 Vue3快速上手(一)
之前一直分享的是react的相关知识,很长时间没更新了,接下来我会更新关于Vue3的相关知识!!Vue3快速上手内容分为三部分,本次先去介绍一下关于Vue3的第一部分,希望我的分享能对大家学习Vue3有所帮助!!
2024-05-30 19:22:20
1147
原创 Redux和react-redux和@reduxjs/toolkit
这篇我要分享的内容是关于Redux和@reduxjs/toolkit的知识,希望能让大家通过我这篇文章,能更好的对redux有一个更深入的了解!!!
2024-04-16 20:15:53
740
原创 React中的hooks函数
首先,我要分享的知识是react中的hooks函数,那么话不多说,跟着我的分享来一块学习吧!当我们组件销毁的时候,往往会清除一些无用的垃圾,比如事件和定时器等。useMemo会把第一个回调函数执行,并且返回一个新的值。今天我要分享的hooks钩子函数就这么多了,如有不足,请多多指正!将组件中相互关联的部分拆分成更小的函数,而并非强制按照生命周期划分。你没有在第二个参数中声明你依赖的数据,则当依赖的数据发生变化时,的第二个参数是一个数组,如果数组的值为空代表的是不依赖任何数。这个函数在组件销毁的时候执。
2024-04-16 18:35:24
1233
1
原创 react中函数组件使用v6路由
在react中要是用react-router路由进行页面的跳转分为v5路由和v6路由在有状态的组件也叫class类组件中大多数使用v5路由,而在无状态的组件也叫函数组件大多数是用v6路由,而现在市面上主流都是用的函数组件也就是v6路由。这期咱们来讲一下函数组件中的v6路由的配置以及使用
2024-03-17 20:01:52
1107
原创 react中jsx语法以及组件的介绍
有状态组件功能更全,可以在组件内部定义组件的状态;无状态组件功能相对简单,不能在组件的。当我们想要让元素满足一定的条件时才渲染出来的时候,那么我们就可以使用条件渲染。行内样式需要写入一个样式对象,而这个样式对象的位置可以放在很多地方。react中组件的样式分为行内样式,外部样式,css in js技术。添加行内样式,需要使用表达式传入样式对象的方式来实现。在对属性渲染的时候直接把要渲染的属性写在。创建组件的方式就是使用的类的继承,是目前官方推荐的使用方式,它使用了。属性的值必须是唯一的。
2024-03-15 20:03:00
888
原创 了解react,这一文足够了!!!
我们都知道vue、react、Augular目前是市场上最流行的三种web前端框架,统称为“前端三巨头”!这就是咱们今天介绍的react基本内容,下期我会详细说说react中的语法,欢迎大家持续关注!首先说react之前咱们先引入一个概念,我们都知道现在MVC和MVVM是两种不同的软件架构模式。构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
2024-03-15 19:08:23
877
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人