网页效果预览 这个网页包含图片,链接,字体设置,表格等 初学者最好手敲代码,更快熟悉元素和结构 完整的代码放在最后了 一:代码怎么变成网页 之前我们安装了xampp,启动xampp里的apache及sql 在xampp下找到htdocs目录 新建文件夹改名后缀为.php即可 将新建文件用记事本打开 ...
写在开头 点赞 + 收藏 学会 前言 众所周知,vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,比如:<button @click="msg = 'Hello Vue3'"> ...
title: useRoute 函数的详细介绍与使用示例 date: 2024/7/27 updated: 2024/7/27 author: cmdragon excerpt: 摘要:本文介绍了Nuxt.js中useRoute函数的详细用途与示例,展示了如何在组合式API中使用useRoute获取 ...
写在开头 点赞 + 收藏 学会 本文用于记录在React课程中学习时,课程中留下的一个关于async/await原理的思考题(默认读者熟悉Promise) 思考题 这个思考题就是:请将以下async/await代码,换一种方式实现,保证异步等待功能和输出顺序: functio ...
title: 使用 useRequestURL 组合函数访问请求URL date: 2024/7/26 updated: 2024/7/26 author: cmdragon excerpt: 摘要:本文介绍了Nuxt 3中的useRequestURL组合函数,用于在服务器端和客户端环境中获取当前页 ...
写在开头 点赞 + 收藏 学会 可能有人觉得,这个组件很简单,没什么技术含量,其实确实也啥技术含量。但是,我是想借这个组件,来表达一种封装的思想在里面,希望可以帮助到一些朋友。 简单的描述下这个组件的功能: 用户可以点击下面颜色比较绚丽的上传按钮,选择本地图片进行上传,也可以 ...
title: Nuxt.js 环境变量配置与使用 date: 2024/7/25 updated: 2024/7/25 author: cmdragon excerpt: 摘要:“该文探讨了Nuxt.js框架下环境变量配置的详细过程,涉及.env文件配置、运行时访问、安全性考量、在不同场景下的实践( ...
前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项目,在node.js项目中使用vue的响应式API。 关注公众号:【前端欧 ...
实验介绍: XAMPP也就是集apache (web服务器软件),mysql (数据库) php (开源通用脚本语言),PERL (计算机程序语言)的集成软件包 一:下载xampp 官网:https://www.apachefriends.org/index.html 在里面按系统选版本 简单看一下 ...
引言 嘿,大家好!今天我想聊聊我最近在前端开发中遇到的一个头疼的问题,以及我是如何一步步解决它的。如果你也在使用Websocket实现AI会话,或许你会遇到类似的问题。 项目背景 我最近在捣鼓一个开源项目,项目地址:GitHub - chatpire/chatgpt-web-share: ChatG ...
写在开头 点赞 + 收藏 学会 1.web-view覆盖层问题 问题由来 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面。 所以这得多恶心。。。不仅铺满,还覆盖了普通的标签,调z-index都无解。 解决办法 web-view内部使用 ...
title: 服务端渲染中的数据获取:结合 useRequestHeaders 与 useFetch date: 2024/7/24 updated: 2024/7/24 author: cmdragon excerpt: 摘要:本文介绍Vue服务端渲染中使用useRequestHeaders获取请 ...
本文由leetcode的字符异位词分组题目引入,记录了javascript中对象的键的数据类型以及存在的数据类型转换现象。 ...
摘要:本文介绍Nuxt 3中useRequestEventHook的使用,可访问请求路径、方法和头部信息,适用于SSR环境下处理请求逻辑,如中间件、插件及API路由。仅服务器端生效,需注意安全性。 ...
刚学react,拿项目练手,有个问题恶心死了,折腾了好久,百度上也没找到很合适的,觉得有必要分享一下,不为别的,以后自己遇到了,再复习一下,方案不是最优解,但能解决问题 业务描述 就是点击编辑,新增的时候,数据发生变化,我获取到了,第一次更新成功,后面就只会有第一次的值代码描述 我用的是initia ...
Hello,小伙伴大家好,我是小VIE,一名学习前端时长两月半的前端萌新 (ノ◡◝) 这次主要是分享我在前端两个月的学习过程心得和半个月的实践成果,希望无论是准备秋招的同学,还是日常中学习、工作、求职的小伙伴都能得到一些信心! ...
写在开头 点赞 + 收藏 学会 引言 众所周知,进度条是程序员大大模拟的程序运行进度,一般会在某些数值卡住不动,引起99%悬案。但是背后的原理你真的清楚吗,其实进度条真的是匀速运动的! 先来看看效果 接下来开始实现 创建一个矩形,然后折叠起来,完成! 创建一个容器,用于宽度限 ...
title: 使用 useNuxtData 进行高效的数据获取与管理 date: 2024/7/22 updated: 2024/7/22 author: cmdragon excerpt: 深入讲解了Nuxt 3中useNuxtData组合函数的应用,演示了如何通过此函数访问缓存数据,实现组件间数 ...
前言 在写vue3编译原理揭秘电子书的时候,发现有不少粉丝还傻傻分不清楚什么是编译时?什么是运行时?这篇文章我们来让你彻底搞清楚编译时和运行时的区别。 关注公众号:【前端欧阳】,给自己一个进阶vue的机会 编译时 我将编译这个词语理解为翻译,这句话是什么意思呢? 比如你要和一个老外沟通,你的英文超级 ...
title: Nuxt 使用指南:掌握 useNuxtApp 和运行时上下文 date: 2024/7/21 updated: 2024/7/21 author: cmdragon excerpt: 摘要:“Nuxt 使用指南:掌握 useNuxtApp 和运行时上下文”介绍了Nuxt 3中useN ...