第一组:刘聪 利用反射获取类中私有字段
类中的私有和保护类型在外部是不能直接获取到其值的,然而通过反射得到Type类的GetFields方法可以得到私有字段。
一些概念:
元数据:有关程序及其类型的数据。
反射:一个运行的程序查看本身或者其他程序的元数据的行为叫做反射。
使用反射命名空间:System.Reflection
Tpye类:包含类型信息的抽象类
Typeof():用于获取类型的 System.Type 对象
示例:
-
自定义类RefClass:
RefClass类中定义了私有字段Priv_Test1 = 3;一般而言从外部无法获取它的值的
-
获取RefClass类的类型,通过GetFields获得字段并输出到控制台
结果:
可以看得我们已经可以读取Priv_Test1值了。当然我们也可以修改它的值。
通过SetValue()修改私有字段值:
控制台输出:
第二组:叶佳意 try catch机制
在制作计算器的时候遇到了一个问题:小数的四则运算精确度不够。这是因为计算机只能读懂二进制,因此在计算的时候需要将十进制数转换为二进制,转换的过程中就会造成误差。解决方法是把需要计算的数字乘以 10 的 n 次幂,换算成计算机能够精确识别的整数,然后再除以 10 的 n 次幂,大部分编程语言都是这样处理精度差异的,我们就借用过来处理一下这里存在的误差。
在写代码的时候用到了try catch机制。这个机制用于捕获异常。
try {
有可能出现错误的代码写在这里
}catch(e){
出错后的处理
}
如果try中的代码没有出错,则程序正常运行try中的内容后,不会执行catch中的内容,如果try中的代码一但出错,程序立即跳入catch中去执行代码,那么try中出错代码后的所有代码就不再执行了。
以下是进行小数加法时进行的处理:
var r1, baseNum1, baseNumshow1;
try {
baseNum1 = num.toString().split(".")[1].length
} catch(e) {
baseNum1 = 0
};
try {
baseNumshow1 = numshow.toString().split(".")[1].length
} catch(e) {
baseNumshow1 = 0
};
r1 = Math.pow(10, Math.max(baseNum1, baseNumshow1));
result = (num * r1 + numshow * r1) / r1;
numshow = String(result);
第三组:黄华英 Vue.js 样式绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将v-bind用于class和style时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。
一、 v-bind:class—对象语法
(1)根据数据属性确定class
<div class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>
对应数据初始设置
data: {
isActive: true, hasError: true
}
active这个 class 存在与否将取决于数据属性isActive(true or false)。
你可以在对象中传入更多属性来动态切换多个 class。
以上渲染结果为:<div class="static active text-danger "></div>
(2)根据数据对象确定class:
<div v-bind:class="classObject"></div>//绑定数据对象
data: {
classObject: //初始数据对象
{
active: true,
'text-danger': false
}
}
渲染结果:<div class="active"></div>
(3)根据计算属性返回的对象确定class
<div v-bind:class="classObject"></div>//绑定计算属性
data: { isActive: true, error: null},
computed: {
classObject: function () {
return {
active: this.isActive && !this.error, //true
'text-danger': this.error && this.error.type === 'fatal' //false
}
}}
渲染结果:<div class="active"></div>
二、 v-bind:class—数组语法
把一个数组传给v-bind:class,以应用一个 class 列表
<div v-bind:class="[ classA, classB]"></div>//数组元素
data: {
classA: 'class-a',
classB: 'class-b'
}
渲染结果<div class="class-a class-b"></div>
三元表达式切换class:
<div v-bind:class="[ isClassA ? activeA: '', activeB]">
activeB 始终存在,activeA是否存在取决于isClassA
在数组语法中也可以使用对象语法,上面这个三元表达式用对象语法实现:
<div v-bind:class=”[{active:isClassA},activeB]”></div>
三、 v-bind:style
通过给元素赋值确定样式
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>
直接绑定到一个样式对象
<div v-bind:style="styleObject"></div>
直接绑定样式数组
<div v-bind:style="[baseStyles, overridingStyles]"></div>
第四组:王芳 radio的css源码
12.27分享了如何修改checkbox的默认样式
现在补充一段radio的css源码(HTML结构和checkbox是一样的):
.radioLabel{position: relative;}
.radioInput{display: none;}
.radioSpan{display: inline-block;width: 1em;height: 1em;border:1px solid red;border-radius: 50%;}
.radioInput:checked+.radioSpan:after{
content: "";
position: absolute;
top: 47%;
left: 29%;
width: .4em;
height: .4em;
border-radius: 50%;
background-color: red;
}
补充二者的效果图:
checkbox:
radio:
第五组:姜葳 《釜山行》细思极恐细节
(1)
有一对儿高中生,在逃亡的时候,女孩一直拉着男孩并问怎么办?男孩即使是慌也很镇定。当女孩被感染时他就蒙了,他突然不知道该做什么,他开始喊,怎么办。变得慌张,不知所措。虽然他知道女孩可能会让他变异,却还是抱着她哭。
(2)釜山是安全区,但男主在车上多次给女儿的妈妈打电话,却一直未接通。