作者根据 Robert C. Martin 《代码整洁之道》总结了适用于 JavaScript 的软件工程原则《Clean Code JavaScript》。
这份 Ruby 风格指南推荐的是 Ruby 的最佳实践,现实世界中的 Ruby 程序员据此可以写出可维护的高质量代码。我们只说实际使用中的用法。指南再好,但里面说的过于理想化结果大家拒绝使用或者可能根本没人用,又有何意义。
trim(str, pos) 该方法可以去除空格,分别可以去除所有空格,两端空格,左边空格,右边空格,默认为去除两端空格 str <String> 字符串 pos <String> 去除那些位置的空格,可选为:both-默认值,去除两端空格,left-去除左边空格,right-去除右边空格,all-去除包括中间和两端的所有空格 console.log(this.$u.trim('abc b
Grid 宫格布局 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 该组件外层为u-grid组件包裹,通过col设置内部宫格的列数 内部通过ugrid-item组件的slot设置宫格的内容 如果不需要宫格的边框,可以设置border为false <template> <u-grid :col="3"> <u-gr
Table 表格 用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。 基础表格 基础的表格展示用法。 :::demo 当Table元素中注入data和columns 对象数组后,在column中用prop属性来对应对象中的键名即可填入数据,用label属性来定义表格的列名。可以使用width属性来定义列宽。 constructor(props) { super(prop
在上两节中,我们学习了如何创建几何形状与材质,而网格的创建非常简单,只要把几何形状与材质传入其构造函数。最常用的物体是网格(Mesh),它代表包含点、线、面的几何体,其构造函数是: Mesh(geometry, material) 下面,让我们通过一个具体的例子了解如何创建网格: 例5.1.1 var material = new THREE.MeshLambertMaterial({
在学习了几何形状和材质之后,我们就能使用他们来创建物体了。最常用的一种物体就是网格(Mesh),网格是由顶点、边、面等组成的物体;其他物体包括线段(Line)、骨骼(Bone)、粒子系统(ParticleSystem)等。创建物体需要指定几何形状和材质,其中,几何形状决定了物体的顶点位置等信息,材质决定了物体的颜色、纹理等信息。 本章将介绍创建较为常用的物体:网格,然后介绍如何修改物体的属性。
序幕 这份指南目的于演示一整套 Rails 3 开发的风格惯例及最佳实践。这是一份与由现存社群所驱动的Ruby 编码风格指南互补的指南。 而本指南中测试 Rails 应用小节摆在开发 Rails 应用之后,因为我相信行为驱动开发 (BDD) 是最佳的软体开发之道。铭记在心吧。 Rails 是一个坚持己见的框架,而这也是一份坚持己见的指南。在我的心里,我坚信 RSpec 优于 Test::Unit,
名称 参数 默认 formatLoadingMessage - 'Loading, please wait…' formatRecordsPerPage pageNumber '%s records per page' formatShowingRows pageFrom, pageTo, totalRows 'Showing %s to %s of %s rows' formatDetailPa
列参数定义在 jQuery.fn.bootstrapTable.columnDefaults。 名称 标签 类型 默认 描述 radio data-radio Boolean false 是否显示为单选按钮 checkbox data-checkbox Boolean false 是否显示为筛选框 field data-field String undefined 字段名称 title data-
在使用JS实例化表格之前,首先我们的HTML中必须存在一个table表格,在后台管理列表中常见的表格如: <table id="table" class="table table-striped table-bordered table-hover table-nowrap" data-operate-edit="{:$auth->check('test/edit')}"
我们引入表格依赖后table后,我们就可以通过Table来进行相关表格的初始化和绑定相关事件。 返回的Table对象包括以下几个对象: { list:[], //实例化的表格对象列表 defaults:{}, //默认表格参数 columnDefaults:{}, //默认列参数 config:{}, //相关按钮的DOM选择类 button:{}, //默
以下我们收集了一些网格常用的实例。 三个均等列 该实例演示了如何创建三个均等列 (33.3%/33.3%/33.3%) ,在中型和大型设备上显示三个列,在小型设备上自动堆叠: 实例<div> <div> <p>.medium-4</p> </div> <div style="background-color:pink;"> <p>.medium-4</p> </di
块状网格用于均分页面内容:例如一行内要显示四张图片,不管什么屏幕下都需要均分宽度。 可以使用 <ul> 元素加上 .small|medium|large-block-grid-num 类来创建块状网格。num 用于指定均分是数量: 实例<ul> <li><img src="newyork.jpg" alt="New York"></li> <li><img src="paris.jpg"
Foundation 网格系统为 12 列。 如果你不需要 12 列,你可以合并一些列,创建一些更大宽度的列。 Foundation 的网格系统是响应式的。 列会根据屏幕尺寸自动调整大小。在大尺寸屏幕上,可能是三列,小屏幕尺寸就可能是三个单列,按顺序排列。 网格列 Foundation 网格系统有三个列: .small (手机端) .medium (平板设备) .large (电脑设备:笔记本,台