- 博客(44)
- 收藏
- 关注
RSS订阅原创 计算属性和监听属性应用场景
在实际的Vue项目开发中，两者常常结合使用，根据具体的业务需求灵活选择计算属性或者监听属性来处理数据的计算和响应式变化。
2024-11-15 10:21:39
225
原创 前端provide 与 inject 的用法，作用
这个数据可以是一个值、一个对象，或者是一个返回值的函数。提高代码的可维护性：通过将数据的提供和使用分离到不同的组件中，可以使代码更加模块化，提高代码的可维护性。如果需要实现响应式的数据传递，可以结合 Vue 的响应式系统来进行处理。实现跨级组件通信：当组件之间的层级关系比较复杂，通过 props 层层传递数据不太方便时，接收了这个数据，并在模板中进行了展示。提供的数据发生了变化，子孙组件中的。主要用于实现组件之间的跨级通信。以下是一个简单的示例，展示了。在上述示例中，祖先组件通过。的数据，子孙组件通过。
2024-10-27 11:20:03
525
原创 关于SSR和SSG
SSR 可以提高页面的加载速度和 SEO 性能，因为搜索引擎可以更好地理解和索引服务器端生成的 HTML 内容。SSG（Static Site Generation）是静态站点生成，它在构建时生成静态 HTML 页面，并将其部署到服务器上。SSG 通常使用前端框架（如 Vue.js、React 等）和静态站点生成工具（如 Gatsby、Next.js 等）来实现。总的来说，SSR 和 SSG 都是为了提高前端应用的性能和用户体验而设计的技术，选择哪种技术取决于具体的应用场景和需求。
2024-09-19 13:42:32
784
原创 cookie的同源策略
端口：如果设置 Cookie 时指定了端口，那么 Cookie 只能在与该端口相同的请求中发送。如果没有指定端口，默认情况下，Cookie 适用于与设置 Cookie 时的域名相关的所有常用端口（如。通过限制 Cookie 的发送范围，只有合法的、同源的服务器才能访问和使用相应的 Cookie 信息。Cookie 的同源策略是指浏览器在发送 Cookie 时，只会将 Cookie 发送到与当前页面同源的服务器上。协议：Cookie 只能在与设置 Cookie 时使用的协议相同的请求中发送。
2024-09-19 13:30:22
535
原创 微信小程序的遍历和事件的简单案例
在微信小程序中，你可以通过为组件添加事件来实现交互功能。当用户触发这些事件时，小程序会执行相应的处理函数。函数中进行相应的处理，比如跳转到不同的页面、显示相关信息等。希望这个示例对你有帮助！如果还有其他问题，随时可以问我。数组，并为每个标签视图添加了。可以获取到当前点击的标签文本。在上述代码中，我们使用。你可以根据实际需求在。
2024-08-19 20:59:40
730
原创 关于开发微信小程序
这只是一个非常简单的示例，实际的微信小程序开发可能会涉及到更多的功能和复杂的逻辑。在开发过程中，要充分利用微信小程序提供的各种能力和组件，以实现丰富的用户体验。希望这个简要的介绍对你有所帮助！如果你需要更深入的学习和了解，建议参考微信官方开发文档和相关的教程资源。页面中展示了一个文本信息，并绑定了一个点击事件，当点击按钮时，会修改文本信息。在上述示例中，我们定义了一个小程序的应用（
2024-08-19 20:57:04
205
原创 关于微信小程序的理论知识
微信小程序是一种不需要下载安装即可使用的应用程序，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。总之，微信小程序是一种非常实用的应用程序，它为用户提供了更加便捷的服务，也为开发者提供了更多的商业机会。2017 年 1 月 9 日，张小龙在 2017 微信公开课 Pro 上发布的小程序正式上线。
2024-08-19 20:54:51
185
原创 关于TS（typescript）的理论知识
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的一个超集，添加了可选的静态类型和基于类的面向对象编程。TypeScript 最终会被编译成纯 JavaScript 代码，以便在任何支持 JavaScript 的平台上运行。：TypeScript 可以与现有的 JavaScript 库和框架无缝工作，因为最终编译出的代码是纯 JavaScript。：TypeScript 支持最新的 ECMAScript 标准，并且可以编译成支持旧版 JavaScript 引擎的代码。
2024-07-25 21:57:42
368
原创 vue2中vuex的用法
Vuex 提供了一种集中管理 Vue 应用程序状态的方式，使得状态的共享和管理变得更加简单和可预测。通过使用 state、mutations、actions 和 getters，开发者可以清晰地定义状态的变化和获取方式。对于大型应用，使用模块化的方式管理 Vuex store 是一种很好的实践。
2024-07-24 18:31:55
474
原创 父子组件之间传参
父组件向子组件传递数据：使用props。子组件向父组件传递数据：使用$emit触发事件。这样的结构可以让父子组件之间的通信变得清晰和高效。
2024-07-22 08:44:50
322
原创 什么是Vue
Vue.js (通常简称为Vue) 是一个流行的JavaScript前端框架,用于构建用户界面和单页应用程序(SPA)。以下是Vue的一些主要特点和概念:渐进式框架:Vue可以逐步采用,从简单的应用到复杂的企业级应用都适用。响应式数据绑定:Vue自动追踪依赖关系并在数据变化时更新DOM。组件化:Vue应用由独立可复用的组件构建而成。虚拟DOM:Vue使用虚拟DOM来高效更新实际DOM。模板语法:Vue使用基于HTML的模板语法,允许声明式地将DOM绑定到底层Vue实例的数据。
2024-07-16 11:03:17
294
原创 for in 和 for of 循环的区别
如果你想遍历数组或其他可迭代对象的值，使用。如果你想遍历数组或其他可迭代对象的值，使用。总的来说，如果你想遍历对象的属性，使用。总的来说，如果你想遍历对象的属性，使用。
2024-07-13 07:40:35
344
原创 js高级（二）
先从自身对象上面查找，本身如果没有，在原型上面进行查找，依次向下查找,如果都没有打印undefined或者报错。4、任何对象都有constructor属性，实例化对象的constructor属性指向构造函数。5、原型也是对象，也有constructor属性，原型constructor属性指向构造函数。6、实例化对象上面有个__proto__属性，他是一个指针，指向构造函数的原型。2、构造函数也是函数，也有prototype属性，我们称之为原型。实例化对象调用原型上面的方法，this指向实例化对象。
2024-07-06 19:53:09
300
原创 js高级（一）
1、对过程式代码的高度封装，目的提高代码的开发效率和可维护性。2、面向对象不是面向过程的替代，而是面向过程的封装。2、对象是一个容器，封装了属性和方法。三：面向对象的特征 （重点）一、什么是对象：万物皆为对象。1、对象是单个事物的抽象。
2024-07-06 19:45:33
154
原创 Set和Map的用法
这两种数据结构为 JavaScript 开发者提供了更多的选择，可以根据具体需求选择合适的结构来组织和管理数据。Set 是一种存储唯一值的集合，可以是任何类型的值（原始值或对象引用）。Map 是一种存储键值对的集合，其中键和值都可以是任何类型。
2024-07-06 17:00:46
239
原创 默认导出和普通导出的区别
默认导出和普通导出在导出数量、命名方式、导入语法和使用场景等方面存在明显的区别。选择哪种导出方式取决于模块的具体需求和设计目标。
2024-07-02 21:01:06
317
原创 iterator遍历器
就会被调用，返回一个iterator对象。里面有个next()方法，继续调用next()方法，返回一个对象，对象里面有value (可遍历对象的元素)，done (判断是否循环结束)当done为true的时候循环结束。of为什么不能遍历对象 对象的原型上没有iterator属性。就会被调用，返回一个iterator对象。原型上的属性和方法可以被实例化对象所继承。当可遍历对象被for…当可遍历对象被for…
2024-07-02 18:19:18
318
原创 js数据类型运算
&: 两个操作数同时为true，结果为true，否则都是false。||: 两个操作数有一个为true，结果为true，否则为false。4、关系运算符 < > >= <= ==!toFixed(n) 保留n位小数 (四舍五入)关系运算符两边都是字符串 只比较第一个数字。1、算术运算符 + - * / %3、逻辑运算符 && ||!2、一元运算符 ++ –前置++ 先运算 后赋值。后置++ 先赋值 后运算。
2024-06-23 15:43:22
205
原创 js基础知识
基本数据类型：数字（number） 字符串 (string) 布尔 (boolean) 未定义 (undefined) 空 (null) 唯一值 (symbol)引用数据类型：数组 （array） 对象 （object） 函数 （funcion） Set Map。BOM：browser object model 浏览器对象模型。1、由字母、数字、下划线、$符号组成，不能以数字开头。2、不能是关键字和保留字，例如：for、while。ES: ECMAscript: js的语法规范。2、遵守驼峰命名法。
2024-06-23 15:30:23
109
原创 jQuery中bind和on的区别
方法来为元素绑定事件处理程序，以获得更好的功能和性能。方法都用于为元素绑定事件处理程序。方法的升级版本，具有更强大的功能和更好的性能。
2024-06-18 16:07:09
227
原创 js 节点
子节点–childNodes：标签节点、文本节点、注释节点 得到的是伪数组。上一个子元素节点–previousElementSibling: 上一个标签。最后一个子元素节点–lastElementChild: 最后一个标签。下一个子元素节点–nextElementSibling: 下一个标签。上一个子节点–previousSibling:文本。下一个子节点 --nextSibling:文本。子元素节点–children :标签节点。最后一个子节点–lastChild:文本。
2024-06-05 20:56:08
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人