刷新
vue脚手架

博主头像 typora-root-url: img vue脚手架 1 vue脚手架的概念 Vue脚手架(Vue Scaffolding)是Vue.js**官方提供的一个工具,专门用于快速搭建单页面应用(SPA)的项目结构。它通过命令行界面(CLI)提供了一套标准化的开发流程,包括项目初始化、自动化构建、本 ...

资源描述框架的用途及实际应用解析

博主头像 **RDF(资源描述框架)**是一种用于机器理解网络资源的框架,使用XML编写。它通过URI标识资源,用属性描述资源,便于计算机应用程序处理信息。RDF在语义网上促进信息的确切含义和自动处理,使得网络信息可被整合。RDF语句由资源、属性和属性值组成。RDF文档包括`<rdf:RDF>`根元素和`<r... ...

前端 危!!! 这个项目可以一键图片转代码

博主头像 这段时间来,AI已经逐步走进我们的工作和生活,作为程序员来说,让AI写代码已经成为稀松平常的操作了,今天给大家介绍一个更牛逼的操作,屏幕截屏转化为代码,从此前端开发更简单 screenshot-to-code screenshot-to-code可以将任何屏幕截图或设计转换为干净的代码,它是一个简单 ...

Vuex 4与状态管理实战指南

博主头像 title: Vuex 4与状态管理实战指南 date: 2024/6/6 updated: 2024/6/6 excerpt: 这篇文章介绍了使用Vuex进行Vue应用状态管理的最佳实践,包括为何需要状态管理,Vuex的核心概念如store、actions、mutations和getters,以及 ...

记录--前端起dev从110秒减少到7秒, 开发体验大幅提升

博主头像 ‍ 写在开头 点赞 + 收藏 学会 [webpack由浅入深]系列的内容 第一层: 了解一个小功能的完整流程. 看完可以满足好奇心和应付原理级别面试. 第二层: 源码陪读, webpack源码比较灵活, 自己看容易陷入迷惑. 文章里会贴出关键流程的代码来辅助阅读源码. 如果你正在 ...

记录工作中常用的 JS 数组相关操作

博主头像 工作中难免会遇到各种各样的数据结构,较为全面的了解数组操作,对于复杂数据结构的处理会非常有用且节省时间。所以想在这里总结一下工作中常用的数组操作,都是一些非常基础的知识,大家看个乐就好~ ...

Promise对象

博主头像 Promise 对象使用 ★ Promise 基本认识 Promise 是一个对象,用于表示异步操作的最终完成(或失败)及其结果值。它允许你关联处理程序,这些处理程序将在异步操作成功完成时或者失败时调用,从而避免了更复杂的嵌套回调(即回调地狱)。Promise 对象通常用于执行异步操作,如网络请求、 ...

Vue 3 Teleport:掌控渲染的艺术

博主头像 title: Vue 3 Teleport:掌控渲染的艺术 date: 2024/6/5 updated: 2024/6/5 description: 这篇文章介绍了Vue3框架中的一个创新特性——Teleport,它允许开发者将组件内容投送到文档对象模型(DOM)中的任意位置,即使这个位置在组件的 ...

记录--localStorage是同步还是异步的?为什么?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 首先明确一点,localStorage是同步的 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分,它提供了一种存储键值对的机制。localStorage 的数据是持久存储在用户的硬盘上的 ...

前端怎么解决跨域问题

博主头像 前端跨域问题的解决方案通常涉及几种不同的方法,每种方法都有其特定的应用场景和优缺点。以下是一些常见的前端跨域解决方案: JSONP(JSON with Padding) 原理:利用<script>标签没有跨域限制的特性,通过动态创建<script>标签并设置其src属性为跨域请求的URL,来实现跨域 ...

Web 网页性能及性能优化

博主头像 Web 性能是 Web 开发的一个重要方面,侧重于网页加载速度以及对用户输入的响应速度 通过优化网站来改善性能,可以在为用户提供更好的体验 网页性能既广泛又非常深入 1. 为什么性能这么重要? 1. 性能关乎留住用户 性能对于任何在线业务都至关重要 与加载速度缓慢、让人感觉运行缓慢的网站相比,加载速... ...

Vue.js 动画与过渡效果实战

博主头像 title: Vue.js 动画与过渡效果实战 date: 2024/6/4 updated: 2024/6/4 description: 这篇文章介绍了如何在网页设计中使用过渡动画和组件效果,以及如何利用模式和列表展示信息。还提到了使用钩子实现组件间通信的方法。 categories: 前端开发 ...

Web 页面性能衡量指标-以用户为中心的效果指标

博主头像 以用户为中心的性能指标是理解和改进站点体验的关键点 一、以用户为中心的性能指标 1. 指标是用来干啥的? 指标是用来衡量性能和用户体验的 2. 指标类型 感知加载速度:网页可以多快地加载网页中的所有视觉元素并将其渲染到屏幕上 加载响应速度:页面加载和执行组件快速响应用户互动所需的 JavaScrip... ...

vue2.0和vue3.0同时使用

背景:原先电脑上安装了vue2.0和node 14.17.6版本,后面新项目使用的是vue3.0和node 16.6.1。通过nvm 安装node 16.6.1的时候,不小心把原来的2.0环境给搞坏了。 目的:本文将通过文字描述(都是cmd命令,截图感觉没啥意义)的方式,讲述卸载和安装多版本node ...

前端开发框架发展概览

博主头像 随着Web应用变得越来越复杂,而jQuery的功能却显得过于简单,难以应对这些复杂的需求。比如,对于一些需要大量动态交互的应用程序,jQuery的功能并不足够强大。此外,由于jQuery所写应用的代码结构较为混乱,其中包含了大量的全局变量和函数,例如,全局变量"$"和"jQuery"都指向了jQue... ...

基于React的SSG静态站点渲染方案

博主头像 基于React的SSG静态站点渲染方案 静态站点生成SSG - Static Site Generation是一种在构建时生成静态HTML等文件资源的方法,其可以完全不需要服务端的运行,通过预先生成静态文件,实现快速的内容加载和高度的安全性。由于其生成的是纯静态资源,便可以利用CDN等方案以更低的成 ...

记录:瀑布流最佳实现方案

博主头像 传统实现方式 当前文章的gif文件较大,加载的时长可能较久 这里我拿小红书的首页作为分析演示 可以看到他们的实现方式是传统做法,把每个元素通过获取尺寸,然后算出left、top的排版位置,最后在每个元素上设置偏移值,思路没什么好说的,就是算元素坐标。那么这种做法有什么缺点?请看下面这张图的操作 容器 ...

Vue渲染函数与JSX指南

博主头像 title: Vue渲染函数与JSX指南 date: 2024/6/3 下午6:43:53 updated: 2024/6/3 下午6:43:53 categories: 前端开发 tags: Vue渲染 JSX基础 性能优化 组件对比 React JSX 大项目 测试策略 第1章:Vue.js入门 ...

<1234···50>