前言 petite-vue 是为渐进增强而优化的另一种 Vue 发行版。它提供与标准 Vue 相同的模板语法和反应性心智模型。 不过，它专门针对在由服务器框架呈现的现有 HTML 页面上“散布”少量交互进行了优化。 petite-vue，它在提供 vue 基本功能的同时，还能一个轻量级，简单应用的微 ...

‍ 写在开头 点赞 + 收藏 学会 如题，惯性思路很简单，就是直接撸上一个空内容的html。 注：以下都是在现代浏览器中执行，主要为**Chrome 版本 120.0.6099.217（正式版本） （64 位）和Firefox123.0.1 (64 位) ** <!DOCTYPE ...

Popover API 为开发者提供了一种声明式的方式来创建各种类型的弹窗。目前已在所有三大浏览器引擎中可用，并正式成为 Baseline 2024 的一部分。 ...

一、是什么 单例模式（Singleton Pattern）：创建型模式，提供了一种创建对象的最佳方式，这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建 在应用程序运行期间，单例模式只会在全局作用域下创建一次实例对象，让所有需要调用的地方都共享这一单例对象，如下图所示： ...

一、是什么 HMR全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用 例如，我们在应用运行过程中修改了某个模块，通过自动刷新会导致整个应用的整体刷新，那页面中的状态信息都会丢失 如果使用的是 HMR，就可以实 ...

一、区别 前面两节我们有提到Loader与Plugin对应的概念，先来回顾下 loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决 ...

一、是什么 Web攻击（WebAttack）是针对用户上网行为或网站服务器等设备进行攻击的行为 如植入恶意代码，修改网站权限，获取网站用户隐私信息等等 Web应用程序的安全性是任何基于Web业务的重要组成部分 确保Web应用程序安全十分重要，即使是代码中很小的 bug 也有可能导致隐私信息被泄露 站 ...

工作需要，asp+access建了个简单信息交互平台，表单填报、签名、及查看只能在手机上进行。已实现Base64直接入数据库。有Jccscxj.asp(首页表单填报)、Jccscxjup.asp(手写签名页面)、ajax-cscxj.asp(入库页面)、anco.asp(数据库联接)、cscxjck ...

一、是什么 OSI （Open System Interconnect）模型全称为开放式通信系统互连参考模型，是国际标准化组织 ( ISO ) 提出的一个试图使各种计算机在世界范围内互连为网络的标准框架 OSI将计算机网络体系结构划分为七层，每一层实现各自的功能和协议，并完成与相邻层的接口通信。即每 ...

一、UDP UDP（User Datagram Protocol），用户数据包协议，是一个简单的面向数据报的通信协议，即对应用层交下来的报文，不合并，不拆分，只是在其上面加上首部后就交给了下面的网络层 也就是说无论应用层交给UDP多长的报文，它统统发送，一次发送一个报文 而对接收方，接到后直接去除首 ...

HTML特性： 1.空白折叠现象 1.文字间折为一个空格 <p>hello world!</p> 2.标签内壁空白忽略 <p> hello world! </p> 2.转义字符 <p>小于号&lt;</p> <p>大于号&gt;</p> <p>空格&nbsp;</p> <p>版权号&copy;</p ...

DataGear专业版 1.0.0 已发布，欢迎试用！ http://datagear.tech/pro/ DataGear 支持采用原生的HTML、JavaScript、CSS制作数据可视化看板，也支持导入由npm、vite等前端工具构建的前端程序包。得益于这一特性，可以很容易制作基于three. ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 写在前面 用百度网盘举例，可以通过页面打开本机的百度网盘软件，很多软件的网站页面都有这个功能。这个事情一直令我比较好奇，这次终于有空抽时间来研究研究了，本篇讲的是Windows的，mac的原理与之类似，Mac文章已发布：(Mac版)终于搞 ...

本篇的性能优化不是八股文类的优化方案，而是针对具体场景，具体分析，从排查卡顿根因到一步步寻找解决方案，甚至是规避等方案来最终解决性能问题的经历实操 所以，解决方案可能不通用，不适用于你的场景，但这个解决过程是如何一步步去处理的，解决思路是怎么样的，应该还是可以提供一些参考、借鉴意义的 当然，也许你还 ...

jQuery.i18n.properties 是 jQuery 老项目的国际化框架，其实国际化方案本质上都大同小异，都是需要用翻译函数包裹词条，然后根据词条文件来进行翻译 就是使用上与其他框架不太一样而已 但由于我们已经基于 vue 框架实现了一个国际化自动处理脚本，脚本会自动用全局函数包裹词条，自 ...

不可否认的是，如果没有这个自动化脚本，根本就没法在领导期望的时间内完成国际化的工作 自从有了这个脚本后，从以前的跟领导评估说要 4 天的国际化工作量到现在只评估了 1 天工作量，实际上跑下脚本分分钟就解决了，我还可以愉快的滑一天水，领导开心，我也开心~ ...

做国际化一个很头疼的坑就是，你不知道项目里到底还有哪些中文词条没有国际化处理 纯靠人工去检查不现实，也不靠谱，而且浪费资源 所以还是得通过脚本工具来检查，思路是： 先保存好本地代码变更，准备好一个无文件变更的本地环境 再通过脚本把代码里的非展示性中文移除掉 注释里的中文、console 里的中文，已 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、前言 中午休息的时候，闲逛公司内网，看到一个url，就想复制一下url，看看url对应的内容是啥，习惯性使用ctrl+c，然后ctrl+v，最后得到是 禁止复制，哦，原来是禁用了复制。这能难倒一个前端开发吗？当然不能。于是打开了控制台 ...

vs code 其实有很多实用的技巧可以在日常工作中带来很大的提效，但可能是开发中没有相应的痛点场景，因此有些技巧接触的人不多 本篇就来介绍下多光标的批量操作和模板代码两种技巧在日常工作中的提效 涉及的 vs code 技巧 不要看快捷键好像很多哈，主要是了解几种可以进入多光标批量操作模式的用法 进 ...

如果没有相关经验的，经常会以为国际化只有词条相关工作项，这就是第一个坑点：工作量的评估过于乐观，遗漏其他工作项。 但当你真正去开发一个国际化项目后，你会发现，国际化的难点、痛点、坑点远不止表面看到的这些，尤其是后期维护，痛点更大。 相反，词条工作可能都是最轻松的工作了，因为圈子里有各种各样的自动化脚... ...