在谷歌应用程序脚本中应用DRY原理
Applying the DRY principle in Google Apps Script
尝试在Google Apps脚本中进行一些干净的编程。有人知道如何重用经常重复的方法/属性链吗?示例:
var lblDate = app.createLabel("Date")
.setId('lblDate')
.setStyleAttribute("fontFamily", "'"Helvetica Neue'", '"HelveticaNeue'", Helvetica, Arial, '"Lucida Grande'", sans-serif")
.setStyleAttribute("fontSize", "14px")
.setStyleAttribute("fontSize", "1.4rem")
.setStyleAttribute("lineHeight", "1")
.setStyleAttribute("color", "#222222")
.setStyleAttribute("position", "relative");
这个问题对我有很多启示,但手头的任务(如上)是仅使用GAS Javascript在各种表单元素中应用Zurb Foundation样式。
有人接电话吗?
你能做一些类似的事情吗:
function applyCSS(element, style) {
for (var key in style) {
element.setStyleAttribute(key, style[key]);
}
}
var _zurb1 =
{
"fontFamily": "'"Helvetica Neue'", '"HelveticaNeue'", Helvetica, Arial, '"Lucida Grande'", sans-serif",
"fontSize": "14px",
"fontSize": "1.4rem",
"lineHeight": "1",
"color": "#222222",
"position": "relative"
}
然后在你的主代码中:
var lblDate = app.createLabel("Date").setId('lblDate');
applyCSS(lblDate, _zurb1);
这种方法的所有功劳都归功于James Ferreira,Google Script(Enterprise Application Essentials)的作者。
编辑(2012年9月4日)
有了新的setStyleAttributes()方法,我认为您现在可以取消applyCSS()函数,只需使用:
var lblDate = app.createLabel("Date").setId('lblDate').setStyleAttributes(_zurb1);
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 跟踪在页面加载时应用内联样式的JavaScript
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 如果文本字段为空,则使用JavaScript应用CSS样式
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 为什么在单独的函数中应用时转换会闪烁/断断续续(D3)
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- angularjs+rails应用程序中未显示模板
- 从html创建一个指令,该指令按类名应用函数
- 使用acess代币登录Facebook,并通过网络应用程序离线发布
- 从HTTPGET返回一个自定义对象列表,以便在Angular 2应用程序中使用
- 在谷歌应用程序脚本中应用DRY原理
- 将 DRY 原则与 JavaScript 应用
- 将 DRY 应用于整个文件中的多个循环
- 我如何将DRY应用到这个JavaScript对象
- 应用DRY原则到JavaScript,帮助我优化这段代码