- 博客(42)
- 收藏
- 关注
RSS订阅原创 web前端tips：js继承——寄生组合式继承
寄生组合式继承是一种结合了**寄生式继承**和**组合式继承**的方式，它的目标是减少组合式继承中多余的调用父类构造函数的开销。在组合式继承中，我们通过调用父类构造函数两次来实现属性的继承，但这样做可能会导致一些性能上的问题。
2023-11-30 18:09:10
307
原创 web前端tips：js继承——寄生式继承
寄生式继承（Parasitic Inheritance）是一种基于原型式的继承方式，它通过创建一个仅用于封装继承过程的函数，该函数在内部调用原型式继承创建一个对象，然后增强该对象，最后返回这个对象。
2023-09-28 15:35:01
250
原创 web前端tips：js继承——原型式继承
JavaScript的原型式继承是一种基于对象的继承方式，通过复制一个对象的属性和方法来创建一个新对象，并将原对象作为新对象的原型。这种继承方式可以通过`Object.create()`方法来实现。
2023-09-15 17:50:20
275
原创 web前端tips：js继承——组合继承
组合继承是一种常用的继承方式，它既能够继承父类的属性和方法，又能够拥有自身独有的属性和方法。但它的缺点是在创建子类实例时会重复调用父类的构造函数，可能导致内存占用过大，并且需要额外处理父类构造函数中的逻辑。
2023-08-17 15:02:46
342
原创 web前端tips：js继承——借用构造函数继承
借用构造函数继承又叫经典继承，它通过在子类构造函数中调用父类构造函数来继承父类的属性和方法。借用构造函数继承的核心思想是，在子类构造函数中使用 call() 或 apply() 方法调用父类构造函数，并将子类实例作为参数传递给父类构造函数。这样就能够在子类实例中创建父类的属性，并且每个子类实例都有它们自己的属性副本。
2023-07-26 15:44:10
211
原创 web前端tips：js继承——原型链继承
原型链继承是 JavaScript 中实现继承的一种方式，它通过使用原型来实现对象之间的继承关系。在 JavaScript 中，每个对象都有一个原型（prototype），它是一个指向另一个对象的引用。当我们访问一个对象的属性时，如果该对象自身没有该属性，则会去它的原型上查找，如果原型上也没有，则会继续往上层原型查找，直到找到该属性或者到达原型链的顶端。
2023-07-25 17:19:42
261
原创 GitHub打不开、访问困难？试试FastGithub轻松解决！
FastGithub是一个开源项目，它通过自动获取与GitHub相关的IP地址并更新本地hosts文件来提高资源访问速度。下面我们将介绍FastGithub的主要功能和如何使用它来解决GitHub网站打不开和打开慢的问题。FastGithub是一个强大的工具，可以帮助我们解决GitHub网站打不开和打开慢的问题。它通过自动获取和更新GitHub IP地址列表，提供更快的下载速度，并避免了DNS污染和其他网络问题。
2023-07-20 15:46:38
659
原创 Vue2：怎么实现响应式双向绑定？
在Vue2中，双向绑定的实现是通过Vue2的响应式系统和数据绑定机制来完成的。下面是Vue2实现双向绑定的简要原理：1. 数据劫持：当创建Vue实例时，Vue2会对data选项中的所有属性进行数据劫持。这通过使用Object.defineProperty()方法将每个属性转换为getter和setter，并在数据被访问或修改时触发相应的操作。 2. Watcher监听器的创建：在编译模板时，Vue2会解析模板中的指令和表达式，并创建相应的Watcher监听器。每个Watcher与一个数据关
2023-06-20 13:37:11
423
原创 不可错过的Markdown编辑利器：跟随Typora，书写卓越
Typora是一款极简风格的Markdown编辑器，支持Windows、Mac和Linux三大操作系统平台，自2015年问世以来便凭借其优秀的性能和卓越的用户体验赢得了众多用户的青睐。与传统的分栏式Markdown编辑器不同，Typora采用了所见即所得（WYSIWYG）的设计理念，让用户在编辑过程中实时预览排版效果，极大提升了工作效率。Typora作为一款简洁、高效的Markdown编辑神器，通过所见即所得的设计理念和丰富的功能集合，为用户提供了前所未有的编写和阅读体验。
2023-06-14 17:13:12
346
原创 探索Beyond Compare：让文件比较和管理变得简单高效
Beyond Compare 是一款专业且实用的文件及文件夹比较工具，它可以帮助用户在Windows、Mac和Linux平台上快速比对、合并各种类型的文件，如文本、二进制、图片、代码等。此外，Beyond Compare 不仅支持本地计算机之间的文件比较，还可以和FTP、SFTP、Dropbox等第三方服务进行整合，让您轻松处理跨平台、云端数据。接下来，我们将从以下几个方面深入了解 Beyond Compare 的特点与功能。
2023-06-09 16:22:28
1528
原创 Web开发必备！探索WebStorm的聚宝盒
WebStorm是一个功能强大的跨平台Web开发集成开发环境，具有智能代码编辑器、内置版本控制系统、集成式调试器、全面的Web开发工具等特点。如果您是一名Web开发人员，那么WebStorm将成为您不可或缺的工具，它将帮助您提高开发效率和代码质量。牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤。
2023-06-05 11:32:10
100
原创 Navicat 入门及安装指南：轻松管理您的数据库
通过上述教程，您已经掌握了如何使用 Navicat 进行数据库管理，包括创建和管理数据库、表、数据记录等基本操作，以及导入导出数据、编写 SQL 查询等高级功能。Navicat 的强大与易用性使得它成为数据库管理的利器，帮助用户提高工作效率，降低学习成本。希望您能在实际工作中充分发挥 Navicat 的优势，更好地应对各种数据库管理任务。牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤u003。
2023-05-26 11:21:00
1125
原创 老司机带带我，我要去找BT资源哟
在上个月月末的时候，给大家分享了一款 老司机专用 BT 资源搜索工具。然，老司机们还没享受多久的欢乐，软件用不起了… 联系我的，评论的不计其数，把作者我也急的团团转。今天，终于重新找到了这款软件的新资源（当然肯定是可以用的了哟），下载地址在之前的文章中也更新了。老司机们快上车–BT资源搜索工具BTSOU是一款BT搜索引擎软件，它可以帮助用户快速搜索到所需要的资源，并提供多个下载源地址，方便用户下载和分享。BT搜索引擎。
2023-05-19 21:45:00
2758
原创 web前端tips：什么是js的事件委托（事件代理）？
总的来说，JavaScript事件代理是一种非常实用的技术，它可以减少事件处理器的数量，提高性能，同时也可以避免需要重新绑定事件处理器的问题，特别是在动态添加或移除子元素时，更加方便和灵活。牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤。
2023-05-09 11:28:36
79
原创 Xshell+Xftp：高效、安全的远程连接和文件传输工具
Xshell和Xftp是一款高效、安全的远程连接和文件传输工具，可以方便地进行远程连接和文件传输操作。2.在“新建会话”窗口中，输入服务器的IP地址和端口号，并选择连接协议。2.在“新建会话”窗口中，输入服务器的IP地址和端口号，并选择连接协议。4.如果连接成功，会出现一个文件传输窗口，可以在其中进行文件传输操作。是一个终端模拟器，支持SSH、Telnet、Rlogin、Serial等协议，可以用于远程连接Linux、Unix等服务器。4.如果连接成功，会出现一个终端窗口，可以在其中输入命令进行操作。
2023-05-04 14:26:16
2284
1
原创 web前端tips：js的事件循环（Event Loop）
JavaScript事件循环是一种处理异步事件和回调函数的机制，它是JavaScript实现异步编程的核心。它在浏览器或Node.js环境中运行，用于管理任务队列和调用栈，以及在适当的时候执行回调函数。JavaScript事件循环是一种处理异步事件和回调函数的机制，它是JavaScript实现异步编程的核心。它会不断地从任务队列中取出任务并执行，直到任务队列为空为止。事件循环中的任务分为同步任务和异步任务，异步任务又可以分为宏任务和微任务，微任务的执行优先级高于宏任务。
2023-04-25 11:49:21
133
原创 PyCharm免费安装和新手使用教程
PyCharm是一款由JetBrains公司开发的Python集成开发环境（IDE）。它提供了一系列强大的功能，包括自动代码完成、语法高亮、自动缩进、代码重构、调试器、测试工具、版本控制工具等，使开发者可以更加高效地开发Python应用程序。牵手 给你持续分享优秀的软件，各种科普知识，以及分享些热门的互联网资讯和福利！欢迎访问、关注、评论 并留下你的小心心❤。
2023-04-20 17:07:31
1029
原创 web前端tips：HTML5部分新特性介绍
HTML5是一种用于构建现代网站和应用程序的最新版本的HTML标准。下面介绍HTML5的15个常用新特性和如何使用它们：1.语义标签：HTML5引入了一些新的语义标签，如、、、、和，用于更好地描述网页内容的结构。2.视频和音频：HTML5允许在网页上嵌入视频和音频，通过使用和标签来实现。可以使用controls属性添加播放器控制条。3.画布：HTML5的标签可以
2023-04-18 17:38:13
60
原创 web前端tips：ES6部分常用新特性介绍
ES6（ECMAScript 6，也称为ES2015）是JavaScript的一个重要更新版本，于2015年发布。它引入了许多新的语言特性和改进，使得JavaScript变得更加现代化、易读、易维护和更适合大型应用程序的开发。 ES6主要的新特性包括：
2023-04-17 17:06:23
122
原创 web前端tips：CSS3 部分新特性介绍
CSS3是CSS的第三个版本，是一种用于描述网页内容样式的语言。它引入了很多新特性，如圆角、阴影、渐变、变换、过渡、动画、自适应布局等，以下是CSS3的一些新特性及介绍和如何使用：
2023-04-14 16:32:29
56
原创 web前端tips：使用 forEach 循环中的 return 语句会发生什么？
在 JavaScript 中，使用 forEach 方法遍历数组时，如果在函数内部使用 return 语句，它只会跳出当前的循环，而不会跳出整个函数
2023-04-12 17:33:00
122
原创 web前端tips：浅谈html、html5和H5
它包含了许多新的功能和API，例如Canvas、Audio、Video、Web Storage、Web Worker、Geolocation等，可以实现更出色的用户体验和更多的交互特性。与之前的HTML版本相比，HTML5具有更强的兼容性和更好的语义化，支持移动设备和桌面设备上的应用程序开发。答：在绝大一部分人眼中，H5通常是指基于HTML5、CSS3、JavaScript等一系列的技术开发的移动应用程序，包括网页游戏、移动商城、移动社交、移动阅读等应用。HTML标准不断更新，目前最新的版本是HTML5。
2023-04-11 15:33:19
143
原创 Typora：高效写作的利器
它的实时预览和所见即所得、自定义主题和支持Markdown语法、多种导出格式、跨平台和简单易用等优势，让你可以更高效地撰写文本，提高写作效率。此外，Typora还支持Markdown语法，包括表格、代码高亮、任务列表等，让你可以快速地编辑和格式化Markdown文本，提高了写作效率。而Typora则是一款免费的跨平台Markdown编辑器，它的实时预览和所见即所得功能，让你可以专注于写作而不是排版，提高了整个写作流程的效率。而且，Typora的界面简洁、易用，让你可以快速上手，不需要太多的学习成本。
2023-04-10 16:59:32
82
原创 web前端tips：CSS之sticky粘滞效果
Sticky是CSS3的一个定位属性，它可以让元素在滚动过程中“粘”在屏幕上的某个位置，直到滚动到某个临界点后才会跟随滚动。，随着页面向下滚动，顶部导航栏在触及页面顶部时，保持在页面顶部显示，当页面继续向下滚动时，顶部导航栏导航栏随滚动减少高度，直到高度减少到50px时不再继续减少。其中，top属性定义了元素“粘”在屏幕上的位置。Sticky定位可以让元素在滚动过程中保持在屏幕上的某个位置，这提高了页面的可读性和易用性。当元素被滚动到达指定位置时，它会变成固定定位，直到滚动到指定位置后才会解除固定定位。
2023-04-05 10:36:05
492
原创 Photoshop CC 初学者指南：使用理由、简单使用教程及下载安装
Photoshop是一款由Adobe Systems开发的图像处理软件，广泛应用于图像处理、设计制作、网页制作、影视后期等领域。其功能强大，包括图像编辑、修复、调整、合成等多种操作，同时支持各种图像格式的导入和导出。Photoshop的使用范围广泛，无论是从业人员、学生还是普通用户都可以通过它来创建各种美妙的图像作品。
2023-04-04 09:59:21
333
原创 让我们一起看看chatGPT的CSS代码水平
总之，近年来，人工智能技术的发展速度非常快，未来也将继续快速发展，推动人类社会的进步和发展。近年来，各大科技公司纷纷推出了语音助手，如苹果的Siri、亚马逊的Alexa、谷歌的Assistant等，这些语音助手不仅可以识别语音指令，还可以进行对话交互，大大提高了人机交互的便捷性。近日，chatGPT火爆了，我也看到了许多人说 人工智能 对前端的影响，在GPT-4发布时，也展示了GPT的代码能力–10秒钟根据图片上网页布局生成前端网页，也是非常强大了。伟大的变革正在出现，做好准备，迎接风暴的到来吧！
2023-03-29 15:56:09
3698
原创 web前端知识：js中的微任务和宏任务
在 JavaScript 引擎中，任务分为两种类型：微任务（microtask）和宏任务（macrotask）。微任务是指在当前任务执行结束后立即执行的任务，它可以看作是在当前任务的“尾巴”添加的任务。常见的微任务包括 Promise 回调和。宏任务是指需要排队等待 JavaScript 引擎空闲时才能执行的任务。常见的宏任务包括 setTimeout、setInterval、I/O 操作、DOM 事件等。JavaScript 引擎会先执行当前任务中的所有微任务，然后再执行宏任务队列中的第一个任务。
2023-03-24 17:42:24
1079
原创 web前端tips：html中如何实现a标签href新窗口 URL链接自动刷新
牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤。
2023-03-22 16:02:37
501
原创 IntelliJ IDEA的优势及安装教程
Web开发：IntelliJ IDEA支持各种Web开发框架，如Spring、Hibernate、Struts、JSF等，同时还提供了HTML、CSS、JavaScript等Web开发语言的支持。Java应用程序开发：IntelliJ IDEA是一款专为Java开发人员设计的IDE，提供了丰富的Java开发工具和功能，如代码自动完成、代码审查、调试器、代码重构等。强大的代码编辑功能：支持代码自动补全、语法高亮、代码重构等功能，大大提高了开发效率。可扩展性强：支持插件和扩展，可以满足不同的开发需求。
2023-03-21 09:21:08
1031
原创 Vue2 开发必备的 VSCode 插件
团队协作开发时，可在项目根目录（针对vscode项目工作区的根目录）里加个.vscode/settings.json 的文件，以此来规范不同人员开发环境配置不同，格式化提交后代码审查大片不同问题（比如一个小伙伴用单引号，一个小伙伴用双引号，提交git后审查文件很难查找到具体修改的地方）。Vue 2 Snippets：Vue.js 2代码段，可以快速生成常用的Vue.js代码。GitLens：Git插件，可以帮助我们更方便地查看代码的提交历史、作者等信息。
2023-03-20 11:22:25
891
原创 Beyond Compare 免费保姆级教程
它提供了一系列高级功能，例如三向合并、文件内容比较、文件夹同步、快速搜索和替换、FTP/SFTP支持等，可帮助用户快速准确地找到文件和文件夹之间的差异。1.多种比较方式：BeyondCompare支持文件夹、文件、图片、文本等多种文件类型的比较，并且可以进行字符级别、二进制级别、内容级别等不同层次的比较，可以适应不同的比较需求。3.支持多种文件格式：BeyondCompare支持多种文件格式，如文本文件、Word文档、PDF文件、Excel文件等，可以满足不同文件格式的比较需求。
2023-03-16 11:21:06
1563
2
原创 犀利的CSS逻辑属性-优雅的减少代码量
CSS逻辑属性是CSS3中新增的属性，它将多个CSS属性合并成一个属性，从而简化CSS的书写。逻辑属性可以同时设置元素的多个方向上的属性，例如内联方向和块状方向。逻辑属性的名称以“-inline”或“-block”结尾，表示它们可以用于设置元素的内联方向属性或块状方向属性。逻辑属性还可以用于更方便地管理flexbox和grid布局等CSS布局属性。牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤。
2023-03-15 20:30:55
111
原创 WebStorm 免费保姆级教程
它支持多种前端框架，包括React、Angular和Vue.js等，并具有强大的代码自动完成、语法高亮、调试和版本控制等功能，可帮助开发人员快速、高效地开发Web应用程序。同时，WebStorm还具有丰富的插件和扩展，可满足各种开发人员的需求。6.等待大约10s后（一般情况10s左右即可以完成，笔者我等了50s，不晓得是不是电脑问题，哈哈哈），弹出done弹框，成功。1.下载WebStorm：访问JetBrains官网，下载WebStorm的安装文件。5.打开工具包文件，打开scripts文件，双击。
2023-03-14 21:12:04
225
原创 当 async/await 遇上 forEach
这是因为，在 forEach 中使用 async/await 时，异步操作并不会等待前一个操作结束再执行下一个，而是会同时执行多个异步操作，因此输出结果是 undefined。在上面的代码中，我们使用 async/await 定义了一个异步函数 asyncFunc，并使用 await 等待异步操作的结果。在上面的代码中，我们使用 forEach 对数组进行遍历，并在遍历的过程中调用了一个异步函数 asyncFunc，然后使用 await 等待异步函数的执行结果，并输出结果到控制台。
2023-03-11 22:40:23
287
原创 vue3+ts+vite开发10个小技巧
5.使用provide/inject传递数据 在Vue 3中，可以使用provide/inject来传递数据。9.使用async/await处理异步操作 在Vue 3中，可以使用async/await来处理异步操作。6.使用setup函数进行组件初始化 在Vue 3中，可以使用setup函数来进行组件的初始化操作。2.使用reactive创建响应式对象 Vue 3中，可以使用reactive来创建响应式对象。8.使用setup函数进行路由守卫 在Vue 3中，可以使用setup函数来进行路由守卫的操作。
2023-03-08 12:50:53
151
原创 Xshell7保姆级教程
Xshell 是一款强大的 Windows 平台终端模拟器，支持 SSH1、SSH2、SFTP、TELNET、RLOGIN 等多种协议，提供多种高级功能，如多标签页、多窗口、快捷键设置、脚本自动化等，并提供强大的安全保护，如密码保护、密码管理、公钥认证、数据加密等，广泛应用于网络运维、软件开发、系统管理等领域。如果需要使用Xshell的高级功能，如文件传输、脚本编写和执行等，可以考虑购买和注册软件，以获得完整的功能和技术支持。安装完成后，双击Xshell图标打开软件，进行会话连接和管理。
2023-03-07 13:50:50
1276
原创 Vue3 + Vite + Ts 开发必备的 VSCode 插件
Vite：Vue 官方提供的快速开发工具，可以快速构建和启动项目，同时支持 TypeScript。TSLint：另一个代码风格检查工具，可以帮助你遵循一致的 TypeScript 代码风格。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。GitLens：方便的 Git 工具，可以快速查看代码的 Git 历史记录、文件修改记录等。Prettier：代码格式化工具，可以根据配置格式化代码，让你的代码更加整洁易读。Vue Peek：快速定位 Vue 组件和模板。
2023-03-06 15:30:26
3159
原创 如何优雅的拯救我的电脑C盘
人生在世，谁没遇到过几个抠脑壳的问题。比如是先有鸡，还是先有蛋，还有——我的C盘为啥又双叒叕红了。相信每个Windows用户，都体验过这种心殇，明明我的电脑才拿去电脑维修店换了新的大硬盘、重新装了新的系统，加大了C盘的空间。然而没隔几个月，C盘又见红了，莫名其妙爆满的C盘，哪怕向众多软件管家求救，往往也只是小打小闹，难以药到病除。看着越来越满的C盘和越来越慢的系统，不由生出一股无力感，难不成又要费时费钱费力去电脑维修店大出血？
2023-02-09 15:48:10
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人