• 2024-11-12腾讯云开发技术总结及核心功能概览
    在现代应用开发中,开发者们越来越倾向于寻找能简化开发、测试、发布的高效解决方案。腾讯云的云开发(CloudBase)平台提供了一整套云端开发、调试和部署的能力,尤其在一体化开发、跨平台支持和低代码应用构建方面展现了显著优势。本文将探索腾讯云开发的核心优势、功能特色,并通过示
  • 2024-11-05todos案例
    把数据抽出来单独存放,要用的时候请求数据。一般在app组件中的created生命周期函数执行请求
  • 2024-11-03一文弄懂MVC、MVP和MVVM
    一、MVC1.什么是MVCM可以由数据类(结合数据文件)实现;C即控制/调度逻辑、业务逻辑【业务功能实现】,由Activity实现;V则xml布局文件与UI逻辑【UI逻辑由Activity实现】;目前很多企业都采用敏捷开发的开发方式,在的用户界面逻辑的变更频率往往高于业务逻辑。如果将表示界面代码
  • 2024-10-29vue2基础组件通信案例练习:把案例Todo-list改写成本地缓存
    @目录概述前端代码本人其他相关文章链接概述前面文章案例已经练习了父子组件之间的通信,这一节讲述如何把todos数组放进本地缓存中,因为实际开发场景中频繁查询的数据很有可能会用到本地缓存技术。思考:如何改成使用本地缓存,是写一堆按钮每次触发就是往本地缓存种get和set?答案
  • 2024-10-11express的使用笔记 2 请求对象与响应对象 、 增删改查demo
    Express不对Node.js已有的特性进行二次抽象,只是在它之上扩展了web应用所需的基本功能。内部使用的依旧是http模块,请求对象继承字http.IncomingMessage,响应对象继承自http.ServerResponse,所以node.js官网中的对应的方法可以通用1.请求对象2.响应对象除了response.send(),resp
  • 2024-08-01对 Vue Hook 的理解和简单案例
    1.VueHook的理解VueHook是在Vue3中引入的一种新的代码组织和状态管理方式,它受到了ReactHook的启发。VueHook主要通过组合式API(CompositionAPI)来实现,让开发者能够更灵活、更高效地管理组件逻辑和状态。2.VueHook的优势1.更好的逻辑复用在选项式API(Op
  • 2024-07-31饮冰十年-人工智能-Vue3-67-组件间数据交互
    上一篇:饮冰三年-人工智能-Vue-66Vue组件化很久以前我对Vue2的组件间数据交互做过学习,兜兜转转再用Vue已经是Vue3版本。Vue3组件间数据交互1、准备工作环境准备使用Vite创建一个新的Vue3项目功能介绍该功能由APPVue+4个组件组成  
  • 2024-07-26使用 Python 构建简单 REST API
    使用Python构建简单RESTAPI1.概述本技术文档旨在指导开发者使用Python框架Flask构建一个基本的RESTAPI。通过学习本指南,您将掌握创建、读取、更新和删除(CRUD)操作的基本知识,并能够使用Python构建自己的API。2.安装依赖首先,您需要确保已安装Python和Flask
  • 2024-07-22使用 useNuxtData 进行高效的数据获取与管理
    title:使用useNuxtData进行高效的数据获取与管理date:2024/7/22updated:2024/7/22author:cmdragonexcerpt:深入讲解了Nuxt3中useNuxtData组合函数的应用,演示了如何通过此函数访问缓存数据,实现组件间数据共享,以及如何在数据更新时利用缓存提高用户体验。文章提供了
  • 2024-07-15手写TodoList
    手写TodoList<scriptsetup>import{ref}from'vue'//给每个todo对象一个唯一的idletid=0constnewTodo=ref('')consttodos=ref([{id:id++,text:'LearnHTML'},{id:id++,text:'LearnJavaScript'},
  • 2024-05-23vue知识点: v-if和v-for为何不能同时使用?
    在vue2和vue3的官方文档里都写到不推荐 v-if和v-for同时使用,如下代码所示:<liv-for="todointodos"v-if="!todo.isComplete">{{todo.text}}</li>一、vue3文档:列表渲染|Vue.js在vue3中,是因为当它们同时存在于一个节点上时,v-if比v-for的优先级更高。这意味着
  • 2024-05-22[ES2024] Simplify array immutable changes with the new array.with method
    Thenew Array.with methodgivesyouanimmutablesyntaxforchangingvaluesofanarrayataspecifiedindex.Sometimes .map willbemoreefficient.So,inthislessonwe'llcomparebothmethodswhilereplacinganobjectataspecificindex. varto
  • 2024-05-10Compose LazyColumn添加分割线
    funTodo(todos:List<TodoItem>){LazyColumn(modifier=Modifier.weight(1f)){items(todos,key={todo->todo.id}){//列表项TodoRo
  • 2024-05-09nicegui:Python 图形界面库,简单好用
    前言在现代计算机应用程序开发中,图形用户界面(GUI)是用户与程序交互的重要组成部分。然而,GUI开发往往需要大量的代码和复杂的布局,给开发者带来了一定的挑战。在本篇博文中,将介绍nicegui,它是一个简单易用的图形用户界面库,提供了一种简化GUI开发的方式,使开发者能够更快速地构建吸
  • 2024-05-09nicegui:Python 图形界面库,简单好用
    前言在现代计算机应用程序开发中,图形用户界面(GUI)是用户与程序交互的重要组成部分。然而,GUI开发往往需要大量的代码和复杂的布局,给开发者带来了一定的挑战。在本篇博文中,将介绍nicegui,它是一个简单易用的图形用户界面库,提供了一种简化GUI开发的方式,使开发者能够更快速地构建吸
  • 2024-04-28Pinia
    Pinia的基本介绍Pinia是一个西班牙语的单词,表示“菠萝”的意思。因为菠萝是由一小块一小块组成的,这个和Pinia的思想就非常的吻合,在Pinia中,每个Store仓库都是单独的扁平化的存在的。Pinia是由Vue官方团队中的一个成员开发的,最早是在2019年11左右作为一项实验性工
  • 2024-04-15如何使用React.js从头开始构建TODO应用
    如果你是React.js的新手,并且渴望投身应用程序开发,那么你来对地方了!跟着我一起通过这个教程,从头开始构建一个基本的TODO应用程序。(本文视频讲解:java567.com)TODO应用对初学者的重要性TODO应用作为初学者掌握新编程语言或框架基础知识的理想项目。它为学习基本概念提供了实际的上
  • 2024-03-23Vue入门(一)
    基于Vue官网教程(1-9)的自学笔记,记录自己对概念的粗浅理解。欢迎交流,如有不对请留言指正~目录1、单文件组件2、选项式API3、声明式渲染:4、v-model5、v-for渲染列表/数组6、compute计算属性计算属性便利在哪?7、模板引用1、单文件组件Vue的单文件组件会将一个组件
  • 2024-03-21询问ChatGPT4,改造TodoList:把本地存储的localStorage修改成PHP+Redis
    这里照搬的是:免费极简设计网页版Todo  https://www.ricocc.com/todo/非常感谢原作者Rico。我很喜欢这个设计和风格,但是可惜只能本地存储,我又不想使用微软的TODO,登录倒无所谓,但是数据同步问题很大,实在头痛,所以放弃。我是菜鸟,只是刚好前段时间安装了Apache、PHP的一键安装包和
  • 2024-02-06Vue中对虚拟DOM的理解
    作为现代前端开发中的主流框架之一,Vue.js是一个非常流行的JavaScript框架,其核心概念之一就是虚拟DOM(VirtualDOM)。在本篇文章中,我们将深入探讨Vue中虚拟DOM的概念,并讨论为什么它在前端开发中如此重要。什么是虚拟DOM?在Vue.js中,虚拟DOM是一个独立于真实DOM的JavaScript对象。它的作
  • 2023-12-26vue3学习之Pinia状态管理
    状态管理 src/views/Pinia.vue<scriptsetup>import{ref}from"vue";import{storeToRefs}from"pinia";import{useCounterStore}from"../stores/counter";import{useTodos}from"../stores/todos";//可
  • 2023-12-17[前端][Vue] 利用webstorage API存储数据
    关于webstorageAPI官方文档https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API省流说明1️⃣两种--localStorage&sessionStorage2️⃣存多久--local一直存到除非用户主动删,session等浏览器关掉就删3️⃣API--一样的,存setItem,读getItem,删一个remove,删全部
  • 2023-11-0837-Vue脚手架-nextTick(使用nextTick优化TodoList案例)
    this.$nextTick(十分常用的功能)语法:this.$nextTick(回调函数)作用:在下一次DOM更新结束后执行其指定的回调什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调函数中执行 案例:使用 $nextTick优化TodoList案例,在UserItem中添加一个编辑按
  • 2023-10-3033-Vue脚手架-浏览器本地存储(使用本地存储优化Todo-List案例)
    什么是网络存储在HTML5之前,开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。在HTML5发布后,提供了一种新的客户端本地保存数据的方法,那就是WebStorage,存储内容大小一般支持5MB左右(不同浏览器可能还不一样),它允许Web应用程序在用户浏览器中实现本地存储机制,两种最
  • 2023-10-2832-Vue脚手架-Todo-list 案例
    Todo-list案例 组件化编码流程(通用)1.拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突,如下所示2.实现动态组件:要考虑好数据的存放位置,数据是要一个组件在用,还是一些组件在用一个组件在用:放在组件自身即可一些组件在用:放在他们共同的父组件上3.实现交互:从绑定