阿珊和她的猫-CSDN博客

原创【前后端实战项目】带你从入门到实战全面掌握 uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，具备"编写一次代码可发布到多个平台"的特点，大大的节省了开发成本，极速提升了开发效率。

2022-03-23 22:09:46 4597 4

原创【前后端实战项目】Vue.js 和 Egg.js 开发企业级健康管理项目

选择 vue-cli3 ，是为了让开发者能够开箱即用快速地进行应用开发而开发的，它们秉承的是思想，简单说就是能不配置的就不配置，你就按照我的方式来，也不要去争论这个好不好，快速进行业务开发才是正经事。它们不建议你去配置，但也不会拦着你去配置。

2020-10-16 15:05:44 2570 14

原创深入理解 Vuex 中的this.$store.dispatch方法

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6🍨🕠 牛客高级专题作者、在牛客打造高质量专栏🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程。

2020-04-24 22:22:29 98029 6

原创面试官：请你说一说vuex的五个属性，分别是什么，区别和用途说一下

今天面试的时候，有被问到vuex的五个属性，分别是什么，区别和用途说一下这个地方回答的不是很好，思路有点混乱所以就打算整理一下查了一下官网，关于vuex的五个属性还是有很多知识点的官网：https://vuex.vuejs.org/zh/guide/01 前言当我们用 Vue.js 开发一个中到大型的单页应用时，经常会遇到如下问题：如何让多个 Vue 组件共享状态？？V...

2020-04-08 22:14:50 16558 13

原创 SaaS：软件即服务的新趋势

本文将介绍SaaS（软件即服务）的概念、优势及其在实际项目中的应用，帮助读者更好地理解SaaS的重要性，提高软件开发效率。SaaS（软件即服务）是一种软件交付模型，它允许用户通过互联网访问和使用软件服务，而无需在本地安装软件。SaaS提供商通常负责软件的维护、升级和安全，用户只需支付订阅费用即可使用。SaaS是一种软件交付模型，它允许用户通过互联网访问和使用软件服务。掌握SaaS的使用方法，可以为软件开发提供强有力的支持，提高开发效率。

2024-07-26 22:46:58 419

原创 Webpack构建速度优化技巧

本文将介绍Webpack构建速度优化的常见方法，帮助读者提高构建效率，提升开发体验。掌握Webpack构建速度优化技巧，可以帮助开发者提高构建效率，提升开发体验。通过本文的介绍，我们了解了减少构建步骤、优化构建配置、使用缓存策略、使用多线程编译和Webpack Plugin等Webpack构建速度优化技巧，以及它们在实际项目中的应用。希望这些知识能为前端开发提供强有力的支持，提高开发效率。

2024-07-26 22:42:13 477

原创非阻塞I/O：现代Web开发的性能利器

本文将介绍非阻塞I/O的概念、工作原理及其在实际项目中的应用，帮助读者更好地理解非阻塞I/O的重要性，提高前端开发的效率。非阻塞I/O是一种I/O操作模式，它允许程序在等待I/O操作完成的同时，继续执行其他任务。这种模式可以提高程序的性能，因为它减少了程序在等待I/O操作完成时的空闲时间。性能优化：非阻塞I/O可以提高程序的性能，因为它减少了程序在等待I/O操作完成时的空闲时间。资源利用：非阻塞I/O可以提高系统资源的利用效率，因为它允许程序在等待I/O操作完成时执行其他任务。并发处理。

2024-07-26 22:21:04 321

原创 URL：HTTP请求与响应的核心标识符

本文将介绍URL的概念、构成及其在实际项目中的应用，帮助读者更好地理解URL的重要性，提高前端开发的效率。URL（统一资源定位符）是标识要请求或响应的资源的核心标识符。它由协议、服务器地址、端口和资源路径组成，用于定位网络上的资源。标准化：URL使用统一的标准格式，便于理解和使用。可扩展性：URL可以包含多种协议和地址，如等。安全性：URL可以包含加密的协议，如HTTPS，提高数据传输的安全性。URL是标识要请求或响应的资源的核心标识符，由协议、服务器地址、端口和资源路径组成。

2024-07-26 22:14:53 619

原创内容编码：HTTP中的数据压缩技巧

本文将介绍HTTP内容编码的概念、作用及其在实际项目中的应用，帮助读者更好地理解内容编码的重要性，提高网页性能。内容编码是HTTP中用于压缩数据的一种技术。它允许将数据压缩成更小的格式，从而减少传输时间，提高网页性能。常见的编码方式包括gzipdeflatebr内容编码是HTTP中用于压缩数据的一种技术，它可以帮助开发者提高网页性能和用户体验。掌握内容编码的使用方法，可以为项目开发提供强有力的支持，提高网页性能。

2024-07-26 22:10:05 911

原创同源策略：保护Web安全的基石

本文将介绍同源策略的概念、作用及其在实际项目中的应用，帮助读者更好地理解同源策略的重要性，提高网络安全防护能力。同源策略是一种安全措施，用于防止不同源之间的通信。在Web开发中，同源策略限制了来自不同源的页面、脚本、图片等资源之间的交互。安全性：同源策略可以防止跨站脚本攻击（XSS）和其他安全威胁，保护网站的安全性。简洁的实现：同源策略的实现相对简洁，易于理解和维护。跨平台兼容性：同源策略可以在不同的平台上运行，包括Web、移动端和桌面端。

2024-07-22 23:33:44 780

原创 HTTP头：控制网页行为的关键

本文将介绍HTTP头的作用、类型及其在实际项目中的应用，帮助读者更好地理解HTTP头的重要性，提高前端开发的效率。HTTP头是一系列用于控制网页行为和响应的键值对。它们在HTTP请求和响应中传输，用于设置网页的缓存策略、安全设置、内容类型等。灵活性：HTTP头可以根据需求设置各种键值对，以控制网页行为和响应。性能优化：合理设置HTTP头可以优化网页性能，如设置缓存策略、压缩响应体等。安全性：HTTP头可以用于设置安全设置，如设置内容安全策略、限制请求方法等。

2024-07-22 23:29:16 989

原创 WebGL：在网页上创建3D图形的强大工具

本文将介绍WebGL的概念、工作原理及其在实际项目中的应用，帮助读者更好地理解WebGL的重要性，提高前端开发的效率。WebGL（Web Graphics Library）是一个用于在网页上渲染2D和3D图形的API。它使用HTML5的Canvas元素作为绘图表面，并允许开发者使用OpenGL ES 2.0或3.0的API来渲染图形。强大的功能：WebGL支持多种图形效果和交互功能，如阴影、纹理、动画等。跨平台兼容性：WebGL可以在不同的平台上运行，包括Web、移动端和桌面端。性能。

2024-07-21 12:02:46 765

原创 WebGPU：下一代Web图形API

本文将介绍WebGPU的概念、工作原理及其在实际项目中的应用，帮助读者更好地理解WebGPU的重要性，提高前端开发的效率。WebGPU是一个新的Web图形API，它旨在提供比WebGL更强大、更高效的图形渲染能力。WebGPU基于WGPU和WebGL，支持现代图形硬件，如GPU、CPU等。强大的功能：WebGPU支持现代图形API，如DirectX 12、Vulkan等，提供丰富的图形效果和交互功能。高效性能：WebGPU使用高效的图形渲染技术，可以实现高性能的图形渲染，提高网页的加载速度和响应时间。

2024-07-21 12:02:17 644

原创 Vue 3自定义Hook与Vue 2中的Mixin技术对比

本文将对比分析Vue 3自定义Hook和Vue 2中的Mixin技术，探讨它们的特点、优势和应用场景，帮助读者根据实际需求选择最适合的技术。Vue 3自定义Hook是一种新的组件复用和共享逻辑的方式，它基于Vue 3的Composition API实现。自定义Hook允许开发者创建可复用的函数，并在不同的组件中使用它们。简洁的语法：自定义Hook使用Vue 3的，使得代码更加简洁和易于阅读。强大的功能：自定义Hook支持参数传递、返回值、生命周期钩子等，可以实现复杂的逻辑。性能。

2024-07-21 11:53:57 976

原创 Vue 3中的toRefs：如何将对象解构为响应式引用

本文将介绍Vue 3中toRefs函数的概念、作用及其在实际项目中的应用，帮助读者更好地理解toRefs的重要性，提高前端开发的效率。toRefs函数是Vue 3提供的一种工具，它允许开发者将对象解构为响应式引用。通过使用toRefs，可以更容易地处理复杂的数据结构，并实现数据的响应式绑定。简洁的语法：toRefs函数使用简洁的语法，使得代码更加简洁和易于阅读。强大的功能：toRefs函数支持对象解构和响应式引用，可以处理复杂的数据结构。兼容。

2024-07-21 11:47:06 644

原创 WebAssembly：现代Web开发的基石

本文将介绍WebAssembly的概念、作用及其在实际项目中的应用，帮助读者更好地理解WebAssembly的重要性，提高前端开发的效率。WebAssembly是一种新型的Web技术，它允许开发者使用其他编程语言编写代码，并将其编译为高效的Web运行时格式。可以提供接近原生代码的性能，提高Web应用的运行效率。可以在不同的平台上运行，包括Web、移动端和桌面端。支持多种编程语言，如C/C++、Rust等。

2024-07-21 11:36:44 867

原创 SeaJs：模块化JavaScript的前身

本文将介绍SeaJs的概念、作用及其在现代Web开发中的应用，帮助读者更好地理解SeaJs的重要性，提升前端开发效率。SeaJs是一个早期的模块化JavaScript加载器，它提供了一系列简洁的API，用于简化模块的加载和管理。简洁的语法：SeaJs使用简洁的语法，使得代码更加简洁和易于阅读。强大的功能：SeaJs支持模块的动态加载、依赖管理和缓存等。兼容性：SeaJs支持多种浏览器和Node.js环境。Sea.js具有以下特点：遵循CommonJS。

2024-07-20 15:31:25 1002

原创内容安全策略（CSP）：提高Web安全性的重要手段

本文将介绍内容安全策略（CSP）的概念、作用及其在实际项目中的应用，帮助读者更好地理解CSP的重要性，提高网络安全防护能力。内容安全策略（CSP）是一种Web安全技术，它允许网站所有者定义哪些外部资源可以加载和执行。CSP的主要作用是防止网站遭受恶意脚本攻击和内容注入等安全威胁。通过设置CSP，网站所有者可以限制网站可以加载和执行的资源，从而提高网站的安全性。内容安全策略（CSP）是一种重要的Web安全技术，它允许网站所有者定义哪些外部资源可以加载和执行。

2024-07-20 14:56:52 592

原创 HTTP-only Cookie：保护用户隐私的重要手段

本文将介绍HTTP-only Cookie的概念、作用及其在实际项目中的应用，帮助读者更好地理解HTTP-only Cookie的重要性，提高网络安全防护能力。HTTP-only Cookie是一种特殊类型的Cookie，它只能通过HTTP协议发送和接收，不能通过JavaScript等客户端脚本访问。这意味着，即使攻击者通过XSS等手段获取了用户的Cookie，也无法通过客户端脚本读取或修改这些Cookie。

2024-07-20 14:13:03 966

原创 Vue.js 3响应系统：如何工作及应用

本文将详细介绍Vue.js 3响应系统的原理、实现方式及其在实际项目中的应用，帮助读者更好地理解Vue.js 3响应系统的重要性，提高前端开发的效率。Vue.js 3响应系统是基于Proxy API实现的，它允许开发者直接操作数据对象，而不需要手动添加getter和setter。简洁的语法：Vue.js 3响应系统使用简洁的语法，使得代码更加简洁和易于阅读。强大的功能：Vue.js 3响应系统支持数据双向绑定、计算属性和侦听器等功能。高效的性能。

2024-07-20 14:09:56 743

原创虚拟机与编译器：现代编程语言的基石

本文将介绍虚拟机与编译器在现代编程语言中的作用、区别及其在实际项目中的应用，帮助读者更好地理解这两种技术的重要性。虚拟机是一种软件模拟的计算机系统，它可以在物理计算机上运行。虚拟机可以实现跨平台运行，提高编程语言的兼容性和可移植性。虚拟机的主要作用是将高级编程语言转换为机器语言，并在虚拟环境中执行。虚拟机（Virtual Machine）是一种计算机程序，它可以模拟另一台计算机的硬件并运行其操作系统和应用程序。

2024-07-18 20:46:53 671

原创 Zepto：轻量级的JavaScript库

本文将介绍Zepto库的概念、作用及其在实际项目中的应用，帮助读者更好地理解Zepto的重要性，提高前端开发的效率。Zepto是一个轻量级的JavaScript库，它提供了一系列简洁的API，用于简化DOM操作、事件处理和动画效果等。轻量级：Zepto库体积较小，易于加载和运行。兼容性：Zepto支持多种浏览器，包括旧版浏览器。简洁的语法：Zepto使用链式语法和选择器，使得代码更加简洁和易于阅读。

2024-07-18 20:39:42 757

原创浏览器特性：理解浏览器差异与兼容性

本文将介绍浏览器特性的概念、类型及其在实际项目中的应用，帮助读者更好地理解浏览器差异，提高网页的兼容性和用户体验。浏览器特性是现代网页设计中的重要概念，它对网页的兼容性和用户体验产生重要影响。通过本文的介绍，我们了解了浏览器特性的概念和应用。掌握浏览器特性的使用方法，可以为网页设计提供强有力的支持，提高网页的兼容性和用户体验。

2024-07-18 20:36:34 617

原创 Request.js：高效的HTTP请求库

本文将介绍Request.js库的概念、作用及其在实际项目中的应用，帮助读者更好地理解Request.js的重要性，提高前端开发的效率。Request.js是一个轻量级的HTTP请求库，它提供了一系列简洁的API，用于简化HTTP请求的发送和处理。简洁的语法：Request.js使用链式语法和可选参数，使得代码更加简洁和易于阅读。强大的插件系统：Request.js拥有丰富的插件和社区支持，可以扩展其功能。兼容性：Request.js支持多种浏览器和Node.js环境。

2024-07-17 22:06:28 647

原创理解React中的JSX：语法与实战应用

本文将详细介绍React中的JSX语法，探讨其原理及如何在实际项目中应用JSX，帮助读者更好地掌握React的开发技巧。JSX是一种特殊的语法，它允许开发者直接在JavaScript代码中编写HTML和CSS。JSX语法允许开发者将HTML和CSS与JavaScript代码结合起来，从而简化代码的编写和维护。JSX（JavaScript XML）是一种在 React 中使用的语法扩展。它允许你在 JavaScript 代码中编写类似 HTML 的标记，从而更方便地创建 React 组件。

2024-07-17 22:03:07 1074

原创 Angular：构建现代Web应用的强大框架

本文将介绍Angular框架的概念、特点及其在实际项目中的应用，帮助读者更好地理解Angular的重要性，提高前端开发的效率。Angular是一个由Google维护的开源Web应用框架，它使用TypeScript编写，并具有模块化组件化数据绑定依赖注入Angular可以帮助开发者构建高性能、可维护和可扩展的Web应用。Angular是一个强大的Web应用框架，它使用TypeScript编写，并具有模块化、组件化、数据绑定和依赖注入等特点。

2024-07-17 21:56:41 928

原创 jQuery：简化DOM操作的利器

本文将介绍jQuery库的概念、作用及其在实际项目中的应用，帮助读者更好地理解jQuery的重要性，提高前端开发的效率。jQuery是一个跨平台的JavaScript库，它提供了一套简洁的API，用于简化DOM操作、事件处理和动画效果等。简洁的语法：jQuery使用链式语法和选择器，使得代码更加简洁和易于阅读。强大的插件系统：jQuery拥有丰富的插件和社区支持，可以扩展其功能。兼容性：jQuery支持多种浏览器，包括旧版浏览器。

2024-07-17 21:53:04 891

原创 Flexbox与Grid布局：现代网页设计的利器

本文将详细介绍Flexbox与Grid布局这两种现代网页布局技术，帮助读者理解它们的原理和应用，以提升网页设计的效果和用户体验。Flexbox布局是一种现代的网页布局技术，它提供了一种更灵活、强大的布局方式。Flexbox布局通过使用flex容器和flex子项，实现了对元素尺寸、对齐和间距的精准控制。容器性：Flexbox布局的核心是flex容器，它决定了flex子项的布局方式。方向性：Flexbox布局支持水平、垂直和交叉方向上的布局。

2024-07-17 06:00:00 904

原创 Node.js、Java、Php：三种主流服务器端技术的对比与选择

本文将详细介绍Node.js、Java、Php这三种服务器端技术的特点、优势和应用场景，帮助读者根据实际需求选择最适合的服务器端技术。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端代码。Node.js具有轻量级、事件驱动和异步IO等特点，适用于构建高性能、高并发的前后端一体化应用。Java是一种跨平台的编程语言，由Sun Microsystems公司开发。

2024-07-17 05:30:00 600

原创响应式图片优化：srcset与sizes属性的使用技巧

本文将介绍响应式图片中srcset和sizes属性的概念、作用及其在实际项目中的应用，帮助读者更好地理解响应式图片技术，提升网页的适应性和用户体验。srcset属性是一个用于指定图片多个版本的属性，它允许浏览器根据屏幕大小和分辨率选择最佳的图片版本。通过使用像素密度（DPI）和宽度（w）值来定义多个图片版本，srcset属性可以提高网页的性能和视觉效果。sizes属性是一个用于指定图片在不同屏幕尺寸下的宽度的属性，它允许浏览器根据屏幕大小自动调整图片的大小。

2024-07-16 23:35:46 554

原创响应式设计：让网页适应不同设备

本文将介绍响应式设计的基本概念、原则及其在实际项目中的应用，帮助读者更好地理解响应式设计，提高网页的适应性和用户体验。响应式设计是现代网页设计的重要趋势，它允许网页内容根据设备屏幕尺寸和方向自动调整，以提供最佳的视觉效果和用户体验。通过本文的介绍，我们了解了响应式设计的基本概念、原则及其在实际项目中的应用。掌握响应式设计的使用方法，可以为网页设计提供强有力的支持。

2024-07-16 23:28:12 885

原创前端设计模式：提升代码质量和可维护性

本文将介绍前端设计模式的概念、类型及其在实际项目中的应用，帮助开发者更好地理解设计模式，提高代码质量和可维护性。前端设计模式是一系列用于解决前端开发中常见问题的可复用解决方案。它们可以提高代码的可读性、可维护性和可扩展性，使开发者能够更专注于业务逻辑的实现。前端设计模式是提升代码质量和可维护性的重要手段。通过本文的介绍，我们了解了前端设计模式的概念、类型及其在实际项目中的应用。掌握前端设计模式的使用方法，可以为前端开发提供强有力的支持。

2024-07-16 23:26:36 839

原创前端构建工具：Webpack、Gulp、Browserify、Grunt的对比与选择

本文将详细介绍Webpack、Gulp、Browserify、Grunt这四种前端构建工具的特点、优势和应用场景，帮助读者根据实际需求选择最适合的工具。Webpack、Gulp、Browserify、Grunt各有特点和优势，选择合适的工具需要根据项目需求、团队熟悉度和性能要求等因素综合考虑。掌握这些工具的使用方法，可以为项目开发提供强有力的支持。

2024-07-16 22:39:22 893

原创 Express、Koa、Egg.js：Node.js框架的对比与选择

本文将对比分析Express、Koa、Egg.js这三个Node.js框架的特点、优势和应用场景，帮助读者根据实际需求选择最适合的框架。Express是一个轻量级的Web框架，用于快速搭建Node.js应用程序。它提供了路由、中间件和模板引擎等功能，使开发者可以更专注于业务逻辑的实现。Express框架简单易用，拥有丰富的插件和社区支持。Express 是一个基于 Node.js 的 web 应用框架，它提供了一种简洁、可读性高的方式来构建 Web 应用程序。

2024-07-16 22:31:32 789

原创 Vue 3.0、React Native、Uniapp等框架的对比分析

本文将详细介绍Vue 3.0、React Native、Uniapp等前端框架的特点、优势和应用场景，帮助读者根据实际需求选择最适合的框架。Vue 3.0是一个轻量级的JavaScript框架，用于构建用户界面和单页面应用。它具有简洁的API、响应式的数据绑定和组件化设计等特点。Vue 3.0支持构建跨平台的应用，包括Web、移动端和桌面端。React Native是一个由Facebook开发的开源框架，用于构建原生移动应用。它使用JavaScript编写，并允许开发者使用React的组件化设计理念。

2024-07-16 22:23:42 922

原创遵循Web标准：提升网页质量和用户体验

本文将介绍Web标准的重要性、内容以及遵循Web标准的方法，帮助开发者提升网页质量和用户体验。Web标准是一系列用于创建和维护网页的规范和最佳实践。遵循Web标准可以提高网页的可访问性、兼容性和性能，从而提升用户体验。Web标准包括HTML、CSS、JavaScript等技术的规范，以及一些最佳实践和设计原则。遵循Web标准是确保网页质量和用户体验的重要手段。通过本文的介绍，我们了解了Web标准的重要性、内容以及遵循Web标准的方法。掌握这些知识，可以为Web开发提供强有力的支持，提升网页质量和用户体验。

2024-07-16 22:09:03 976

一个月学会JavaScript.pdf

空空如也