![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 70
Block My Life.
一个从事多年职业教育的IT Teacher。旨在分享前沿IT技术,欢迎批评指正 ^。^
展开
-
2024 前端趋势:全栈也许已经是必选项
在 1 月就出来了,当时略略看了一下,并没有想太多。现在回想起来,似乎感觉到这次有一点不一样:也许,全栈的时代已经到来了。原创 2024-04-23 12:19:14 · 731 阅读 · 0 评论 -
web前端框架:重新认识 Vue
其实 Vue 组件就是一个 JavaScript 对象,只不过这个对象有一些特有的属性,让 Vue 能够分辨它是一个 Vue 组件。单文件组件非单文件组件由于我们现在使用独立脚本在单个 html 文件中构建 Vue 项目,因此我们目前是无法使用 Vue 的单文件组件特性的。但我们可以创建一个非单文件组件。setup() {return {},这里补充一个 Vue 的 API —— defineComponent,它是我们在定义 Vue 组件时提供类型推导的辅助函数。原创 2024-04-23 02:34:49 · 886 阅读 · 1 评论 -
前端开发即时通信WebSocket:10分钟学会WebSocket
WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能,使得服务器可以主动向客户端推送数据,而不需要客户端发起请求。WebSocket 协议是一种基于 TCP 的应用层协议,它提供了在客户端和服务器之间进行双向通信的能力。相比传统的 HTTP 协议,它具有更低的延迟和更高的实时性。WebSocket 协议通过建立一条持久化的连接来实现双向通信,从而避免了 HTTP 协议中频繁建立和断开连接的过程,减少了网络开销和服务器的负担。原创 2024-04-22 01:32:27 · 2033 阅读 · 0 评论 -
鸿蒙HarmonyOS4.0开发故事:ArkTS全套开发细节分享
安装开发环境挺顺利的,所有的环境在安装 DevEco Studio 的时候都可以搞定,比起安卓和 Flutter 好像要简单些。然后就是开发 ArtTS 使起来和 TypeScript 差不多,扩展了一些装饰器和声明式UI的语法,总体写起来和写前端差不多。整体感觉是,前端 TS 的语言,Java 的面向对象思想,Swift 的声明式 UI。最后调试预览,使用 Priviewer 预览器在写静态结构和写 web 的体验是一样的更新比较快吧,然后涉及到网络或者页面信息传递就需要使用模拟器,或者真机了。原创 2024-04-13 08:55:35 · 465 阅读 · 0 评论 -
鸿蒙HarmonyOS 开发:就业市场的新宠,程序员的就业好帮手
鸿蒙操作系统,这个由华为自主研发的系统,现在变得越来越火。很多开发者都想知道,鸿蒙开发是不是一个值得尝试的工作方向,能不能找到好工作?鸿蒙开发需求持续增长鸿蒙系统现在真的很受欢迎。随着它不断更新和优化,越来越多的手机、平板和物联网设备都开始使用它。这意味着鸿蒙应用的市场需求特别大,鸿蒙开发者当然也就更容易找到工作啦。门槛高证明技术壁垒高虽然鸿蒙开发的技术要求有点高,但这也是好事。因为技术门槛高,所以能做的人就相对少,鸿蒙开发者的薪资往往更高。而且,随着鸿蒙系统的普及,这些开发者的职业发展机会也会更多。原创 2024-04-12 12:41:23 · 910 阅读 · 2 评论 -
浅谈鸿蒙HarmonyOS:鸿蒙开发,对于前端开发来说,究竟是福还是祸?
本文只代表个人看法,发表出来是希望与有兴趣的人一起探讨,不感兴趣的话可以不用看下文直接划走,直接喷俺有点承受不住,心脏不好。如果您感兴趣,可以先把这篇文章看完,看完后感觉俺讲的还挺有道理的那就不喷,如果讲的你认为啥也不是,那就往死里喷,喷不动了喝口水再继续,啊哈哈哈。原创 2024-04-12 02:09:24 · 2250 阅读 · 0 评论 -
Fiddler的安装和使用
需要注意的是,在使用Fiddler进行HTTPS协议的抓包时,需要进行一些额外的配置,因为HTTPS协议是加密的。具体来说,需要安装并信任Fiddler的根证书,并在浏览器中设置代理为Fiddler。此外,在使用Fiddler进行手机APP抓包时,也需要进行一些额外的配置。具体来说,需要将手机的代理设置为电脑的IP地址和Fiddler的端口号,然后在Fiddler中配置对应的规则来捕获手机的请求和响应。2.在菜单栏中,可以选择不同的功能,如抓取指定IP地址的包、抓取HTTPS协议的包、手机APP抓包等。原创 2024-04-12 01:05:10 · 218 阅读 · 0 评论 -
WebKit核心:WebKit结构简介
WebKit是一个开源的浏览器引擎, 主要用于渲染网页内容。WebKit的结构主要包括WebCore、JavaScriptCore、WebKit Ports和WebKit API等组件。原创 2024-04-12 00:53:25 · 345 阅读 · 0 评论 -
JavaScript新科技:PostCSS的安装和使用
PostCSS是一个JavaScript工具,用于转换CSS代码,它可以通过使用不同的插件实现自动添加浏览器前缀、代码合并、代码压缩等功能。原创 2024-03-28 00:42:17 · 343 阅读 · 0 评论 -
vue中key:vue中的key有什么作用?
在每次迭代中,key值必须是唯一且稳定的,它用于识别每个节点的身份。当使用key重新排列具有状态的子组件时,Vue会尝试尽可能地复用这些子组件,而不是销毁和重新创建它们。总的来说,key属性在Vue中扮演了重要的角色,它有助于优化页面性能,确保数据渲染的正确性,并提供了组件状态管理的灵活性。例如,当某个组件的数据依赖于外部环境的变化时,可以通过key来使该组件在每次更新时都重新渲染,从而确保其数据的正确性。在Vue中,key属性具有多种作用,它主要用于给v-for指令渲染的元素或组件添加唯一标识。原创 2024-03-27 00:53:15 · 556 阅读 · 0 评论 -
vue路由模式:路由的hash和history模式的区别
hash模式适用于兼容性要求较高的应用,而history模式适用于需要进行SEO优化的应用。原创 2024-03-27 00:36:30 · 705 阅读 · 0 评论 -
vue-devtools的安装:Chrome安装Vue插件vue-devtools
目录1.下载Vue Devtools调试工具2.下载成功后,解压文件3.打开命令行工具4.执行npm instal1或cnpm install命令来安装依赖5.执行npm run build命令来构建vue-devtools6.在Chrome浏览器中安装vue-devtools插件7.点击右上角的“开发者模式”开关8.点击”加载已解压的扩展程序”按钮9.点击“选择文件夹"按钮10.结尾原创 2024-03-26 21:45:10 · 737 阅读 · 0 评论 -
React 整活了: Next.js 开放执行后端 SQL 特性?React 官方还大力推荐 Next.js ?
大致的意思就是说这是一种服务器端组件,为了提高性能,由服务器直接渲染,渲染出来的结果通过元数据的形式发给前端 React,React 拿到元数据后与现有的 UI 树合并,最终由浏览器渲染。但是直接支持服务端执行,是技术的轮回(照着PHP的方向)还是技术的变革呢,此时的 Next.js 就像是一个站在十字路口的汽车,油都加满了,就看各位开发者驾驶员开着它往哪边走了。啊哈哈哈哈,调侃归调侃,既然口子已经开了,就会有过来吃螃蟹的人,至于之后会变成什么样子,只能拭目以待了!标签,标示这是一个服务端端执行的方法。原创 2024-03-25 18:50:18 · 1937 阅读 · 0 评论 -
零基础学习Vuejs:快速上手Vue框架
学习思路推荐:目录1.学习Vue基础知识2.安装Vue开发环境3.创建Vue项目4.编写Vue组件5.使用Vue指令和模板语法6.理解和使用Vue生命周期钩子7.进行测试和部署总结原创 2024-03-24 10:51:48 · 445 阅读 · 0 评论 -
JS基础解析:JavaScript初识及基本语法详解
后来,ECMAScript标准成为了JavaScript的基础,现在多数浏览器都支持ECMAScript标准。实际上, JavaScript还有许多高级特性和用法,如闭包、原型链、模块系统、异步编程等,都值得进一步学习和掌握。由于不同浏览器对JavaScript的支持程度不同,开发者可能需要使用不同的方法和技巧来确保代码在所有浏览器中都能正常工作。JavaScript中的运算符包括算术运算符、比较运算符、逻辑运算符、位运算符、赋值运算符等。原创 2024-03-23 19:23:53 · 279 阅读 · 0 评论 -
npm命令:常用npm命令及其详解
此外,还有一些其他的命令,如npm init (初始化一个新的npm项目并创建package. json文件)、npm start (运行package. json中定义的start脚本,通常是启动项目的命令)等。以上只是npm的一些常用命令,npm还有很多其他的命令和选项,你可以通过npm help或npm - -help来查看更详细的帮助信息。npm (Node Package Manager)是Node.js的包管理器,它提供了大量的命令来安装、管理、更新和卸载Node.js的模块和包。原创 2024-03-23 10:56:25 · 754 阅读 · 0 评论 -
深入解析:ECMAScript和JavaScript的区别
尽管ECMAScript和JavaScript之间存在一些细微的区别,但在实际开发中,它们之间的界限往往很模糊。对于大多数开发者来说,理解这些区别有助于更好地理解和使用这两种技术。原创 2024-03-23 01:51:21 · 843 阅读 · 0 评论 -
软件开发未来的方向如何?
总之,软件开发未来的方向将受到多种因素的影响,但无论如何变化,都需要不断学习和适应新技术,并思考如何将其应用于解决现实世界的问题和需求。随着软件开发规模的扩大和复杂性的增加,开发I具和方法的创新将成为重要的发展方向。同时,随着物联网和5G等技术的发展,边缘计算也将逐渐崭露头角,为实时数据处理和低延迟应用提供支持。例如,开发更加智能的算法和模型,提高数据处理和分析能力,以及构建能够自主学习和改进的系统。软件开发未来的方向可以说是非常广阔的,其发展趋势将受到多种因素的影响,包括技术进步、市场需求、行业变革等。原创 2024-03-20 00:39:43 · 465 阅读 · 0 评论 -
Vue中$router与$route的由来及区别
router与$route都是基于Vue的Vue.prototype原型链上设置的属性,故而在所有组件中都能使用这两个属性。不同的是$router指的是router实例/new VueRouter(),而$route指的是处于活跃状态下的路由对象。但Vue内做了一些操作,让所有组件向上一级找的是Vue的原型对象/new Vue(),因此在main.js文件中设置Vue.prototype.x = true添加的属性可以在同一个vue实例中的全部组件中使用。原创 2023-07-04 16:03:43 · 155 阅读 · 0 评论 -
diff算法的理解
如果组件类型不同,则需要更新,移除旧组件,创建新组件,并追加到页面上。总结:diif算法指的是dom生成过程中,首先会根据数据模型缓存生成虚拟dom,当数据被更新时,会将虚拟dom原有的数据模型与更新后的数据模型对比,旧的复用,新的创建。简单地说,就是找不同。元素对比,即element diff:组件对比的时候,如果两个组件类型相同,则需要进行元素级别的对比,叫做element diff;首先,diif算法是针对缓存virtual-dom来说的,先对比组件,再对比组件内元素。原创 2023-07-04 14:05:36 · 253 阅读 · 0 评论