上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

[油猴脚本开发指南]Nodejs简介

[复制链接]
  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-7-7 16:31:05 | 显示全部楼层 | 阅读模式

    前文

    我们接下来会尝试脱离在tmapermonkey的编辑器中书写代码
    由于这方面的资料较为稀少
    只能边写边尝试
    所以可能存在一些事实性的错误以及问题
    如果你发现了可以评论区一起沟通哦~

    正文

    因为我们摆脱了tamerpmonkey的编辑器
    进入了真正的工程化项目编写
    如果需要编写一个大型的项目
    我们将代码全部聚在一个js文件中是极为不妥的
    而且浏览器环境多种多样
    Js代码也未必所有浏览器都会兼容
    所以说我们还需要对代码进行兼容处理
    这一切是否过于麻烦了?!
    上古程序员早就对此感到愤怒!
    所以说他们发明了一种方案
    就是我们先编写代码
    分布在不同的文件当中
    在我们需要部署到浏览器的时候
    我们在使用一个编译的程序
    将源代码编译成目标的js文件
    在编译的时候进行转换以及处理
    让其兼容对应的浏览器环境
    以及让分散的文件形成一个整体
    而浏览器是无法做到的
    总有找一个可以读写文件并且生成的办法
    我们将转换的程序称之为打包工具
    打包工具经过仔细的分析
    最后盯上了nodejs
    https://nodejs.org/en/

    Node.js 是一个基于Chrome V8 引擎的JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式I/O 的模型,使其轻量又高效。

    nodejs是一个js的运行环境
    js是一门编程语言,既可以在浏览器运行
    也可以在node环境上运行
    因为其与js语言天然的兼容性
    前端开发者在其开发的过程中
    可以大大的节省编程语言的学习成本
    以及更换语言代码带来的心智负担
    所以最后选择了nodejs

    那么思路最终是这样的
    我们想编写一个工程话的脚本
    我们在电脑上编写js代码
    然后让基于nodejs环境的打包工具分析我们的js代码
    生成适用于浏览器的完整JS文件
    这样不仅利于我们的维护
    同时也可以使完整JS文件
    在打包的过程中根据兼容的目标浏览器环境配置来做不同的处理

    结语

    撒花~

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    慵懒
    2023-9-24 22:23
  • 签到天数: 189 天

    [LV.7]常住居民III

    4

    主题

    109

    回帖

    139

    积分

    中级工程师

    积分
    139

    油中2周年

    发表于 2022-7-7 17:17:44 | 显示全部楼层
    虽然看不懂,但是还是超爱蛋蛋~~·
    浮生若梦,为欢几何··
                                      --小C
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-7-7 17:39:05 | 显示全部楼层
    小C 发表于 2022-7-7 17:17
    虽然看不懂,但是还是超爱蛋蛋~~·

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    该用户从未签到

    5

    主题

    17

    回帖

    27

    积分

    助理工程师

    积分
    27
    发表于 2022-7-11 14:23:13 | 显示全部楼层
    我想知道nodejs怎么用在油猴脚本里
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-7-11 14:53:31 | 显示全部楼层
    84864694 发表于 2022-7-11 14:23
    我想知道nodejs怎么用在油猴脚本里

    使用webpack动态监听打包
    然后管理器file引入文件即可
    准备最后搭建的脚手架
    大概是
    webpack+babel转译+postcss autoprefix自动前缀+sass糖+vue3+element-plus
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    该用户从未签到

    5

    主题

    17

    回帖

    27

    积分

    助理工程师

    积分
    27
    发表于 2022-7-11 18:25:29 | 显示全部楼层
    李恒道 发表于 2022-7-11 14:53
    使用webpack动态监听打包
    然后管理器file引入文件即可
    准备最后搭建的脚手架

    好复杂呀
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

    非物质文化遗产社会摇传承人

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-7-11 18:28:36 | 显示全部楼层

    我是在拿这玩应当个学术在搞....
    哈哈哈哈
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表