首先说一说怎么缩小生成代码的体积
:
1. 生成的结果去除生成的html中的class,因为动态主题切换是依赖这个的。后来做了一个backup才搞定
2. 空格不需要span,这个比较容易,一个正则表达式就可以搞定,难以搞定的是firefox和IE的操作方式不同,骂一句,继续
3. merge相同style的span,这个没有做,因为各个主题不一致,吃力到不了多少好:D
最终结果里,一个四百行左右的代码生成的页面从100K减至50K,已经不错了
虽然还是比较肥,但是所有直接生成HTML所有做高亮的工具,都避免不了这个问题
因为代码被分割成一片片,每一片加上span以后都肥了十倍左右。
只有使用JavaScript的可以避免这个问题,但是现有的JavaScript高亮工具有两个致命的缺点:
1. 代码行数稍多就会很慢,几百行就有很明显的感觉,有时甚至造成浏览器假死
2. RSS中无效
再说一说界面的改进
:
1. 改进这个界面比原来的好,普遍反馈如此
2. 论坛里的很多建议和批评,很不错
3. 功能性主导的网站还是以功能改进为主
个人想法是:又不是搞设计的网站,不对功能产生障碍就行了
在我自己的功底没有进步之前更改只能是凭运气,不如将精力放在功能改进上。
另外,很多现在运行良好的站点,界面在我看来糟透了,但是这又如何?
最后说一下遇到的一些问题
:
1. jQuery的问题:
是的,jQuery非常好用,但是不适合做代码高亮时使用
看过jQuery的代码就会知道它对每个操作过的元素都会加上jQueryxxxxxxxx=”xxxx”这样一长串
这个严重的导致了生成的代码肥胖,所以做高亮的代码就不用jQuery了
2. 收藏本站代码:不多说了,好不容易找到一个可用的Javascript: IE和Firefox下都有效的“收藏本站”代码
3. IE下用removeAttribute来干掉class的问题,最后终于找到了一位老兄调侃IE的同时提供的答案:同时删”class”和”className”
4. BBcode的实验(chinaunix上的帖子
):
找了很多网站,知道了大家虽然都用BBcode,支持却是相差万里,交集很小,在这个交集里,没有背景色
本来用table的背景色挺好用的,但是不是所有的论坛都支持
有的论坛甚至不支持[b]和[i],真是晕啊,安全再重要,也要考虑可用性吧。
最后做成的东西能在ChinaUnix和大多数Discuz!论坛上使用,也能够支持phpBB的论坛
如果不禁html的论坛,直接贴HTML代码好了
做这个的时候,放弃了jQuery,最终使用的是正则表达式替换,现在还在担心是否有bug
5. Django的is_ajax判断很有意思,jQuery等ajax会在请求头上加上一些标志
Django判断这个标志看看是否是Ajax请求,用了一下(复制裸代码的功能),感觉还不错IE6.0的支持
IE中调试javascript真是不爽啊,给出来的都是神秘的行号错误,比起firefox的firebug差远了,IE8不知道会怎么样。
分享到:
相关推荐
pyoidc, 在 python 中,一个完整的OpenID连接实现 一个 python OpenID连接实现这是连接核心规范中指定的OpenID连接的完整实现。 作为副作用,OAuth2.0 也是一个完整的实现。文档文档由 graciously host文档。 很不幸...
2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot + vue 管理系统2024最新版手把手教你入门vue+springboot开发SpringBoot
R语言学习记录_R-learning
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
小程序&小工具类&生活圈(源码+截图+源码导入教程和视频).zip
实验已预配IP和相关底层路由
OSD_Lyrics是受lrcdis的启发而开发的一款第三方歌词显示程序,它为Linux下的多款播放_osd-lyrics
仿wireshark的简易抓包协议分析_qt5-sniffer
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图罗茨风机-变频控制柜110KW
1111111111111111111111111111111111111
变压器变频器配电柜电路控制原理图CAD施工图纸设备控制图某干燥窑电气原理图
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
数学建模 【作品名称】:2023年数学建模国赛B题代码 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】: 问题一 结果存储于q1_result.xlsx文件,由q1.py代码进行生成 问题二 结果存储q2_result.xlsx中,由q2.py代码计算生成 问题三 52条测线,路线效果图 【资源声明】:本资源作为“参考资料”而不是“定制需求”,代码只能作为参考,不能完全复制照搬。需要有一定的基础能够看懂代码,能够自行调试代码并解决报错,能够自行添加功能修改代码。
R语言与结构方程模型_R_SEM
行业报告
自制Arduino 扩展板,AD软件做的,包含原理图,PCB.主要是在学习Arduino不想用杜邦线连接LED灯,搞得座位乱七八糟,所以画了一块板,直接插到Arduino上使用,兼容Arduino MEGA 2560
R语言层次聚类_R_hclust
车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别车辆识别
在Qt中实现固件升级的进度条显示窗口,你可以通过创建一个自定义的对话框(Dialog)来完成。这个对话框可以包含一个进度条(QProgressBar)、一些文本标签(QLabel)用于显示状态信息,以及可能的按钮(如取消按钮)来允许用户中断升级过程。
小程序&模版&招聘行业&仿拉钩App小程序(源码+截图+源码导入教程和视频).zip