前端 碎片javascript化学

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

文件引用 在一个单独的js文件中也可以编写JavaScript代码，然后在HTML文件中使用script标签进行引用，以下是一个简单演示。 遍历对象 枚举遍历对象中的属性，可以使用for … in语句循环，对象中有几个属性，循环体就会执行几次。 语法格式： for (var 变量 in 对象) {} ......

依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......

CLS 是 Cumulative Layout Shift（累计布局偏移）的缩写，它是一个用于度量网页稳定性的指标。CLS issue 指的是网页在加载过程中存在的累计布局偏移问题，这些问题会导致网页元素在页面上闪烁或跳动，影响用户体验。 在前端开发中，CLS issue 是一个常见的问题，通常由于 ......

https://blog.csdn.net/weixin_36483301/article/details/113451892 emoji表情和非常用字 实际解决中文编码问题，可以通过解码解决 js中使用decodeURL即可解决 ......

1.nginx.conf user nginx; worker_processes 1; error_log /var/log/nginx/error.log warn; pid /var/run/nginx.pid; events { worker_connections 1024; } http ......

使用 JSON.stringify 转 map 时发现并没有转成想要的 JSON 数据，搜索发现要转成 Object 才能够转成完整的 JSON， 用递归转换： const convertNestedMapToObject = (map) => { if (map instanceof Map) { ......

不论做什么产品，界面上几乎都少不了「确定」按钮，例如：操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。 以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。 倒不是因为不需要确定操作了，而是除了「确定按钮 ......

结论：js中的for循环只有在处理百万条数据以上才会展示出他的强大性能,和看出明显优势，但是在百万条数据往下甚至到个位数的数据量通常都是for和while还有do...while不相上下，反而后两者更加优势明显 下面是测试耗时截图（在不同浏览器也会有所不同，我这是 Chrome 版本 111.0.5 ......

Promise是ES6新增的用于异步编程的一个类。通过链式调用的形式可以解决以往异步编程出现的“回调地狱”的情况。 Promise本质上还是调用的回调函数，其内部维护了状态、兑现回调、拒绝回调，在状态变更时回调对应的函数。 Promise对象有then()、catch()和finally()三个成员 ......

本练习根据w3cschool:https://www.w3cschool.cn/javascript/javascript-conventions.html 1.javascript 简介 1.1 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript ......

一 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统： 操作系统（Operation System，简称OS）是管理计算机硬件与软件资源的程序，是计算机系统的内核与基石； 操作系统本质上是运行在计算机上的软件程序 ； 为用户提供一个与系统交互的操作界面 ； 操作系统分内核与外 ......

var var 声明的变量 存在 变量提升 即 在声明该变量之前就可以使用，值为 undefined ，其作用域为全局； let 和 const let 用法类似于 var ，但是所声明的变量，只在 let 命令所在的代码块内有效; const 只能用来声明常量，一旦赋值，不能修改，故使用 cons ......

\w就是[0-9a-zA-Z_] \s是[ \t\v\n\r\f] \S是[^ \t\v\n\r\f] \W是[^0-9a-zA-Z_] \D就是[^0-9] \d就是[0-9] . 就是[^\n\r\u2028\u2029]。表示几乎任意字符。 var reg = /\w{1,30}(\.\w{1 ......

JS简介 全称JavaScript但是与Java一毛钱关系都没有 之所以这么叫是为了蹭Java的热度 它是一门前端工程师的编程语言 但是它本身有很多逻辑错误(不是很严谨) IT行业鄙视链: 后端 > 前端、运维、测试、产品、老板 前端想一统天下:node.js JS发展史>>>:JavaScript ......

【未在Nginx上实现静态资源部署】 虚拟机A作为服务器A：安装Nginx、安装Mysql作为主库 虚拟机B作为服务器B：安装能采用shell脚本部署项目所需软件：jdk git maven jar 、安装Mysql作为从库、安装Redis作为缓存。 服务器B操作： 第一步：使用git clone命 ......

CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......

1、vue响应式： 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同，但是他们的核心思想还是一致的，都是通过 发布-订阅模式 来实现（因为发布者和观察者之间多了一个 dependence 依赖收集者，与传统观察者模式不同）。 个人理解，观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......

招聘要求 前端工程师：1. 熟练掌握HTML5、CSS3、JavaScript，Ajax，跨域等基础知识；2. 熟练掌握VUE开发框架，熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求： ......

maptalks支持2d/3d地图渲染及操作，maptalks可支持1w左右图形渲染（再多了就会有一点点卡，和电脑性能也有关系）官网：www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式，具体的还没用过maptalks.snap: 绘制图形 ......

JavaScript 中 new Date(time).getTime() 获取时间戳方法在 iOS 中的兼容性问题 在 iOS 系统的 H5 页面中获取时间戳方法new Date(time).getTime()存在返回 NaN 或结果不准确的情况 在 iPhone 8 中 iOS 11.03 系统 ......

JavaScript 使用 reduce 方法实现简单的 i18n 功能 i18n： 国际化 (Internationalization) 的缩写 使用 Array.prototype.reduce() 方法实现简单的 i18n 功能 实现代码： function $translate(key) { ......

JavaScript 之 JSON [5] 关于eval() 函数 1、eval() 函数介绍 eval() 函数是一个 JavaScript 内置函数，可以执行 JavaScript 代码字符串。它接受一个字符串作为参数，将其作为 JavaScript 代码来执行。但是由于 eval() 函数会执 ......

JavaScript 之 JSON [4] parse()和stringify() -JSON字符串和JavaScript对象数据之间的相互转换 1、JSON.parse()JSON.parse()方法用于将一个JSON字符串解析为一个JavaScript对象。JSON字符串必须使用双引号包括属性名 ......

##前言 qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2，子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈，只需要提供一个容器 ......

JavaScript 之 JSON [3] 的所有循环输出方式（for循环、while循环、forEach()函数、map()函数、filter()函数和Object.keys()函数） 1、for循环、while循环、forEach()函数 1.1 对象 var JSONObject,Jvale; ......

JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每 ......

数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接，该连接将一直保持开放，直到通信结束。在此过程中，通信双方可以实时地交换信息，就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中，通信资源一直被占用，因此当通信量很大时，电路交换可能会变得不太有 ......

JavaScript 之 JSON [2] 对象和数组的定义、访问、修改 1、对象和数组的定义、访问、修改 var JSONObject,Jvale; JSONObject= { //对象 "name":"滔Roy", "date":"2023.04.14", "other":[12,"TaoRoy ......

JavaScript 之 JSON [1]介绍、语法、值 1、简介 JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 使用 Javascript语法来描述数据对象，但 JSON 仍独立于语言和平 ......