Front-End-Development-Notes

Front-End-Development-Notes copied to clipboard

## 效果  ## 源码 ```html 阴影 body { margin: 0; } header { position: sticky; background: #fff; top: 0; font-size: 20px; padding: 10px; z-index: 1; } .shadow::before { content:...

lizuncong

> 本文介绍按需加载原理、babel 插件开发、抽象语法树、如何开发一个加强版的按需引入插件 ## 按需加载原理 以 antd 组件库为例，来了解下为什么需要按需加载 antd 通过[index.js](https://github.com/ant-design/ant-design/blob/master/components/index.tsx)文件暴露所有的组件，比如： ```js export { default as Button } from "./button"; export { default as Input } from "./input"; export { default...

lizuncong

``` function transform(num){ const unitMap = ['亿', '千', '百', '十', '万', '千', '百', '十', ''] const numMap = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'] const arr...

lizuncong

### 问题 上周有个 java 的朋友问我，为什么第三方域名重定向到我们自己的服务时，请求头中的 cookie 会丢失。 本着好奇心，我就试试，没想到却成了我一个悬而未解的问题 ### 复现场景 新建一个 server.js 文件 ```js const express = require("express"); const app = express(); app.get("/api/auth", (req, res) => { res.setHeader("Access-Control-Allow-Origin", "*"); res.redirect(302,...

lizuncong

### 前言 本篇文章介绍如何白嫖谷歌翻译服务翻译浏览器网页，以及如何从压缩混淆后一万多行代码中探索 bug 的真相。压缩混淆后的源码调试面临以下挑战： - 1.由于变量名或者函数名经过压缩，因此如果想要在文件中查找函数名称或者变量名称尤其困难 - 2.追踪对象属性在哪里被修改变得更加困难 ### 业务背景 在我们的业务场景中，有些文案是商家自己输入的，此时我们无法针对这些输入做多语言的转换，因此只能另辟蹊径，借助谷歌翻译服务。具体接入方式如下： ```js 谷歌翻译服务Demo 庫存 库存 in stock 在庫あり 재고 function googleTranslateElementInit() { // pageLanguage指定页面语言，如果指定为 auto，则告诉谷歌自动检测文字语言类型 new google.translate.TranslateElement({ pageLanguage: 'auto'...

lizuncong

Bumps [webpack](https://github.com/webpack/webpack) from 5.75.0 to 5.76.0. Release notes Sourced from webpack's releases. v5.76.0 Bugfixes Avoid cross-realm object access by @​Jack-Works in webpack/webpack#16500 Improve hash performance via conditional initialization by @​lvivski...

dependabot[bot]