
JavaScript
文章平均质量分 92
Huang_xianlong
接前端开发项目,HTML/CSS/JS/TS/Vue/uniapp/node.js/小程序
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Websocket的基本使用-聊天室案例
websocket 特点(1)实时通信:全双工协议,延迟更少,效率更高。(2)与HTTP协议有良好的兼容性:默认端口也是80 和 443,并且握手阶段采用HTTP协议,可以通过各种HTTP代理服务器,不容易被屏蔽。(3)控制开销:用于协议控制的数据包头部相对较小,数据格式比较简洁,性能开销比较小,通信高效。(4)二进制传输:可以发送文本,也可以发送二进制数据。(5)没有同源限制:可以实现客户端和服务器的任意通信。(6)实现简单:建立在TCP协议之上,服务器端的实现比较简单。原创 2024-03-28 10:07:26 · 1038 阅读 · 0 评论 -
npm、pnpm和yarn 的区别
包管理工具是JavaScript开发中不可或缺的一部分,它们可以帮助我们方便地安装、更新、删除和管理项目所依赖的各种库和模块。目前,最流行的包管理工具有npm、yarn和pnpm,它们各有各的特点和优劣势。本文将试着对这三个工具进行全面的对比。原创 2024-01-03 17:37:39 · 1659 阅读 · 0 评论 -
Vue3 + 百度地图实现位置选择,获取地址经纬度
API文档地址:https://lbsyun.baidu.com/index.php?API文档地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/index.php?API文档地址:https://lbsyun.baidu.com/index.php?示例地址:https://lbsyun.baidu.com/jsdemo.htm。原创 2023-09-08 17:05:52 · 7327 阅读 · 7 评论 -
Pinia基础及使用方法
简单来说,Pinia是vueX的新版本,我们都知道Vuex在Vue2中主要充当状态管理的角色,所谓状态管理,就是一个存储数据的地方,存放在Vuex中的数据在各个组件中都能访问到,它是Vue生态中重要的组成部分。在Vue3中,可以使用传统的Vuex来实现状态管理,也可以使用最新的pinia来实现状态管理。Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。Pinia和Vuex的作用是一样的,它也充当的是一个存储数据的作用,存储在pinia的数据也允许我们在各个组件中使用。原创 2023-08-22 16:15:00 · 1880 阅读 · 0 评论 -
Vue3 实用的开发技巧
Vue3 实用的开发技巧原创 2023-08-02 14:41:48 · 908 阅读 · 0 评论 -
Vue3 的ref和reactive的用法和区别
ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref定义基本数据类型,reactive定义引用数据类型。原创 2023-08-01 15:07:20 · 2073 阅读 · 0 评论 -
JavaScript中常用的数组方法
JavaScript中常用的数组方法文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分原创 2023-02-14 09:51:36 · 365 阅读 · 0 评论 -
Vue3 的基础使用(详细)
vue3的基础使用(详细)原创 2023-02-12 14:16:20 · 4702 阅读 · 0 评论 -
vue组件间的通信方式
一、组件间通信的概念组件是 vue 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互进行直接的引用,所以组件间的相互通信是非常重要的。通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上,任何信息的交通都是通信。组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的。二、组件间通信的分类组件间通信的分类可以分成以下:父子组件之间的通信兄弟组件之间的通信跨代组件之间的通信非关系组件间之间的通信三、组件间通信的方案原创 2023-02-02 18:53:00 · 635 阅读 · 0 评论 -
JavaScript进阶之DOM(二)
六、排他操作1.排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法: 所有元素全部清除样式(干掉其他人) 给当前元素设置样式 (留下我自己) 注意顺序不能颠倒,首先干掉其他人,再设置自己 代码实现: <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> .原创 2021-10-01 23:09:43 · 399 阅读 · 1 评论 -
JavaScript进阶之DOM(一)
JavaScript进阶之DOM(一)目录总览一、 Web API介绍1.API的概念 API是一些预先定义的函数。 无需理解其内部工作机制细节,只需直接调用使用即可。 例如,javascript中函数alert(),2 .Web API的概念 Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。 MDN 详细 API : https://developer.mozilla.org/zh-CN/docs/Web/原创 2021-09-07 22:33:15 · 295 阅读 · 0 评论 -
JavaScript基础总结(2)
JavaScript基础总结(2)六、数组与函数数组1. 数组的概念一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。2. 创建数组 利用new关键字创建数组; var数组名=newArray([n]);//[]代表可选若写n,则代表数组的长度vararr=newArray();//创建了一个名为arr的空数组 利用数组字面量创建数组 //...原创 2021-08-26 22:54:25 · 854 阅读 · 3 评论 -
JavaScript基础总结(1)
JavaScript基础总结(1)一、编程基础编程基础计算机语言:可以分为机器语言,汇编语言,高级语言。计算机内部最终执行的都是机器语言,由“0”和“1”组成的二进制数,二进制是计算机语言的基础。数据存储单位:8bit(比特) = 1B(Byte)字节 千字节1KB = 1024B翻译器:高级语言编写的程序不能被计算机识别,需要经过转换,将源代码程序翻译成机器语言才能运行。浏览器里面的js解释器就是这样的一个翻译器。程序运行:打开某个程序时,先从硬盘中把程序的代码加载到内存中.原创 2021-08-25 23:48:46 · 457 阅读 · 0 评论