第6章,听到你说谢
“mark哪去了”依美走到蓝韵身边。
“灰溜溜地回去了”韵曰。
“什么叫灰溜溜,你们又怎么了?”美惑。
“没什么,没发生什么,关系还是那样,你不玩了?那我玩”蓝韵说着跑去阿名那边。
阿星打开笔记本,有心无力地浏览网页,想想依美没来吃饭时那么期待,来了之后又没自己什么事,心酸呐,唉声叹气的。
突然身后的一声“mark”让他兴奋了下,感觉像是天灵盖被击中了。
“你咋上来了,不玩啦”星悦。
“玩够了呐,对了,其实今天过来呢,还有个目的,想让你教下我前端”美曰。
“你想学前端?”阿星雀跃。
“学一点喽,想懂一点皮毛。我是做UI的嘛,就是如果也懂点前端,画图的时候就能更有依据,不再是别人怎么画,也跟着怎么画,这样前端在还原设计稿的时候也更有利,想有自己的一些更优化、更具个性、体验更好的设计”美曰。
“nice,有想法啊”星曰。
“再者就是,说不定哪一天转行,转产品经理,或者转前端,派得上用场”美曰。
“未雨绸缪,深谋远虑,verygood。那我就先给你讲几个概念。前端开发,通俗讲就是画界面。主要有H5,安卓,IOS,小程序这四种。安卓和iOS不擅长,H5和小程序我专长”星曰。
“我就是要学的H5”美曰。
“H5其实也可以叫web前端开发,只不过现在通常区分为H5做移动端,web则是电脑端,两者没啥差别。那H5开发通俗说就是做网页。网页主要是由Html、CSS、Javascript构成,可以嵌入媒体文件,如视频、音频、图片”星曰。
“那个HTML我知道,超文本标记语言”
“Good,我们经常听见的H5指的就是这个,已经发展到版本5,由W3C标准化组织制定。CSS就是层叠样式表,简单讲就是样式,Javascript即JS,为脚本语言”星曰。
“脚本语言是什么?”美曰。
“你可以理解为计算机编程语言的一种,就是一种嵌入页面,由浏览器解析的编程语言”
“那这个是不是比较难”美曰。
“也不说太难,能够冠以脚本语言就说明是轻量级,比起Java,C#,C++那些简单得多”
“那是不是不懂JS就显得没什么技术含量呢?”美曰。
“可以这么说,编程嘛,大同小异,主要看编程思想,实现功能的思路”星曰。
“那你先教我些简单的,今天的目标就是了解个大概,难的我后面再去研究”美曰。
“我举个简单的例子,形象一点。如果把网页比喻成人体,那么html相当于骨骼,构建了人体的框架结构;CSS相当于皮肤、衣服或者化妆品,修饰了人;网页中嵌入的视频音频等媒体相当于人的器官;JS相当于人的行为,比如说:我打,为什么会有这个行为,因为有相应的脚本来支持”星曰。
“哦,那挺好理解的”美曰。
“我现在弄个简单的页面,在chrome浏览器上调试,你会更形象地理解”星曰。
“好啊,都用的chrome浏览器调试网页的吗?”美曰。
“主流调试,也有其他的”星曰。
阿星用文本编辑器快速地敲起代码。
“哇,你好快哦”美曰。
没一会就整好,用浏览器打开了页面。
“呐,这是一个超简单的页面,在这页面我们定义了一个元素,用div标记”星曰。
“div标签我听过,以前经常听说div+css,具体是啥就是一片空白”美曰。
“div是html页面用得最多的,我定义这个div元素宽,高和边框,CSS属性用width,height和border。呐,你看,我改变它们的值,这个元素也相应变化”星曰。
“是哦,好像挺好玩的,我来”说着阿星起身把座位让给依美。
依美聪慧,一下子就上手的感觉。
阿星静静地看着她调试网页,看到浏览器出现变化,挺开心的。不自觉地偷偷地闻了她的头发,在心里嘀咕道:真香,这莫非美女身上都自带体香。有点醉人呐,好香,美人香。
“啊~”阿星惊叫一声,蓝韵不知道什么时候神不知鬼不觉地站在了一旁,然后她大笑起来。
“你是鬼啊,都没声音”阿星不悦。
“我一向出人意表,你不知道而已,耶,依美,我刚瞅见这臭青蛙有不轨行为”韵曰。
“什么鬼,哪有”美曰。
蓝韵做了下闻头发的动作,阿星无语。
“蓝韵,学不学”美曰。
“这只臭青蛙能教出什么好学生”韵曰。
“可以呀,他讲得挺通俗易懂的,我一学就会,可以说完全就会了”美曰。
“就一些简单的皮毛谁不会啊”韵驳。
“耶,mark,如何把这元素变没?”美曰。
“用display属性,值为none,它就没了,啥也不是,哈哈”阿星说着示范了下,手指碰到依美的手背,美感入侵全身。
“耶,还真没了”依美笑到。
“那怎么再变回来?”美曰。
“把值改为block,表示显示”星曰。
“嗯,又回来了,嘻嘻”美悦。
“如果在block后面再加个!important,那么这个样式的优先级是最高的,其他的样式都不能重写它”阿星又示范了下。
“什么是重写啊?”美惑。
“就说CSS有个层叠性,意思是同一个样式越靠后优先级越高,后面写的样式可以覆盖前面定义的样式。但加了这个!important,不管后面样式怎么写,都不能改变,比如说前面的样式用了!important,后面的样式让它不显示,是没用的,因为后面优先级较低”星曰。
“important英文的意思不就是重要,意思是这个样式最重要,优先级最高”美曰。
“nice,就是这样,美人你太聪慧了,人美心善,秀外慧中,学什么都快!”星赞。
“哈哈,感觉还真的是,嘻嘻”美曰。
“依美,刚那臭青蛙偷偷地”韵曰。
阿星瞪大眼,渐渐凶恶起来示意她住嘴。
“偷偷什么?”美曰。
“偷偷,偷偷地在傻笑,像白痴一样”韵曰。
阿星竖起了中指。
“呵呵,mark你干嘛傻笑”美曰。
“没有啊,她眼花了”星曰。
“你才眼花了,我火眼金睛,又没近视,你的表情我get得到”韵驳。
“我买了西瓜,出来尝尝”阿名过来叫唤。于是几人便出去吃西瓜,看着切好的西瓜,阿星拿一块给依美。
“阿名你真贴心,简直就是那个,W3C标准好男人”依美笑到。
“就一块西瓜扣这么大帽子”阿名谦虚笑笑。
“刚学了点网页知识就表现一下,哈哈”美曰。
“实至名归呐,阿名你怎么知道我喜欢吃西瓜的?!”蓝韵娇嗔,“我都没跟你说过”
“自作多情,鬼才知道你喜不喜欢吃西瓜,纯属巧合”阿星反驳,“阿名也就随便买的,你们不用那么夸赞吧”
“羡慕嫉妒恨了是不是,你就只能给阿名做陪衬了,人家是暖男,你是臭男”韵曰。
“Good,完全接受蓝韵老师的殷切教诲和批评,我一定会好好反思一下为什么会这么不受你待见,然后再暗骂你一千遍”星曰。
“滚犊子,死仆街”韵驳。
转眼呆了一下午,依美道别:“我们,走啦”
“再玩会嘛”阿星挽留。
“改日吧”美曰。
“啊?!”星曰。
“就不要咬文嚼字了”名曰。
“满脑子龌龊的细胞”韵曰。
“今天谢啦”美曰。
“ringringring,听到你说谢,人家都有点不好意思了”阿星撒娇。
“吔屎啦你,矫情”韵怼。
阿星送她们出去,刚好电梯来了,“拜拜”依美说着走进去。
“美人,再见”阿星笑嘻嘻。
“臭青蛙,再见”蓝韵也笑嘻嘻。
阿星闻声脸上乌云突然密布。
依美走后,阿星还意犹未尽。
“怎样,跟女神呆那么久”名曰。
“verynice,quitegood,谁人,不,哪路神仙能够体会我内心的极欢喜!”星曰。
“啧啧,有点陷进去的迹象”名曰。
“我要捂热她,她是我的,啵”星悦。
“非常不要脸!”名曰。
依美和蓝韵离开后去逛商场。
“下午貌似跟那只臭青蛙处得很开心呐”
“是蛮开心的,没想到前端这么有趣”美曰。
“不知是前端真的有趣,还是说因为一个人才觉得前端有趣哟”韵曰。
“你想说什么咧”美曰。
“他百分之百对你有非分之想了,你知不知道他在你后面偷偷闻你头发!”韵曰。
“那有什么关系的,我头发真香呗”美曰。
“如果他来撩你,你想怎么招架?”韵曰。
“我们会成为好朋友,就像我和阿名一样”
“切,鬼才信你,之前是谁说的好久没谈恋爱的,现在肯定是”蓝韵说着哼起歌,“好想谈恋爱,噢,越想越难耐”
“哈哈哈,没那么夸张”美曰。
“耶,那边场地不错,拍个短视频,走”
“灰溜溜地回去了”韵曰。
“什么叫灰溜溜,你们又怎么了?”美惑。
“没什么,没发生什么,关系还是那样,你不玩了?那我玩”蓝韵说着跑去阿名那边。
阿星打开笔记本,有心无力地浏览网页,想想依美没来吃饭时那么期待,来了之后又没自己什么事,心酸呐,唉声叹气的。
突然身后的一声“mark”让他兴奋了下,感觉像是天灵盖被击中了。
“你咋上来了,不玩啦”星悦。
“玩够了呐,对了,其实今天过来呢,还有个目的,想让你教下我前端”美曰。
“你想学前端?”阿星雀跃。
“学一点喽,想懂一点皮毛。我是做UI的嘛,就是如果也懂点前端,画图的时候就能更有依据,不再是别人怎么画,也跟着怎么画,这样前端在还原设计稿的时候也更有利,想有自己的一些更优化、更具个性、体验更好的设计”美曰。
“nice,有想法啊”星曰。
“再者就是,说不定哪一天转行,转产品经理,或者转前端,派得上用场”美曰。
“未雨绸缪,深谋远虑,verygood。那我就先给你讲几个概念。前端开发,通俗讲就是画界面。主要有H5,安卓,IOS,小程序这四种。安卓和iOS不擅长,H5和小程序我专长”星曰。
“我就是要学的H5”美曰。
“H5其实也可以叫web前端开发,只不过现在通常区分为H5做移动端,web则是电脑端,两者没啥差别。那H5开发通俗说就是做网页。网页主要是由Html、CSS、Javascript构成,可以嵌入媒体文件,如视频、音频、图片”星曰。
“那个HTML我知道,超文本标记语言”
“Good,我们经常听见的H5指的就是这个,已经发展到版本5,由W3C标准化组织制定。CSS就是层叠样式表,简单讲就是样式,Javascript即JS,为脚本语言”星曰。
“脚本语言是什么?”美曰。
“你可以理解为计算机编程语言的一种,就是一种嵌入页面,由浏览器解析的编程语言”
“那这个是不是比较难”美曰。
“也不说太难,能够冠以脚本语言就说明是轻量级,比起Java,C#,C++那些简单得多”
“那是不是不懂JS就显得没什么技术含量呢?”美曰。
“可以这么说,编程嘛,大同小异,主要看编程思想,实现功能的思路”星曰。
“那你先教我些简单的,今天的目标就是了解个大概,难的我后面再去研究”美曰。
“我举个简单的例子,形象一点。如果把网页比喻成人体,那么html相当于骨骼,构建了人体的框架结构;CSS相当于皮肤、衣服或者化妆品,修饰了人;网页中嵌入的视频音频等媒体相当于人的器官;JS相当于人的行为,比如说:我打,为什么会有这个行为,因为有相应的脚本来支持”星曰。
“哦,那挺好理解的”美曰。
“我现在弄个简单的页面,在chrome浏览器上调试,你会更形象地理解”星曰。
“好啊,都用的chrome浏览器调试网页的吗?”美曰。
“主流调试,也有其他的”星曰。
阿星用文本编辑器快速地敲起代码。
“哇,你好快哦”美曰。
没一会就整好,用浏览器打开了页面。
“呐,这是一个超简单的页面,在这页面我们定义了一个元素,用div标记”星曰。
“div标签我听过,以前经常听说div+css,具体是啥就是一片空白”美曰。
“div是html页面用得最多的,我定义这个div元素宽,高和边框,CSS属性用width,height和border。呐,你看,我改变它们的值,这个元素也相应变化”星曰。
“是哦,好像挺好玩的,我来”说着阿星起身把座位让给依美。
依美聪慧,一下子就上手的感觉。
阿星静静地看着她调试网页,看到浏览器出现变化,挺开心的。不自觉地偷偷地闻了她的头发,在心里嘀咕道:真香,这莫非美女身上都自带体香。有点醉人呐,好香,美人香。
“啊~”阿星惊叫一声,蓝韵不知道什么时候神不知鬼不觉地站在了一旁,然后她大笑起来。
“你是鬼啊,都没声音”阿星不悦。
“我一向出人意表,你不知道而已,耶,依美,我刚瞅见这臭青蛙有不轨行为”韵曰。
“什么鬼,哪有”美曰。
蓝韵做了下闻头发的动作,阿星无语。
“蓝韵,学不学”美曰。
“这只臭青蛙能教出什么好学生”韵曰。
“可以呀,他讲得挺通俗易懂的,我一学就会,可以说完全就会了”美曰。
“就一些简单的皮毛谁不会啊”韵驳。
“耶,mark,如何把这元素变没?”美曰。
“用display属性,值为none,它就没了,啥也不是,哈哈”阿星说着示范了下,手指碰到依美的手背,美感入侵全身。
“耶,还真没了”依美笑到。
“那怎么再变回来?”美曰。
“把值改为block,表示显示”星曰。
“嗯,又回来了,嘻嘻”美悦。
“如果在block后面再加个!important,那么这个样式的优先级是最高的,其他的样式都不能重写它”阿星又示范了下。
“什么是重写啊?”美惑。
“就说CSS有个层叠性,意思是同一个样式越靠后优先级越高,后面写的样式可以覆盖前面定义的样式。但加了这个!important,不管后面样式怎么写,都不能改变,比如说前面的样式用了!important,后面的样式让它不显示,是没用的,因为后面优先级较低”星曰。
“important英文的意思不就是重要,意思是这个样式最重要,优先级最高”美曰。
“nice,就是这样,美人你太聪慧了,人美心善,秀外慧中,学什么都快!”星赞。
“哈哈,感觉还真的是,嘻嘻”美曰。
“依美,刚那臭青蛙偷偷地”韵曰。
阿星瞪大眼,渐渐凶恶起来示意她住嘴。
“偷偷什么?”美曰。
“偷偷,偷偷地在傻笑,像白痴一样”韵曰。
阿星竖起了中指。
“呵呵,mark你干嘛傻笑”美曰。
“没有啊,她眼花了”星曰。
“你才眼花了,我火眼金睛,又没近视,你的表情我get得到”韵驳。
“我买了西瓜,出来尝尝”阿名过来叫唤。于是几人便出去吃西瓜,看着切好的西瓜,阿星拿一块给依美。
“阿名你真贴心,简直就是那个,W3C标准好男人”依美笑到。
“就一块西瓜扣这么大帽子”阿名谦虚笑笑。
“刚学了点网页知识就表现一下,哈哈”美曰。
“实至名归呐,阿名你怎么知道我喜欢吃西瓜的?!”蓝韵娇嗔,“我都没跟你说过”
“自作多情,鬼才知道你喜不喜欢吃西瓜,纯属巧合”阿星反驳,“阿名也就随便买的,你们不用那么夸赞吧”
“羡慕嫉妒恨了是不是,你就只能给阿名做陪衬了,人家是暖男,你是臭男”韵曰。
“Good,完全接受蓝韵老师的殷切教诲和批评,我一定会好好反思一下为什么会这么不受你待见,然后再暗骂你一千遍”星曰。
“滚犊子,死仆街”韵驳。
转眼呆了一下午,依美道别:“我们,走啦”
“再玩会嘛”阿星挽留。
“改日吧”美曰。
“啊?!”星曰。
“就不要咬文嚼字了”名曰。
“满脑子龌龊的细胞”韵曰。
“今天谢啦”美曰。
“ringringring,听到你说谢,人家都有点不好意思了”阿星撒娇。
“吔屎啦你,矫情”韵怼。
阿星送她们出去,刚好电梯来了,“拜拜”依美说着走进去。
“美人,再见”阿星笑嘻嘻。
“臭青蛙,再见”蓝韵也笑嘻嘻。
阿星闻声脸上乌云突然密布。
依美走后,阿星还意犹未尽。
“怎样,跟女神呆那么久”名曰。
“verynice,quitegood,谁人,不,哪路神仙能够体会我内心的极欢喜!”星曰。
“啧啧,有点陷进去的迹象”名曰。
“我要捂热她,她是我的,啵”星悦。
“非常不要脸!”名曰。
依美和蓝韵离开后去逛商场。
“下午貌似跟那只臭青蛙处得很开心呐”
“是蛮开心的,没想到前端这么有趣”美曰。
“不知是前端真的有趣,还是说因为一个人才觉得前端有趣哟”韵曰。
“你想说什么咧”美曰。
“他百分之百对你有非分之想了,你知不知道他在你后面偷偷闻你头发!”韵曰。
“那有什么关系的,我头发真香呗”美曰。
“如果他来撩你,你想怎么招架?”韵曰。
“我们会成为好朋友,就像我和阿名一样”
“切,鬼才信你,之前是谁说的好久没谈恋爱的,现在肯定是”蓝韵说着哼起歌,“好想谈恋爱,噢,越想越难耐”
“哈哈哈,没那么夸张”美曰。
“耶,那边场地不错,拍个短视频,走”
转码声明:以上内容基于搜索引擎转码技术对网站内容进行转码阅读,自身不保存任何数据,请您支持正版