Google的前端代码规范

下面是个人总结的Google的前端代码规范,包括来自Google的HTML/CSS规范以及JS规范。 其中HTML与CSS部分翻译可以参考:Google HTML/CSS Style Guide 谷歌代码风格指南 JS规范终于有小组全部进行翻译啦,请参考:Google Javascript代码规范 总规范: 忽略(Omit)协议:如 background: url(https://www.googl …

阅读全文

wp_enqueue_script与wp_enqueue_style相关函数的使用

很多主题都未使用WP系统提供的api来引用额外脚本与样式表,而是在前端页面代码中加入或是在某些函数中输出。就最终结果来讲其实影响不大(当然如果使用wp_minify这个插件来进行站点性能优化,可能会出现某些js代码或样式表遗漏的状况),但这会给代码管理上带来困难,特别是当你需要修改这些外部引用代码位置的时候。

其实WP提供了wp_register_style,wp_register_script,wp_enqueue_style,wp_enqueue_script四个函数来简化额外样式表与JS代码脚本的引用。

前面两个用于向WP注册引用信息,后面两个用于真正插入样式或脚本。实现待补充。

特别需要注意的是wp_enqueue_script使用时必须在调用wp_header函数之前,否则注册时wp_register_script是否在尾部加入的参数设置不会起到效果,甚至会影响wp_enqueue_style的插入地点,变为一律在最后调用函数的位置处插入脚本与样式表,这对样式来说问题就比较大咯。

制作Bookmarklet书签

基本模板就是这样,主要是javascript:起了作用,导致代码执行。

javascript:(function(){

if(window.bookmarklet!=undefined){bookmarklet();}
else{document.body.appendChild(document.createElement('script')).src='https://YOURURL/bookmarklets.js';}

})();

WordPress中文本地化方法总结与相关问题

终于基本完成本站主题的中文汉化工作,不得不佩服WordPress系统为本地化工作设计的API,尽管不算尽善尽美,但是使用起来还是比较方便的。以及所谓.po和.mo的本地化文件的使用,不知是哪个人发起的主意,确实简化了本地化的工作。废话就不多说,总结下chaozh主题汉化过程中学到的技巧及遇到的相关问题。这些问题都是典型新手会碰到问题,而且尚未完全解决,如果哪位高人看到,可以说出更好的解决方案,本人 …

阅读全文