JS 应用&WebPack 打包器&第三方库 JQuery&安装使用&安全检测

打包器 -WebPack- 使用 & 安全

参考: https://mp.weixin.qq.com/s/J3bpy-SsCnQ1lBov1L98WA
Webpack 是一个模块打包器。在 Webpack 中会将前端的所有资源文件都作为模块处理。
它将根据模块的依赖关系进行分析,生成对应的资源。
五个核心概念 :

  1. 【入口 (entry) 】:指示 webpack 应该使用哪个模块,来作为构建内部依赖图开始。
  2. 【输出 (output) 】:在哪里输出文件,以及如何命名这些文件。
  3. 【 Loader 】:处理那些非 JavaScript 文件( webpack 自身只能解析
    JavaScript 和 json )。 webpack 本身只能处理 JS 、 JSON 模块,如果要加载其他类
    型的文件 ( 模块 ) ,就需要使用对应的 loader 。
  4. 【插件 (plugins) 】:执行范围更广的任务,从打包到优化都可以实现。
  5. 【模式 (mode) 】:有生产模式 production 和开发模式 development 。
    使用:
    1 、创建需打包文件
    2 、安装 webpack 库
    3 、创建 webpack 配置文件
    4 、运行 webpack 打包命令
    开发者模式前端源码都能看到 而生产者模式只能看到一行代码
    安全:
    1 、 WebPack 源码泄漏 - 模式选择
    2 、模糊提取安全检查 -PacketFuzzer
    https://github.com/rtcatc/Packer-Fuzzer
    原生态 JS :前端语言直接浏览器显示源代码
    NodeJS :服务段语言浏览器不显示源代码
    WebPack :打包模式选择开发者模式后会造成源码泄漏( nodejs vue )

第三方库 -JQuery- 使用 & 安全

jQuery 是一个快速、简洁的 JavaScript 框架 , 是一个丰富的 JavaScript 代码库。
设计目的是为了写更少的代码,做更多的事情。它封装 JavaScript 常用功能代码,提
供一种简便的 JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和
Ajax 交互。
1 、使用:
引用路径: https://www.jq22.com/jquery-info122
2 、安全:
检测: http://research.insecurelabs.org/jquery/test/
测试: CVE-2020-11022/CVE-2020-11023

相关推荐
普郎特9 小时前
"不再迷惑!用'血缘关系'彻底搞懂JavaScript原型链机制"
前端·javascript
一枚前端小能手9 小时前
「周更第3期」实用JS库推荐:Lodash
前端·javascript
艾小码9 小时前
Vue组件到底怎么定义?全局注册和局部注册,我踩过的坑你别再踩了!
前端·javascript·vue.js
鹏多多9 小时前
前端复制功能的高效解决方案:copy-to-clipboard详解
前端·javascript
uhakadotcom9 小时前
Rollup 从0到1:TypeScript打包完全指南
前端·javascript·面试
Mintopia9 小时前
实时语音转写 + AIGC:Web 端智能交互的技术链路
前端·javascript·aigc
2503_928411569 小时前
9.15 ES6-变量-常量-块级作用域-解构赋值-箭头函数
前端·javascript·es6
Mintopia10 小时前
Next.js 单元测试究竟该选 JTest 还是 Vitest?
前端·javascript·next.js
遂心_10 小时前
深入浅出 querySelector:现代DOM选择器的终极指南
前端·javascript·react.js
遂心_10 小时前
DOM元素内容修改全攻略:从innerHTML到现代API的最佳实践
前端·javascript·react.js