自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 vue样式绑定7种实现方法

混合使用动态绑定和模板语法,结合条件逻辑来动态设置多个样式。,对象的键是类名,值是布尔值,表示类是否应用。通过传递 Prop 来动态设置子组件的样式。,对象的键是 CSS 属性,值是属性值。将多个内联样式对象组合在一个数组中。利用计算属性实现更复杂的逻辑。将一个对象绑定到元素的。可以将一个数组绑定到。,数组中的元素是类名。

2024-09-09 17:00:20 611 1

原创 Vue中的“多态”

在Vue.js中,“多态”通常指的是组件的多态性,即一个组件可以根据不同的输入(如props、slots等)呈现不同的形态或行为。Vue的多态性使得组件更加灵活和可复用。

2024-09-07 08:06:00 425

原创 Vue实现双向数据绑定

<p>自定义组件的值是: {{ customMessage }}</p>data() {return {</script>在<template><script>props: {},methods: {

2024-09-06 09:45:40 696

原创 Vue.js 构建 SPA

使用 Vue.js 构建单页应用(SPA)是一个非常流行的选择,它提供了强大的工具和库来简化开发过程。

2024-09-03 11:26:58 654

原创 Vue安装方式

对于更复杂的项目,你可以使用 Vue CLI 来创建和管理项目。运行该命令会在目录生成相关文件夹,用于存放不同的开发代码。CLI脚手架与建筑工程学中的脚手架有异曲同工之妙。: 在你的 JavaScript 文件中创建一个 Vue 实例,并将其挂载到一个 DOM 元素上。: 你可以通过 npm 或直接在 HTML 文件中引入 Vue 的 CDN 链接来安装 Vue。: 你可以创建自定义组件并在 Vue 实例中使用它们。

2024-08-22 08:17:59 307

原创 JavaScript经典面试题

当访问对象的属性时,如果对象本身没有该属性,JavaScript会沿着原型链向上查找,直到找到该属性或到达原型链的末端。Promise是用于异步编程的对象,表示一个尚未完成但预期将来会完成的操作的结果。箭头函数是ES6引入的一种简洁的函数写法,没有自己的this,不能用作构造函数,也没有arguments对象。事件冒泡是指事件从最具体的元素(事件目标)开始,然后向上传播到较不具体的元素(例如父元素)。回调函数是一个作为参数传递给另一个函数的函数,用于在某个操作完成后执行。var:函数作用域,存在变量提升。

2024-08-21 09:09:45 284

原创 Vue之钩子函数

在Vue.js中,钩子函数(Lifecycle Hooks)是组件生命周期中特定时刻会被调用的函数。通过这些钩子函数,可以在组件的不同阶段执行特定的逻辑。

2024-08-21 08:50:42 345

原创 Vue之循环遍历

在Vue.js中,循环遍历数据通常使用v-for指令。v-for指令可以用于遍历数组或对象,并生成对应的DOM元素。

2024-08-21 08:08:49 304

原创 Vue调用websocket

(如果需要): 通常情况下,浏览器自带WebSocket API,不需要额外安装库。但如果你需要使用一些封装好的库,可以考虑安装。: 在你的Vue组件中创建WebSocket连接。或其他WebSocket库。: 监听WebSocket的。生命周期钩子中进行初始化。事件,并进行相应的处理。

2024-08-21 08:04:29 397

原创 Vue经典面试题

Vuex是Vue.js的状态管理模式和库。State:存储应用的状态数据。Getters:从state中派生出一些状态,类似于计算属性。Mutations:同步修改state的方法。Actions:可以包含任意异步操作,用于提交mutation。Modules:将store分割成模块,每个模块拥有自己的state、mutation、action、getter。Vue Router是Vue.js的官方路由管理器。嵌套路由路由参数编程式导航路由守卫(导航守卫)路由懒加载可以通过。

2024-08-20 16:37:40 1369

原创 Vue实现简单的粒子特效

在Vue中实现粒子动画效果可以通过多种方式,其中一种常见的方法是使用Canvas API来绘制粒子,并通过JavaScript控制粒子的运动和动画效果。以下是一个简单的示例,展示如何在Vue组件中实现基本的粒子动画效果。

2024-08-20 15:23:55 449

原创 如何用vue实现简单的贪吃蛇游戏

首先,确保你已经安装了Vue CLI。中编写贪吃蛇的游戏逻辑。目录下创建一个新的组件文件。

2024-08-20 15:07:29 449

原创 程序员如何平衡日常编码工作与提升式学习?

通过合理的时间管理、项目驱动的学习、以及建立良好的学习文化,程序员完全可以在高效工作的同时,持续推动自我提升。我认为,日常编码工作和自我提升向的学习不仅能够共存,而且可以相互促进,架起一座友谊、互利的桥梁。这种项目驱动的学习方式,不仅能够帮助程序员完成工作任务,还能在过程中积累新的技能。在解决实际问题的过程中,程序员们会遇到各种各样的新技术和挑战,这些都是宝贵的学习机会。在日常工作中,程序员可以利用碎片时间进行学习,例如在通勤途中听技术相关的播客,或者在休息时间阅读技术文章和书籍。

2024-08-17 11:08:12 235

原创 “低代码”并不低

低代码开发平台与AI的结合,预示着编程领域将迎来一个全新的时代。在这个新时代,无论是专业开发者还是非专业人士,都能通过低代码平台和AI技术,创造出更多创新的应用,推动社会的进步。随着AI技术的不断融入,低代码开发平台将发挥出更大的潜力,为编程领域带来更多的可能性。如何应对这种潮流,学会利用AI让自己的代码更加完善,这也是当下程序员应该做的。低代码开发平台,作为一种新兴的软件开发方式,正逐渐改变着传统的编程模式。本文将探讨低代码开发平台的优势,以及如何与AI协同工作,进一步提升编程效率。

2024-08-17 10:52:40 509

原创 通过node安装vue

在这个过程中,你会被提示选择一些配置选项。选择你需要的选项后,Vue CLI会自动为你创建并配置一个新的Vue项目。Vue CLI是一个官方提供的命令行工具,用于快速搭建Vue.js项目。首先,确保你已经安装了Node.js和npm。如果这两个命令返回版本号,说明Node.js和npm已经安装成功。如果显示版本号,说明Vue CLI安装成功。这将启动一个开发服务器,你可以在浏览器中访问。查看你的Vue应用。

2024-08-17 10:44:49 168

原创 安装node.js

下载适用于你操作系统的安装包(Windows、macOS或Linux)。下载完成后,运行安装包并按照提示完成安装。)可以让你轻松管理多个Node.js版本。此时如果显示版本号 则说明安装成功。使用nvm安装Node.js。Node版本管理器(如。

2024-08-17 10:41:17 327

原创 TCPIP/IPV6

IPv6(Internet Protocol version 6)是互联网协议的第六版,旨在取代IPv4,以解决IPv4地址耗尽的问题。- IPv6支持无状态地址自动配置(SLAAC),设备可以自动配置IPv6地址,简化了网络管理。- IPv6支持扩展头部,允许在基本头部之后添加可选的扩展头部,提供更灵活的数据包处理能力。- IPv6头部相比IPv4更加简化,减少了路由器处理每个数据包的开销,提高了传输效率。- 在IPv4和IPv6网络之间进行地址和协议的翻译,例如NAT64和DNS64。

2024-08-16 16:33:44 560

原创 5G通讯原理

‌此外,‌上海等地将重点聚焦智能制造、‌无人驾驶等产业需求,‌创新网络架构和运营模式,‌打造超级应用,‌助力行业转型发展。‌全球范围内,‌5G的全球连接数已达到16亿,‌预计到2030年,‌5G将成为主导连接技术,‌占全球移动连接的56%。‌这显示了5G技术的广泛应用和持续发展潜力。‌未来,‌5G将继续推动数字经济的发展,‌带动新型消费和新兴产业的成长,‌成为经济发展的新增量。‌同时,‌5G将促进传统产业的数字化、‌智能化改造,‌加速融入实体经济,‌发挥“一业带百业”的重要作用。

2024-08-16 16:23:21 595

原创 解决npm下载报错问题

查看当前的 npm 配置,确保没有错误的配置项。:如果是版本过旧可以尝试下载最新的node.js。

2024-08-16 16:11:18 653

原创 通讯原理之“多址技术”

原理:所有用户使用相同的频带和时间资源,但每个用户分配一个唯一的扩频码,通过扩频码来区分不同用户。- 原理:将可用频谱划分为多个不重叠的子频带,每个用户分配一个或多个子频带进行通信。- **SDMA** 在现代无线通信系统中与MIMO技术结合使用,以提高系统容量和性能。- **FDMA** 和 **TDMA** 在早期的移动通信系统(如GSM)中使用。- **CDMA** 在3G移动通信系统(如CDMA2000和WCDMA)中使用。- **OFDMA** 在4G LTE和5G NR系统中使用。

2024-08-16 15:57:05 1033

原创 Python AI工具

点击登录,输入账号密码,没有账号可自行注册。通过简单的提问它还可以为你快速提供所需代码。前往官网下载安装 VS Code。

2024-08-15 14:47:11 140

原创 简述“PCAP”

这些工具能够实时捕获网络中的数据包,并提供了丰富的过滤和分析功能。特殊情况:服务器端口聚合时,Mode=4(802.3ad)、Mode=5(balance-tlb)、Mode=6(balance-alb)会出现单个IP地址有两个MAC地址,这种情况下也可以辨析,MAC地址相近。:在软件开发过程中,特别是在网络协议开发或测试中,PCAP技术能够捕获数据包,模拟真实环境进行测试,提高开发效率。:通过PCAP技术,网络管理员可以捕获网络中的数据包,监控网络流量,检测异常行为,从而保障网络的安全。

2024-08-15 11:25:41 861 5

原创 关于IP地址几个有意思的基础小问题

‌子网掩码又叫网络掩码、地址掩码、子网络遮罩,是一种用来指明一个IP地址的哪些位标识的是主机所在的子网以及哪些位标识的是主机的位掩码。在IPv4地址中,子网掩码是32位二进制数字,其中前面的位表示网络地址,后面的位表示主机地址。B类IP地址是255.255.0.0;‌子网掩码的划分决定了该地址可容纳的主机数量列如以C类为列255.255.255.0,最大地址个数是256个,其中第一个末段全0的是域地址(网络地址,子网地址),最后一个末段全1的是广播地址,不能分配,所以最多可用地址数是256-2=254个。

2024-08-07 16:37:19 407

原创 关于NAT

动态转换是指将内部网络的私有IP地址转换为公用IP地址时,IP地址是不确定的,是随机的,所有被授权访问上Internet的私有IP地址可随机转换为任何指定的合法IP地址。也就是说,只要指定哪些内部地址可以进行转换,以及用哪些合法地址作为外部地址时,就可以进行动态转换。如果协议数据报文中不包含地址信息,则很容易利用传统的NAT技术来完成透明的地址转换功能,通常使用的如下应用就可以直接利用传统的NAT技术:HTTP、TELNET、FINGER、NTP、NFS、ARCHIE、RLOGIN、RSH、RCP等。

2024-08-06 15:02:57 265

原创 关于“曼彻斯特编码”

在实际应用中,若无特殊说明,曼彻斯特码的编码规则均采用位中间电平从低到高跳变表示"1",位中间电平从高到低跳变表示"0"的约定。这种编码方式通过电平的跳变来对二进制数据“0”和“1”进行编码,在实际电路设计中,可以用一个2选1数字选择器来完成此项功能。曼彻斯特编码是一种自同步的编码方式,在传输过程中,每个数字位都被分解为两个单独的信号进行传输,这可以确保接收端可以在任何时刻都能够正确地解码数据。在曼彻斯特编码中,每个二进制数字位被转换成一个单独的信号,这些信号通过交替的高低电平来表示原始的二进制数字。

2024-07-07 15:31:50 358

原创 解决Free NAS系统启动之后报错的问题

链接:https://pan.baidu.com/s/1Gr8rwqTlfQbRuAWbc4zuUA。由于电脑配置问题,之前我就选择了老一点的FreeNAS版本,后面发现在启动的时候一会就报错。不要使用DHCP地址分配,其次如果是老一点的Free建议升级10代以后。于是就逛了一些论坛,最后也没得到解决。不啰嗦了直接给大家说解决办法。这里给大家提供最新的版本。

2024-07-06 11:31:44 2068

原创 NAS系统之 Free NAS

FreeNAS可被安装于硬盘或移动介质USB Flash Disk上,所占空间不足 16MB。而且FreeNAS还有监控网络情况的作用,重要的一点Freenas 8版本不支持。(0,1,5) 及 web 界面的设定工具。与存储共同使用同一块硬盘,系统文件单独使用一个设备,该设备可以是USB。可启动硬盘 (空间分给FreeNAS和数据)可启动硬盘和一个或多个硬盘(用于存储)下面根据自己的设备性能进行选择,推荐1gb内存以上。、单独的一块硬盘等,存储使用另一磁盘设备。这里注意 空格键是选择确认的意思。

2024-07-06 11:18:21 2258 1

原创 如何在VMware部署windows server 2012

Windows Server 2012可以用于搭建功能强大的网站、应用程序服务器与高度虚拟化的云应用环境,无论是大、中或小型的企业网络,都可以使用Windows Server 2012的管理功能与安全措施,来简化网站与服务器的管理、改善资源的可用性、减少成本支出、保护企业应用程序与数据,可以更轻松有效地管理网站、应用程序服务器与云应用环境。软件,提供用户可在单一的桌面上同时运行不同的操作系统,和进行开发、测试 、部署新的应用程序的最佳解决方案。,支持 PXE 等方面的特点使它成为必不可少的工具。

2024-07-06 10:54:13 431

原创 js冒泡排序法

var examplearr=[8,94,15,88,55,76,21,39];function sortarr(arr){ for(i=0;i&lt;arr.length-1;i++){ for(j=0;j&lt;arr.length-1-i;j++){ if(arr[j]&gt;arr[j+1]){ var te...

2018-05-19 16:47:48 505

原创 css3动画实现简单的立方体效果

&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;空间立方体旋转&lt;/title&gt; &lt;style type="text/css"&gt; body{ backgr

2018-05-19 16:44:25 456 1

原创 Mongodb和mysql的区别

MySQL是传统的关系型数据库,MongoDB则是非关系型数据库,也叫文档型数据库,是一种NoSQL的数据库。MongoDB(文档型数据库):提供可扩展的高性能数据存储一、1、基于分布式文件存储2、高负载情况下添加更多节点,可以保证服务器性能3、将数据存储为一个文档4、MongoDB对数据间的事务关系支持比较弱mongodb与mysql命令对比 传统的关系数据库一般由数据库(database)、表...

2018-05-19 16:39:24 1033

转载 js中的跨域方式

由于浏览器的同源安全策略,域名,端口号,协议如果存在不一致的情况,将导致数据无法传输。此时就需要跨域来完成数据的传输。1.jsonp跨域2.图片平,script标签3.nginx反向代理4.cors跨域5.window.name+iframe6.window.postMessage7.document.domain8.WebSocet文章转载: https://blog.youkuaiyun.com/liga...

2018-05-19 16:35:48 181

原创 js原型链的理解

构造函数创建出来的实例化对象,拥有创年改对象的构造函数的所有属性和方法,该构造函数有一个prototypes属性,指向该构造函数的原型对象,该原型对象又有一个属性,__proto__属性指向js中的Object对象,该对象有一个__proto__属性指向为null,以上就是原型链的理解,原型链的使用主要运行在继承方面。...

2018-05-19 16:33:46 816

原创 移动端怎么实现圣杯布局?

如图需要顶部和底部不变,中间内容实现滚动方法:body display:flex ;flex-direction: column; height:100%;header头部固定高度section部分flex:1;overflow-y: scroll;footer部分也是固高...

2018-05-19 16:29:22 811

原创 swiper插件的引用

npm引入: npm install swiperBower引入:bower install swiper在html里引入两个文件 swiper.min.js和swiper.min.css文件。引入html代码:&lt;div class="swiper-container"&gt; &lt;div class="swiper-wrapper"&gt; &lt;div c...

2018-05-19 16:17:38 3610

原创 MVC和MVVM的简单介绍

MVC    mvc模式包括model,view,controller(模型视图控制器)是一种单向的数据流。在mvc里view可以直接访问model,model不依赖view,因为有一些业务逻辑在View里实现了,导致要更改View也是比较困难的,至少那些业务逻辑是无法重用的。MVVM MVVM在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能...

2018-05-19 16:05:41 368

原创 vue中的生命周期

先看一张图:生命周期当中主要的几个方法:beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,destroyedbeforeCreate:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。created:实例化创建完成,还没有进行挂载bef...

2018-05-19 13:34:51 202

原创 关于js的闭包问题

什么是闭包?有权限在一个函数内部访问另一个函数内部的变量就是闭包。为什么要使用闭包?闭包可以访问函数内部的变量,并始终保存在内存当中。闭包的缺点:1.跨域访问作用域,造成性能存好2.它同时会涉及到内存和速度问题。可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响。闭包的优点:1.面向对象中的对象2.实现封装防止变量跑到外层作用域3.匿名执行函数,减小内存消耗4.缓...

2018-05-19 13:13:01 147

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除