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

[油猴脚本开发指南]v-show

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

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

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

    发表于 2021-10-14 09:34:57 | 显示全部楼层
    cxxjackie 发表于 2021-10-14 09:30
    这个问题,可以自己写一个小型的框架来解决嘛,这些大型框架是针对大环境开发的,而油猴有自己特殊的环境 ...

    这个要等个大佬了...
    我对原理部分理解的不深,而且写代码脏的简直出奇
    特殊环境兼容倒是感觉难度还不大,目前碰到的顶多改改umd,或者在一些特殊情况做一些代码的增加和修改。
    写个小型框架来做虽然很棒,但是对我来说难度太死亡了
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

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

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    284

    主题

    3810

    回帖

    3739

    积分

    管理员

    积分
    3739

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

    发表于 2021-10-14 09:44:52 | 显示全部楼层
    李恒道 发表于 2021-10-14 09:34
    这个要等个大佬了...
    我对原理部分理解的不深,而且写代码脏的简直出奇
    特殊环境兼容倒是感觉难度还不大, ...

    也有现成的小型的mvvm框架
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-11-28 11:18
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    16

    主题

    152

    回帖

    312

    积分

    荣誉开发者

    积分
    312

    荣誉开发者油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2021-10-14 09:55:52 | 显示全部楼层
    cxxjackie 发表于 2021-10-14 00:18
    其实我也不赞成在脚本中引入vue这类框架,除非页面中本来就有。shadowDOM的字体设置成根节点的内联样式就 ...

    az那可能还是没搞好。
    因为特殊需要所以我搞的是chrome插件,
    用的大佬写的脚手架直接打包的。改了不少问题,但是css的部分还不让人满意。
    因为vue默认就是全局的。。。所以必须用shadowdom包裹。
    但是css的注入在脚手架里规定好了是抽取然后直接link引入的。。。
    哎。。。简直了,gayhub也有人提shadowdom的问题,但是好像都没有看到一个非常好的解决办法
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    22

    主题

    857

    回帖

    1356

    积分

    荣誉开发者

    积分
    1356

    荣誉开发者卓越贡献油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2021-10-14 10:02:36 | 显示全部楼层
    涛之雨 发表于 2021-10-14 09:55
    az那可能还是没搞好。
    因为特殊需要所以我搞的是chrome插件,
    用的大佬写的脚手架直接打包的。改了不少问 ...

    插件没写过不知道有什么区别,这个问题得请一之大佬来分析,也许可以通过改动那个脚手架的代码来解决?
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-11-28 11:18
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    16

    主题

    152

    回帖

    312

    积分

    荣誉开发者

    积分
    312

    荣誉开发者油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2021-10-14 10:22:43 | 显示全部楼层
    李恒道 发表于 2021-10-14 09:15
    其实引入vue我是主要想是反复操作dom有点操作恶心了,引入vue感觉能舒服一点
    占用确实很大,但是他舒服啊 ...

    其实你也还有个办法,自己定义个标签,然后添加对应的监听事件。
    比如设置一些类似
    tm-show  控制显示(可以是display,也可以是需要渲染的dom,没有就不渲染,自然也就不显示了)然后自定义一个getShow、setShow和toggleShow(仿的attribute)
    tm-model 双向绑定控制,这个不难,自定义一个model的function就行

    (if那个估计不好实现。。。不过似乎可以做成一个类似于model的东西然后通过div往里面填充东西?)
    ……

    写完估计发github上能不少star,然后有很多issue,再然后就会有一堆人投pr,当然这个是写完一个大概的框架后才可能会有的,估计工作量不小
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-11-28 11:18
  • 签到天数: 9 天

    [LV.3]偶尔看看II

    16

    主题

    152

    回帖

    312

    积分

    荣誉开发者

    积分
    312

    荣誉开发者油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2021-10-14 10:34:28 | 显示全部楼层
    cxxjackie 发表于 2021-10-14 10:02
    插件没写过不知道有什么区别,这个问题得请一之大佬来分析,也许可以通过改动那个脚手架的代码来解决? ...

    我改了不少,因为懒也没准备往外面发,所以直接在里面改的
    我知道!这么做不对!我乐意(不是)其实是我改了好几个,不然就要全部都单独打包然后还不知道怎么发新的nodemodel

    脚手架很强大,但是也很麻烦。因为他本身的注入的是不带vue的,css和js都是我自己引入的,然后因为vue打包后的css是相对路径(我又不想把font打包到每个css里)但是插件植入的css相对路径是当前域名的相对路径,所以还需要吧这个路径改成自己的插件路径。。。
    然后才能正确引入css但是。。。vue会全局注入默认css。。。。
    我就想为啥vue的css引入不能有个应用范围比如绑定一个class之类的。。。
    emmm用正则表达式之类的给css全部加上一个class?
    有空试试吧。。。这么完美的东西,却又这么不完美
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    22

    主题

    857

    回帖

    1356

    积分

    荣誉开发者

    积分
    1356

    荣誉开发者卓越贡献油中2周年生态建设者油中3周年挑战者 lv2

    发表于 2021-10-14 11:04:57 | 显示全部楼层
    涛之雨 发表于 2021-10-14 10:34
    我改了不少,因为懒也没准备往外面发,所以直接在里面改的
    我知道!这么做不对!我乐意(不是)其 ...

    听上去就很麻烦,是我不想碰的样子
    回复

    使用道具 举报

  • TA的每日心情
    郁闷
    2023-11-22 09:19
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    1

    主题

    60

    回帖

    60

    积分

    初级工程师

    积分
    60

    新人报道油中2周年家财万贯

    发表于 2021-10-22 05:53:17 | 显示全部楼层
    z真不错 谢谢分享
    回复

    使用道具 举报

    12
    返回列表 发新帖

    发表回复

    本版积分规则

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