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

李恒道 · 发表于 2021-10-14 09:34:57

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

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

王一之 · 发表于 2021-10-14 09:44:52

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

也有现成的小型的mvvm框架

涛之雨 · 发表于 2021-10-14 09:55:52

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

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

cxxjackie · 发表于 2021-10-14 10:02:36

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

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

涛之雨 · 发表于 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，当然这个是写完一个大概的框架后才可能会有的，估计工作量不小

涛之雨 · 发表于 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？
有空试试吧。。。这么完美的东西，却又这么不完美

cxxjackie · 发表于 2021-10-14 11:04:57

涛之雨发表于 2021-10-14 10:34
我改了不少，因为懒也没准备往外面发，所以直接在里面改的
我知道！这么做不对！~~我乐意（不是）~~其 ...

听上去就很麻烦，是我不想碰的样子

806350554 · 发表于 2021-10-22 05:53:17

z真不错谢谢分享

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

发表回复

荣誉开发者

喜迎中秋

油中2周年

生态建设者

管理员

油中3周年

挑战者 lv2

卓越贡献

新人报道