作者小头像 Lv.1
9 成长值

个人介绍

虽然现在都很慢,但不会一直慢下去

感兴趣或擅长的领域

编程语言、数据库
个人勋章
TA还没获得勋章~
成长雷达
0
9
0
0
0

个人资料

个人介绍

虽然现在都很慢,但不会一直慢下去

感兴趣或擅长的领域

编程语言、数据库

达成规则

发布时间 2020/07/13 10:25:31 最后回复 blateyang 2020/08/20 23:20:02 版块 社区活动
32563 472 0
发布时间 2020/07/13 10:25:31 最后回复 blateyang 2020/08/20 23:20:02 版块 社区活动
32563 472 0
他的回复:
ID:hw63293550AJAX第一章:学到现在,感觉就开始高级了,哈哈,ajax来了,关于ajax,印象最深的就是表单提交,以前没接触ajax的时候,总是使用表单默认的提交方式,提交之后就会刷新页面,跳转到提交的地址上,这对于需要提交请求但是又不要刷新页面的场景是相当难受,然后就接触到ajax了,表单请求的提交简直不要太舒服,所谓的“用户体验”真不是提升一星半点儿了……① ajax优势: - 提升页面的用户体验度 - 因为是异步执行的,所以一定程度上也缓解了服务器端的压力 - 因为提交请求不会刷新整个页面,可以实现局部刷新的效果② 网络通信:关于网络通信这块的知识点,平时确实没咋注意,今儿学习了,网络通信的OSI模型分层实现:应用层→表示层→会话层→传输层(TCP/UDP)→网络层(路由器)→数据链路层(交换机)→物理层,如图记录一哈:③ http协议: - request:向服务端发起请求 - response:服务端返回的响应结果关于http协议主要包括以上两个方面,还需要注意,这个协议是没有状态的,也就是非持续性,而是请求响应的数据处理完毕即会关闭链接。好了,很底层的知识点,get√了,下节课node,十分期待啊!~第二章:NODE.JS来了,来了,作为前端高级编程语言的JS,因为NODE的出现,象征着js后端里程碑式的意义。很早之前,js仅仅只能是做前端的,后端可想都别想,但如今出现了node,如果你js学得很扎实,全栈的工作也是能轻松搞定的嘞……① node.js:nodejs是一个基于Chrome(也叫谷歌内核)V8(js引擎)的异步I/O的单线程JavaScript语言。② koa框架:这个是基于node的小巧、轻便的流行应用框架之一(node的框架还有express等)③ 利用koa搭建web服务器:看课程里主要是讲得koa2的脚手架使用方法,使用是npm(node 包管理工具)的命令:npm install koa-generator -g;安装好koa脚手架之后,使用koa2 项目名称,即可创建一个web服务的目录,里面自动生成有相对应框架结构目录文件好了,像宇神说的,node现阶段课程只是在ajax里面辅助的部分,提前接触到,了解下即可,后续专门讲node的课程再好好深入研究下……第三章:揭秘AJAX关于ajax,个人感觉怎么说,还是jQuery比较好用,简单好用……① get请求的ajax(四步走): - 实例化“xhr”对象(new XMLHttpRequest()) - 监听xhr准备状态的变化“onreadystatechange”,并回调接收responseText - 调用open(),第一个参数请求方式,第二个参数请求链接 - 调用send(),向上一步请求的链接发送客户端数据② post请求的ajax(五步走): - 实例化“xhr”……(同get) - 监听状态变化……(同get) - 调用open()……(同get) - 设置请求头为“application/x-www-form-urlencoded"(不同于get,新增的步骤) - 调用send()……(同get)③ 跨域问题及解决方案(基于浏览器同源策略的安全机制导致发送的请求如为外链可能请求不到): - CORS:“跨域资源共享”,最为常用的一种解决方案之一,需要后端配合 - jsonp:以json为媒介,配合js的可跨域特性实现跨域请求的解决方案 - iframe:是较为古老的一种跨域解决方案……总的来说,这次的ajax课程是相当实用的,跨域问题及解决方案也是十分常见重点,需要好好掌握下……
发布时间 2020/07/13 10:25:31 最后回复 blateyang 2020/08/20 23:20:02 版块 社区活动
32563 472 0
发布时间 2020/07/13 10:25:31 最后回复 blateyang 2020/08/20 23:20:02 版块 社区活动
32563 472 0
他的回复:
ID:hw63293550JS第一章数据类型:7.13今天终于开始了第二阶段课程--JavaScript了,对于半路出家的我这一部分同学来说,我感觉第二阶段的这一章课程是相当友好,从来没有系统的学习过这些基础的知识点:① 什么是编程语言? - 机器语言(二进制数据) - 汇编语言(包含了简单的英文字母有助于标记和记忆) - 高级语言(个人理解就是能够进行复杂逻辑操作的智能语言,包括几乎所有的后端语言【php,java,go,python…】和前端最经典随处可见的JavaScript等等)② js的组成有哪三部分? - ECMAScript(所谓的ECMA就是給js制定语法规则的一个欧洲国际组织,类似于html里的W3C组织) - DOM(这是jQuery时代提及最多的一个模型了,根据英文单词来记忆--“文档对象模型”) - BOM(提及DOM,BOM也是不可不提的,老师说后面会详细讲这两个模型,名为浏览器对象模型)③ js的三种使用方式是? - 外联js文件(使用script标签引入外部js文件,注意这里引入的文件也可以是外网的js文件,js文件的引用没有跨域问题哦!~) - 内嵌js代码(也是使用script标签,在标签内编写js代码即可) - 行内js代码(最经典的例子就是原生js的监听点击事件触发函数(onclick),课程讲到这里的时候我想到的是a标签的href的使用“JavaScript:XXX”,注意这里不适合复杂逻辑的大量代码的场景使用)④ js的五种基础数据类型有哪些?(其实关于js的基础数据类型,再更新还涉及新增的symbol类型等等啥的,有新的定义和概念,有点儿小遗憾没讲到这一块) - 字符串(String:数值转换成字符串方法有三【toString()、String()、(num + '我是字符串,该方法也叫隐性转换')】) - 数字(Number:相对于字符串,字符串转数字方法有四【parseInt()、parseFloat()、Number()、('num' -*/ num)】,注意这里的-*/符号是任选其一即可,数字类型验证方法为“isNaN()”。ps:数字类型分为整数型和浮点型,所以可以和字符串的三种转换方法对应起来记忆使用) - 布尔(Boolean:布尔值只有两个【true、false】,转换方法只有一种【Boolean()】) - undefined(未定义:最常见的就是变量申明了,但是最后没有赋予任何数据类型的值,注意这里有个变量初始化的概念:申明了变量并赋予了数据类型。所以未定义可以理解为是未被初始化的变量) - null(空:注意这是一个单独的基础数据类型,和undefined不一样) ④-① js数据类型的验证方法:[typeof 需要验证的数据类型]。(得到返回的是字符串类型,字符串的内容是被验证数据类型的类型,比如:typeof '我是字符串' 结果:"string")⑤ 在编程语言的高级语言里可以分为两类:编译类型+解释类型 - 编译类型:可以理解为大多后端语言的类型,都是先把所有的源代码通过编译器编译好生产一个中间文件,最后再运行这个中间文件输出 - 解释类型:理解起来相对的就是像JS这样的高级编程语言,是一行一行的通过js解释器运行代码输出PS:总结起来就是“执行的时间点不一样”。讲到这里老师打了个很形象的比方,印象颇深:编译类型语言就像是吃饭的时候菜上完了才开始吃,解释类型语言就是吃火锅,边涮羊肉边往嘴里吃,哈哈哈。总的来说吧,还有关于js的变量申明和概念、还有基本的三大弹窗(alert()、comfirm()、prompt()),以及基本数据类型的转换计算等等,都是必须掌握的,但这些还是得通过多多手敲来熟悉和记忆。好了,话不多说,我要再去练练手了……JS第二章运算符提到运算符,让人最容易想到的就是“+-*/”了,当然,这没错,但不是全部,加减乘除只能说是算术运算符,与之相对的还有逻辑运算符“&|!”(俗称与或非)。① 算术运算符: 【+-*/】:加减乘除,这就不比说了,是基础的也是必会的部分。只是要注意“+”号符,它除了数值运算之外还有上节课提到的js拼接符的作用! 算术运算符的衍生(下面举例的“a”都是提前申明赋值为“0”的number类型变量): 【++】:分为符号在后和符号在前的情况(a++和++a),虽然翻译过来都是“a=a+1”,但运算出来的结果是不一样的,a++是先赋值,后运算,所以打印a++的结果是a本身(0);++a则是先运算再赋值所以打印++a的结果为运算后的结果(1)。 【--】:和++运算符几乎一样,只是符号变了,翻译过来都是“a=a-1”。(ps:后面的联系题里大多会用到这两个概念,同学们注意区分哈!~)② 逻辑运算符(得到返回的结果为布尔值Boolean,即“true”和“false”): 【&&】:与,简单翻译就是“而且”的意思,也就是说必须运算符两边同时满足“true”的才能得到“true”,有一个或者没有“true”,都会返回false 【||】:或,翻译就是或者,这个符号是竖线,键盘上中括号的下面的一个键就是了,或者的意思就是,只要两边至少满足一个“true”,即可返回true 重要补充说明:逻辑运算符两边表达式如果得到的结果是Boolean,则按上面的规则来判断返回结果,如果是其他基础数据类型,&&运算为true则返回最后一个判断的具体值,否则返回第一个判断为false的具体值;对应的||运算如果为true,则返回第一个判断为true的具体值,否则返回最后一个判断为false的具体值。③ 判断结构(if+switch):if (condition1){……} else if (condition2){……} else {……}switch (判断表达式){case 判断的值:……;break;case 判断的值:……;break;default:……;break;}区分:if对于复杂逻辑和多条件表达式比较实用,而switch是单一表达式判断不同值的场景下使用,可使用情况有限;另外值得一提的是:switch可以转换成if表达,但if就不一定能转换成switch的表达式!以上就是对于这节课程的个人总结,个人感觉这节课程对于js的逻辑结构开始接触到,就可以变得相对复杂一点,是基础知识点,但也是重点知识点,这也是js也属于高级编程语言的原因之一了吧……JS课程第三章循环结构:相对于上节课的判断结构来说,逻辑结构还有个不得不提的循环结构,通常这俩结构会混合在一起使用,以完成复杂的逻辑判断输出。回顾上节课的判断结构有【if+switch】,相对的这节课的循环结构有【for+while】:① FOR循环:for([计数器变量];[判断可进入循环体的条件];[递变的步长表达式]){[循环体]},这是格式。注意:中间的是三个参数都是分号“;”分开,计数器变量必须申明变量,步长表达式一般操作计数器变量的值,让不同的计数器去判断,判断的时候尽量避免进入死循环。    for (var i = 0; i 10; i++) {        console.log(i);    }② WHILE循环:while([判断条件]){]循环体];[递变步长表达式];},这是格式。注意:只要当条件满足就会进入循环体,并且不要忘记给判断条件的变量做递变处理,否则容易进入死循环。    var i = 0;    while (i=1){        console.log(i);        i++;    }③ 关于“断点”的知识,我以前也一直不太清楚,看到这个节课程里有提到这个知识点,觉得有必要做下笔记:    断点:在循环结构的循环体或者函数的函数内部做上标记,可以阶段性的测试运行的结果或者数据,这样做的好处就是避免每次执行的时候都全部执行,对于调试工作来说,能让开发者更快更准确的找到bug问题。    浏览器调试操作:按F12或者右键审查元素,出现程序员调试工具界面,然后选择“source”或者“源文件”,可以看到当前页面加载的所有资源文件,这时候可以选择点击妳需要调试的页面或文件,进入调试的分屏窗口,在妳想要调试的“内部”,鼠标左键点击行数的地方,可以开启断点,断点开启后,F8是全部运行,F10是一个一个的运行测试,Ctrl+F8是禁用所有断点。好了,不管是循环结构的使用,还是断掉调试,都是我们程序工作开发者都应该掌握的必备知识点,get √,共勉!        
发布时间 2020/06/05 11:45:07 最后回复 @Wu 2020/07/05 23:55:07 版块 社区活动
55652 487 2
他的回复:
华为云ID:hw63293550CSS浮动属性[FLOAT]:浮动在以前的盒子经典布局模型里是非常常用且实用的一个css属性(当然现在也有在用,只是对于flex布局比较流行之前),还记得之前初学HTML就踩过坑,用了float排版布局之后,没有及时清除浮动,就导致了,父级容器没有高度,父级容器的兄弟容器就会挤上来在浮动盒子的下面显示,从而导致被隐藏了,严重的直接会导致页面排版错乱无序。所以及时的清楚浮动是相当有必要的,说到清除浮动,用的比较多的老哥应该会自然的想到【clear】属性,没错,这也是最常见的,但从今天的课程里可以看出来,还有个属性可以用于清除浮动,个人觉得有必要了解掌握一下:【overflow】这是个溢出属性,常用的值对应有:hiddenautoscroll没错,可以使用overflow:hidden完美的对浮动及时的清除,从而保证父级容器的高度不会垮掉,get√!~CSS定位属性【position】:这节position定位课程是纵观整个HTML文档里布局经典属性了,用到的地方还是挺多的,布局、刁钻定位等,但注意一点,这个position属性是脱离文档流的,简单理解就是浮于document文档上方,所以在document文档是不占位的:position - fixed - relative - absolute - static常用属性如上,fixed常用语固定屏幕某个位置,而不随页面滚动 而滚动;relative+absolute最为常见,常用语相对定位做排版布局使用;static即标准流定位
发布时间 2020/06/05 11:45:07 最后回复 @Wu 2020/07/05 23:55:07 版块 社区活动
55652 487 2
他的回复:
ID:hw63293550CSS常用属性之查漏补缺:【text-decoration和background-attachment】这节css常用属性的课程里有字体、文本、尺寸、列表、背景的使用 介绍,基本上这几个是日常HTML少不了的几种的,老师归纳出来的还是很好用的。老规矩,先做题后看课程,结果发现,还是有几个不确定的地方,没错就是题目说的这俩再基础不过的属性了:text-decoration:这是什么呢?最常见的例子就是当你用【a】标签的时候,大部分情况下,链接文本默认显示出来会有颜色和下划线,这时候,这个【text-decoration】就起作用了,文本修饰:设置为none即可去掉,默认是underline,相对于underline,还有上划线和中划线的属性,分别对应的是“overline”(注意:这里不是topline,压根没这个属性)和“line-through”(中划线,也是删除文本的标签符号)。background-attachment:这个就比较有意思了,字面上理解就是和背景相关的属性,css里可以写3D的异步滑动效果(也叫视觉差滑动),写出来是立体效果,但是会特别繁琐,所以妳完全可以用这个属性,background-attachment:fixed,实现背景固定,内容错位滚动的视觉差效果,所以是非常好用的一个css属性了。好了,好用的css属性就要敲黑板,做好笔记了,以上就是这章课程的总结心得了。CSS盒子属性:这个简单说就是配合DIV盒子标签来使用的,通过设置这个css的盒子属性,可以更方便实现DIV盒子来排版的盒子布局结构,常用的也是今天课程提到的几点:【内、外边距】【边框】【浮动】等等还是说说漏掉的一个点:border属性,border就是边框的意思,边框除了可以设置边宽和颜色外,还可以设置border-style(也就是边框的线样式),常用的有以下三种样式:soliddasheddotted但还有这几个【double | groove | ridge | inset | outset】,没错今天的作业题里的double也是个正确答案,除了这个个人感觉还有inset和outset可以注意记下,默认应该都是outset,也就是外边框,可以通过设置inset来转变为内边框,这个可以联系ps里的边框设置理解下。
发布时间 2020/06/05 11:45:07 最后回复 @Wu 2020/07/05 23:55:07 版块 社区活动
55652 487 2
他的回复:
华为云ID:hw63293550前言:好了,今天第五章终于到了表单的课程了,为什么终于到了表单?因为表单很重要啊!!!以前的前端可能还好,现在前端三大家,国内的前端流应该主要集中在vue上,当然,这也是为什么我们现在在这里的原因,vue是啥?他是前端流行的MVVM框架,当前时代的前端就会涉及到前后端分离的概念,也就是会涉及到前后端数据的交互,而前端交互上不得不提的一个元素就是今天的主角了----《表单》。废话不多说,老规矩还是分享下自己觉得要记住的点:关于“下拉列表”,妳只会SELECT>OPTION嘛?当然,在H5之前的表单里,基本上就是标题的select>option了,在今天的作业里,有这么一题,“有哪些标签可以组成下拉列表?”,这题里select和option两项基本上必选,但还有个input标签,要知道在H5里配合input的有个datalist标签,然后加上option做选项,也可以做出可以主动输入类型的下拉列表:显示效果为:这效果可以说比较符合现在常见的形式,没怎么接触这个的点的小伙伴了解下?关于表单啊,在H5里还有讲很多其他的type(如:number,range,color,tel,email),不过值得注意一下的是:使用Ajax的提交方式,这些默认的type验证规则会失效,只会有相应的提示!关于CSS特性的笔记:今天开始了CSS的课程,对于前端三大件儿(html、js、css)来说,这个是不可或缺的成员,没有她妳完成不了任何关于页面层级的美化,html写出来就只是一堆内容的杂乱堆砌……所以CSS是啥?CSS就是妳用来定义美化HTML页面格式的样式表。在今天的课程和题目里有个关于CSS特性的问题,辣么CSS特性是啥子嘞?上了课的妳肯定就知道答案:a. CSS的层叠性(那么怎么理解她层叠性嘞?)(哈哈)b. CSS的继承性(继承性的理解?)(6666)课堂给出的答案是不是贼溜,而且十分通俗易懂有木有?小伙伴们get起来~(ps:好了,这点还是需要注意记忆一下的【严肃脸.jpg】)关于CSS选择器:显而易见,这章课程就比较核心了,会CSS选择器是妳能使用好CSS的基础,这步不会就没有下文了,做下两个点的笔记:css派生选择器:a. css后代选择器(常用)   以至少一个空格隔开,如:body div{},body是父元素,div是子元素(注意,这个子元素可以很深层级)b. css子级选择器   以“>”隔开父子元素,如:body>div{},和上面的后代选择器比较,body也是父级元素(注意:这里的div只是body的二级子元素,不包括三级、四级、多级等更深的div元素)c. css相邻(兄弟)选择器   以“+”隔开同级元素,如:div+p{},和上面两个选择器相比,这里的div和p元素不是父子关系,是相邻的兄弟(也就是同级)关系css属性选择器:(ps:通常以元素后跟“[]”的格式存在)a. 带有title属性的div元素选择:div[title] {}b. 选择title属性值为“华为课程”的div元素:div[title="华为课程"]{}c. 选择title属性里含有“华为”字样的div元素:div[title~="华为"]{}               (注意:这里面是用的“~=”符号)d. 选择title属性里以“华为”作为值开头的div元素:div[title|="华为"]{}          (注意:这里面是用的“|=”符号)        怎么说嘞,干了这么多年水货前端,个人感觉第一点的派生选择器里的后代选择器非常常见,是必会的!下面两个在部分情况下用会画龙点睛;至于属性选择器,也许不常见,但是非常有用的一个点,个人感觉是必须要掌握的,有些时候用上可以很方便省事!
发布时间 2020/06/05 11:45:07 最后回复 @Wu 2020/07/05 23:55:07 版块 社区活动
55652 487 2
他的回复:
ID:hw63293550讲真,看完了,也做了题(对于一个从事做网站行业5-6年的菜鸟来说html手打笔记就不上了),有一个题错了!!平时真的没太注意到,现在做上笔记:XHTML和HTML的主要异同点?xhtml元素必须被正确的嵌套xhtml元素必须是小写字母xhtml元素必须是闭合起来的xhtml元素必须是保持有一个根元素去包括其他内容元素ps:综上所述,可以简单总结为,xhtml和html的根本区别在于他的语言结构更加严谨和规范。(个人感觉书面层面是好事,但是实际开发还是html更方便高效些,不过也许是我目前还不习惯,哈哈~)我还是继续分享下新学到的一个点(就是在以前基础老鸟的水平上补充得到的知识点),我觉得可以做下笔记:关于《结构标签》部分,到底什么是“无语义标签”???在《结构标签》的课程部分好像没有提到无语义标签的概念(毕竟我是直接看的PDF),但是在后面做题是涉及到了这个知识点的,所以总结下:所谓的无语义标签就是……比如在HTML5里面的新增【article、section……】之类的标签,妳一看就知道了article代表是一个文章区域,而section一看就是一个专题/章节性的区域,这就是说明这类标签是代表有“自己的语义”的(不晓得我解释清楚了冇有?)。回归正题,根据这个思路来推理一波,所谓的无语义标签就是课程里说到的《结构标签》(就是用来打框架结构的标签,本身不带任何语义),也就是div啊、span啊这些了。(不晓得作业的标准答案,要是答案和我说的不一样就很丢人了……我是crypto,我现在慌得一批![img:手动狗头?])关于表格课程的一点::额外::心得总结:在我上大学的时候,刚接触HTML,那时候课上老师教授的已经是主流DIV的盒子模型,据辣个时候的老师说的,他的时代里,HTML编辑的主流页面布局规划都是使用的table结构,简单说就是大table里嵌套各种层级的小table,编辑起来相当头疼,而且table的样式调整十分不友好(哪怕现在也是很多地方一样不好好调整),加上table结构十分不利于SEO(看某外论坛的热点博文),所以按照当时老师的说法是table结构是过去时,即将被淘汰的元素……但重点是,这么多年过去了(七八年头是有的),table标签还是依旧健在,甚至很多好用热门的UI框架里有专门对表格这一块编译的组件模块,其实不难发现,表格这东西,说他必然被淘汰,也没错:是在页面布局规划打结构层面上,已经完全不需要他了;但之所以现在依然有使用:是体现在他对数据的渲染和展示这一块十分的高效且符合大众使用习惯(猜想这可能是延续了Excel的用感)。好了,堆字数的工夫做完了,接下来:table标签,我感觉妳完全可以参考HTML的DOM结构来看:         ------------------------------------->>         -thead         --------------------------------------->>         -head     --caption         ----------------------------------->>            --title  --tr>th+th+th         ------------------------------>>            --meta+link -tbody         --------------------------------------->>         -body  --tr>td+td+td         ------------------------------>>            --div+h*+p+span...咋么样?对于掌握了HTML的新手朋友来说,不知道我这么对比标注有没有比较清晰点儿?(自我感觉良好啊!~)上面表格的标签是用表格比较常用点儿的标签,当然,在老师的《table》课程里还介绍了tfoot  这个表格脚的标签,虽然有,但我感觉用的真的少,基本上没咋见到过……所以,展示数据,用table吧,还是不错的选择!~