nenge123

> 可以提供最小可复现的代码以便排查问题。 src里面没有源代码。不过通过搜索，空白时，是有Js指定min-height:57px 关键字 display.sizer.style.minHeight = .docHeight display.heightForcer.style.top

@jackrebel 我尝试改了事件,发现要兼容手机很难, 所有工具栏按钮必须使用``````(特别IOS) 否则,点击工具栏会变成选中文字. .还有对选中文字事件匹配(否则弹出 默认的选中菜单 挡住当前工具) 可能适合平板,手机可能用不了工具栏,不过理论上可以用选中时弹出一个遮罩 代替工具栏操作

> 项目当前还没有类似的需求场景，其实 data-sign 跟 css 或样式没有任何联系哈。如果遇到了实际问题可以提供具体的场景以及最小可复现的源码，我们来评估具体的场景。比如，上面提到的布局问题。 > > > > 另外，关于`css 变量化`这一点是在规划内的，但目前仅针对主题色有规划变量化。 sign是标记嘛，我知道没联系。只不过是举例罢了。 例如data-lines额外添加css属性“--lines:”，当然比较推荐的是大于2（n-1）添加--br-line:这样连class="hight-line"都可以省略，进一步减少代码的css类使用。 另外导出Html应该过滤掉data-sign data-lines不必要的代码，这样对数据库储存剩下那么一点小空间。

> > > 可以提供最小可复现的代码以便排查问题。 > > > > > > src里面没有源代码。不过通过搜索，空白时，是有Js指定min-height:57px > > > > > > 关键字 display.sizer.style.minHeight = .docHeight display.heightForcer.style.top > > > > 那就是 codemirror 的源码了 一半一半吧，因为他是初始化时检查高度，而你主容器是height:100%。所以无效高度。解决方法就是flex竖排，还有里面居然用了position...

> 然后 背景色和文字大小冲突的问题，我们也跟进下，感谢反馈~ 我觉得背景色完全没必要,因为现在不是WEB2.0那个 `````` 时代,LCD屏幕没有CRT那种色彩逼真还原程度,看起来特别难看.因为替换成阴影色就顺眼很多.

继续说说CSS变量化可行性(非主题配色方向) 简化的事件处理. @sunsonliu @lyngai 利用过渡事件 ======== ```javascript //给所有菜单(或者菜单内容容器)增加 background-color:var(--cherry-menu-xx); 以及共有CSS transition:background-color .3s ease-in; //有一条专用toolbar的菜单 css规则(#C),菜单0-9, 假设点击菜单5那么触发向#C写入--cherry-menu-5:#000 (也可以是"var(--cherry-menu-hover-color) 作为公共值"); //点击菜单5,因为"--cherry-menu-5"不存在,进行添加,菜单5触发过渡事件 触发 transition 事件 transitionend menuDIV.hidden == !0 //再次点击菜单5,因为"--cherry-menu-5" 是存在,所以进行删除操作, 再次触发transitionend, 如果不存在"--cherry-menu-5"...

> 事实上，这种做法并没有真正做到事件处理的简化，这里有点为了使用技巧而使用技巧的意思在了，反而增加了用户问题排查成本与开发成本。 > > 以 `transition` 系列事件为例，目前项目中并没有遇到需要等待 `transition` 结束才能做的事情。一个菜单按钮点击的事件流也并没有复杂到需要操纵 css 变量才能完成，引入 eventbus 也能达到想要的效果。项目秉承的一个原则是 css 尽量只处理样式和布局相关的逻辑，不过多涉及通过 js 正常的事件流就能完成的逻辑。 > > 综上，以上的建议在目前的项目场景看来意义不大，建议您还是提出基于实际遇到问题的场景，我们才好去评估是否落地这些 tricks。 也是的,最初我是想利用CSS3的特色平滑替代```setTimeOut```,菜单出现时更有动态感觉.不过想想也是花里胡巧的,没啥实际意义. 用```hidden```代替```display:none``` 应该可以进行吧? 也好判断,不用重新显示的时候赋值 ```block```

@lyngai - 采用外挂字体形式,不在css中使用编写特定图标css规则,,工具菜单直接使用 icon:'\exxx' 或者`````` 或者```url(x.svg)``` ```javascript let file= await getStore('libjs').ajax('font/ch-icon-v1.0.woff'); await u.addFont('ch-icon',file); let className = addIcon(name,data,type='before',iconFont) ``` - 主题配置增加额外参数,使得可以外挂主题样式,或者设置css变量 - 插件可以缓存CDN,例如流程图,满足又不想用大包,又不想挂自己流量,以及加载速度. ```javascript await addJS('https://unpkg.com/[email protected]/dist/mermaid.min.js',false,false) ``` - 如果没设置上传服务器接口,本地环境编辑时,先把图片转换webp(这个格式基本上都支持,包括QQ浏览器),然后储存到indexDB, 生成一个 images['xxx.jpg']...

callback it highlight elmemnt ```javascript animateScroll.createAnimation(target,{ keyframes:[ { transform:'translateX(-5px)', transition: 'all .2s ease-in-out' }, { transform:'translateX(5px)', transition: 'all .2s ease-in-out' } ], duration: 50,//动画所需ms iterations: 3,//循环次数 }); ```

how about share woker? ```javascript //A page let p = await (new WorkerSQL({ src:this.assets+'vendor/sql.js/sqlWorker.js', type:'share', data:false, tables:{ data:{ gameID:'int primary key', title:'char', type:'char', region:'char', binary:'char', language:'char', genre:'char', titleScreenImage:'char', }, tag:{...