21 天前 / 冷星1024
浏览器底层有一块非常重要的事情就是 HTML 解析器，HTML 解析器的工作是把 HTML 字符串解析为树，树上的每个节点是一个 Node，很多同学都好奇是怎么实现的，这篇文章就用 JS 来实现一个简单的 HTML 解析器。 下面的代码改造自 node-html-parser 原理讲解 1、效果 我们需要实现一个 parse 方法，并且传入 HTML 字符串，返回一个树结构： constroot=parse(`HelloWorld`); console.log(root); //[{"tagName":"","children":[{"tagName":"div","attrs":{"id":"test","class":"container"},"rawAttrs":"id=\"test\"class=\"container\"c=\"b\"","type":"elemen...
21 天前 / HueiFeng
动手点关注 干货不迷路 1. 有必要针对 JS 错误做监控吗？我们可以先假设不对 JS 错误做监控，试想会出现什么问题？ JS 错误可能会导致渲染出错、用户操作意外终止，如果没有 JS 错误监控，开发者完全感知不到线上这些异常情况。特别是像电商、支付这类业务，用户无法下单和付款。即便站点有反馈渠道，但是等到有用户反馈的时候，说明影响面已经不小了。 因此像 JS 错误监控这类异常监控的存在，就是为了能及时发现线上问题、帮助快速定位问题，从而提升站点稳定性。
43 天前 / 冷星1024
以前如果使用 CSS-in-JS 编写项目样式文件，优先会考虑 styled-components，它的特点是使用模版字符串编写样式组件，使用方便、上手简单。一个被反对的声音主要是 styled-components 采用了运行时机制，增加了产物的体积也担心运行时的开销带来一些性能损耗问题。 前段时间在个人项目中（访问 https://github.com/qufei1993/compressor 查看这个项目）使用了 Vanilla Extract，不同于其它 CSS-in-JS 方案，它可以在编译时期编译出 CSS 样式文件，实现了零运行时且支持 TypeScript。 下文，将为您介绍 Vanilla Extract 的特点及应用。
46 天前 / 公众号Python集中营
这是我经常在编程中用到的一个报文格式的在线转换在线平台，自己拼装的报文格式总是在不经意间出现格式错误的问题。 立即前往微信小程序【知识星球】提问》>> 支持将 json 格式的报文转换为 xml 格式，输入数据库表名将 json 格式转换成 sql 语句直接插入数据库，json 对象转实体类对象等等。 json 格式检验 将 json 数据直接 copy 到编辑框中，可直接完成 json 格式的校验。 json 转 xml 格式 输入需要转换的 json 字符串，进行 json 数据到 xml 数据的直接转换。 xml 转 json 格式 输入需要转换的 xml 字符串，进行 json 数据到 json 数据的直接转换。
51 天前 / 前端De早读课
前言 一款基于 html 的描述式单页应用开发框架，有兴趣看看。今日前端早读课文章由 @ 隔壁老王投稿分享。 正文从这开始～～ 推荐一个轻量完备的开源前端框架：dagger.js：https://daggerjs.org 什么是 dagger.jsdagger.js 是一个基于 html 的描述式单页应用开发框架，通过在页面 DOM 元素上添加语义化的指令来驱动业务逻辑。从语法特性的角度来说，dagger.js 模板 + 指令的工作方式与 Angular/Vue 比较接近。 dagger.js 采用去组件去 api 设计，没有对第三方代码或工具的依赖，模型简单，易于理解。
65 天前 / Yourtion
编译 | Tina、核子可乐通常能找到比 WebAssembly 或 Rust 更简单的方法来做性能改进。WebAssembly（Wasm） 最早是在 2015 年由 JavaScript 的创造者 Brendan Eich 提出的。继 JavaScript（JS） 之后，它是第一种得到普遍支持的语言。万维网联盟（W3C）在 2017 年开发了 WebAssembly，WebAssembly 允许网站用诸如 Rust、C/C++、Java、Python 等编程语言编写代码，并像 JavaScript 一样在 Web 浏览器中运行它。 随后，WebAssembly 迅速成为一种主流技术，被主要的浏览器供应商采用。
70 天前 / 冷星1024
点击上方前端阳光，关注公众号 回复加群，加入技术交流群交流群 前言 如题这三个东西，相信很多人都见过，也都会用会配置，但要是让你说出个所以然来，恐怕还不是那么容易。 曾经的我，一边 google 一边配置，只要能用就万事大吉了，且每次 google 出来的似乎还跟上次的都有所不同，所以每次配置项目时，有差异的。然而却很少去深究为啥？为啥这样配也可以，那样配也可以，那到底怎样配置才是最佳的？ 下面就来简单说说我的理解，不对的地方欢迎指正。 名称解释 preset-env 从名称看有个 env，这里就是包含“环境”之意。
71 天前 / Ryan众乐
采访嘉宾 | Jason Carter 采访编辑 | 闫园园近期，微软旗下 WebGL 框架 Babylon.js 开发者之一 David Rousset 在接受采访时透漏，微软将很快披露其在元宇宙中的愿景，同时他还在访谈中谈到了自己对元宇宙的看法。根据 Rousset 的描述，未来的互联网用户应该能够从网络上的 3D 场景或网页 ( 例如用 Babylon.js 构建 )，通过 VR 中的链接，“被传送到另一个网站，该网站将处于另一个元宇宙”。 虽然这只是 Rousset 个人的设想，并不代表微软的官方说法，但外界依然从他的描述中猜测微软或将把 Web 标准纳入其元宇宙战略中。
76 天前 / 浪客书心
出品 | OSC 开源社区（ID：oschina2013）NASA 昨日发布了韦伯空间望远镜（James Webb Space Telescope，简称 JWST）拍摄的首批全套全彩宇宙深空图像。据介绍，JWST 预估总耗费高达 100 亿美元，它于 2021 年 12 月 25 日由阿丽亚娜 5 号火箭负责运送升空。送入太空后，JWST 需要航行一段时间再进入预定轨道，此后便会一直在轨道上飞行，轨道位于第二拉格朗日点上，重力相对稳定，故相对于邻近天体来说可以保持不变的位置，不用频繁地进行位置修正，可以更稳定的进行观测。
81 天前 / 冷星1024
点击上方前端进阶之旅，关注公众号 >>前端求职面试刷题神器<< 前言 LRU 缓存算法是一个非常经典的算法，在很多面试中经常问道，不仅仅包括前端面试。小伙伴们如果刷过 Leetcode 算法题，相信你一定遇到过 LRU 算法的题，那么 LRU 算法到底是一个怎样的算法呢？今天我们就给大家好好讲讲，顺便使用 JS 把它实现出来！ 1.什么是 LRU？LRU 英文全称是 Least Recently Used，英译过来就是”最近最少使用“的意思。 它是页面置换算法中的一种，我们先来看一段百度百科的解释。 百度百科： LRU 是一种常用的页面置换算法，选择最近最久未使用的页面予以淘汰。
101 天前 / 冷星1024
关注公众号前端界，回复“加群” 加入我们一起学习，天天进步前言前几天空闲时间抓取了牛客最新的笔试题和面试题，想做一下数据统计，展望一下面试中 JavaScript 的平凡考点和火爆考点，给未来自己的学习指引一下方向。 不多说了，进入题海吧。 emo3.jpg 单选题 JS 基础 js 概念与类型检测以下不属于 typeof 运算符返回值的是？A."string" B."function" C."object" D."null" 执行以下代码，错误的输出结果是 A. 输入：typeof {"x":1}输出："object" B. 输入：typeof 1 输出："number" C. 输入：typeof [{x:1}]输出："array" D. 输入：typeof NaN 输出："n...
107 天前 / 北鱼扶摇
点击蓝字“逻魔代码”，关注，置顶公众号 技术干货，及时送达！ CommonJS 关注公众号 逻魔代码 ，及时获取更多技术干货！ 作为一个脚本语言，js 设计之初仅仅是为了解决基础的表单验证、页面交互功能，所有的路由系统、存储系统，硬件交互接口基本上都交由其他语言 / 编程接口实现，没有命名空间的内置处理，更不存在模块化的概念。2005 年随着 ajax 被广泛的应用，前端开发（更准确说 js）进入了一个飞速发展的阶段，展现出了成为一门非常有潜力的语言；伴随着应用规模、业务复杂度、代码量的增长...
111 天前 / 小小暮雨
geojson 简介 官网地址： https://geojson.org/http://geojson.io/GeoJSON 是一种用于编码各种地理数据结构的格式。 { "type":"Feature", "geometry":{ "type":"Point", "coordinates":[125.6,10.1] }, "properties":{ "name":"DinagatIslands" } } GeoJSON 支持以下几何类型：Point、LineString、 Polygon、MultiPoint、MultiLineString 和 MultiPolygon。具有附加属性的几何对象是 Feature 对象。特征集包含在 FeatureCollection 对象中。
121 天前 / u561252
程序员的成长之路互联网 / 程序员 / 技术 / 资料共享关注 阅读本文大概需要 2.8 分钟。 来源： Alibaba Fastjson Develop Team github.com/alibaba/fastjson/wiki/security_update_20220523 近日 Fastjson Develop Team 发现 fastjson 1.2.80 及以下存在新的风险，请关注。1. 风险描述 fastjson 已使用黑白名单用于防御反序列化漏洞，经研究该利用在特定条件下可绕过默认 autoType 关闭限制，攻击远程服务器，风险影响较大。建议 fastjson 用户尽快采取安全措施保障系统安全。
127 天前 / gyreg
01 漏洞概况 近日，微步情报局捕获 Fastjson1.2.80 反序列化漏洞情报，攻击者可以利用该漏洞攻击远程服务器， 可能会造成任意命令执行。Fastjson 是一个 Java 库，可用于将 Java 对象转换为其 JSON 字符串表示形式， 还可用于将 JSON 字符串转换为等效的 Java 对象。漏洞复现：此次受影响版本如下： Fastjson 是否受影响≤1.2.80 是 02 漏洞评估 公开程度：未发现在野利用利用条件：无权限要求交互要求：0 Click 漏洞危害：高危、任意命令执行影响范围：Fastjson ≤1.2.80 03 修复方案 三种修复方案根据业务选择任一合适方案即可：1.建议升级到最新版本 1....