2017-12-29 利用反射获取类中私有字段、try catch机制、Vue.js 样式绑定、radio的css源码、《釜山行》细思极恐细节

第一组:刘聪 利用反射获取类中私有字段

类中的私有和保护类型在外部是不能直接获取到其值的,然而通过反射得到Type类的GetFields方法可以得到私有字段。

一些概念:
元数据:有关程序及其类型的数据。
反射:一个运行的程序查看本身或者其他程序的元数据的行为叫做反射。
使用反射命名空间:System.Reflection
Tpye类:包含类型信息的抽象类
Typeof():用于获取类型的 System.Type 对象

示例:

  1. 自定义类RefClass:


RefClass类中定义了私有字段Priv_Test1 = 3;一般而言从外部无法获取它的值的


image.png
  1. 获取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:


image.png

radio:


image.png

第五组:姜葳 《釜山行》细思极恐细节

(1)




有一对儿高中生,在逃亡的时候,女孩一直拉着男孩并问怎么办?男孩即使是慌也很镇定。当女孩被感染时他就蒙了,他突然不知道该做什么,他开始喊,怎么办。变得慌张,不知所措。虽然他知道女孩可能会让他变异,却还是抱着她哭。

(2)釜山是安全区,但男主在车上多次给女儿的妈妈打电话,却一直未接通。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,922评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,591评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,546评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,467评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,553评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,580评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,588评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,334评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,780评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,092评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,270评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,925评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,573评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,194评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,437评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,154评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,647评论 18 139
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,612评论 18 399
  • //Clojure入门教程: Clojure – Functional Programming for the J...
    葡萄喃喃呓语阅读 3,650评论 0 7
  • 推理是好东西,今天我就用推理来怼一句广为流传的话——“实践是检验真理的唯一标准”。这句话在某些语境下是“实干胜于空...
    有光N道阅读 525评论 2 2
  • 知曉-徐子泓 已失去家園 需要某人相伴 失落的我 無人知曉 星星掛於天上 無人知曉 是哪一顆靈魂 劃破夜空 消失的...
    塔沙阅读 192评论 0 0