发表于: 2019-09-14 20:55:09
1 599
今天完成的事:通过任务11 ;写完任务12;
明天要完成的事情:任务13;继续消化前面的深度思考;继续看之前留下来的一下资料;
难题:今天写完了任务12;没有很多问题;基本能自己解决;
倒是学理论的时候遇到一点问题;一些代码规范需要花时间适应;
收获:写任务12的第2个页面时;不想用input和lable写感觉太麻烦;ul也挺麻烦的;而且主要是代码量大;所以用了select用的还算熟练;后面写完想了一下怎么让select显示默认文字;但不出现这个选项呢?直接使用value没反应;
百度完得到了一段代码: <option value="" disabled selected hidden>choose</option>;翻译过来叫禁用选定隐藏项;算小技巧吧;
不过我把value删了;也可以使用额所以 disabled selected hidden这个的对象不是value而是option? 不对;额应该算是option的属性;对select起作用
但是对象应该是option;
以及之前的深度思考里一些师兄的理解和讲解:
比如说html的标签语义化:但是语义化有点模糊,像我这种英语白痴虽然在学;但是确实对英语的语义没啥感觉;学习对应的标准及去掉样式只看标签
也能读出清晰的结构以及作用;
加深了对inline block inline-block 的理解;不过flex用的比较多所以实践还是比较少
看了css的命名规范;不过好像没太懂;必须要看视频好多都在视频里;我直接感召上面说的打开了nec的网页规范;明天找时间看
还有对选择器的讲解:权重:
每一个css的选择器都有一个相对的重要程度值,
也就是权重的值,简称“权值”;
css通过css选择器的权重占比,来计算css选择规则的总权值
从而确定 定义样式规则的 优先级次序;
权重,是一个相对的概念,是针对某一指标而言。
某一指标的权重是指该指标在整体评价中的相对重要程度。
权重系数,是表示某一指标项在指标项系统中的重要程度
它表示在其它指标项不变的情况下
这一指标项的变化对结果的影响。
(我的理解:有点难理解:就是几个人各有各的重要性;每个人都有优点或者说重要的地方;有多重要就是权值;而通过其重要性(也就是权值)确定谁先找到女朋友;而每个人的重要性都是相对的,在不同的领域每个人的重要性不同;而每一指标的的权重就是(举个简单的例子有钱和长得帅哪个重要))
3.css优先级规则:
css选择规则的权值不同时,权值高的优先;
css选择规则的权值相同时,后定义的规则优先;
从而确定 定义样式规则的 优先级次序;
权值等级划分, 一般来说是划分4个等级:
第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;
第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;
第三等级:代表 calss | 伪类 | 属性 选择器,如 .class | :hover,:link,:target | [type], 权值 0,0,1,0;
第四等级:代表 标签 | 伪元素 选择器,如 p | ::after, ::before, ::fist-inline, ::selection, 权值 0,0,0,1;
(3)常见问题:
如何让这个第四等级的选择器,来变成最优先选择的呢?
(4)解决方案:
css属性后面加 !important 时,无条件绝对优先:color: black !important;;
- 1、后代选择器: 定义的时候用空格隔开
- 对于E F这种格式,表示所有属于E元素后代的F元素
- 有这个样式。空格就表示后代。
- 后代选择器,就是一种平衡:共性、特性的平衡。当要把某一个部分的所有的什么,
- 进行样式改变,就要想到后代选择器。
- 后代选择器,描述的是祖先结构。
- 空格就表示后代。.div1 p 表示.div1的后代所有的p。
子代选择器,用符号>表示
div的儿子p。和div的后代p的截然不同。
序选择器:
针对列表的选择器;
作用:选中指定的任意标签设置属性
一、同级别的第几个,不区分类型
- first-child 选中同级别中的第一个标签
- last-child 选中同级别中的最后一个标签
- nth-child(n) 选中同级别中的第 n 个标签
- nth-last-child(n) 选中同级别中的倒数第 n 个标签
- only-child 选中父元素中唯一的标签
例:p:first-child{color:red;}
二、同级别 同类别的第几个
- first-of-type 选中同级别同类型中的第一个标签
- last-of-type 选中同级别同类型中的最后一个标签
- nth-of-type(n) 选中同级别同类型中的第 n 个标签
- nth-last-of-type(n) 选中同级别同类型中的倒数第 n 个标签
- only-of-type 选中父元素中唯一类型的某个标签
三、其他用法
- nth-child(odd) 选中同级别中的所有奇数
- nth-child(even) 选中同级别中的所有偶数
- nth-child(xn + y) x和y是用户自定义的,而n是一个计数器,从0开始递增
- nth-of-type(odd) 选中同级别同类型中的所有奇数
- nth-of-type(even) 选中同级别同类型中的所有偶数
- nth-of-type(xn + y) x和y是用户自定义的,而n是一个计数器,从0开始递增
看了一节less的使用:没啥收获;倒是自己想了一点:师兄们的讲解都是照着念的;我看一遍就过了
Json格式
(json是一种与语言无关的数据交换的格式)
使用ajax进行前后台数据交换
移动端与服务端的数据交换
ajax是啥?:
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。这是一种创建交互式网页应用的开发技术。
2.是为了解决服务器因为需要处理大量的业务而导致响应时间过长的问题。
(关于这一点,说得有些模糊。举个例子说明:传统的Web项目中,用户在对用户的表单进行填写,当表单提交的时候意味着向服务器发送了一个请求,服务器接受处理并且响应,返回一个全新的网页。这样似乎并没有什么毛病,但是如果出现了大量并发的情况,那对服务器来说无疑是一种负担。而有时候,用户只需要提交极少量的信息,例如对表单的验证,传统的web会把所有的html代码都提交到服务器,其中大量的HTML冗余代码,会导致在高并发下,服务器处理响应的时长增加。)
微软的Outlook Web Access 小组退出了XMLHttpRequest技术,这项技术可以在不刷新页面的情况下,直接通过脚本和服务器建立连接并通讯,从服务器中取会当前必要的数据
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
使用Json的格式与解析方便的可以表示一个对象信息,json有两种格式:
1)对象格式:{"key1":obj,"key2":obj,"key3":obj...}
2)数组/集合格式:[obj,obj,obj...]
例如:user对象用json数据格式表示
{"username":"zhangsan","age":28,"password":"123","addr":"北京"}
List<Product> 用json数据格式表示
[{"pid":"10","pname":"小米4C"},{},{}]
只要是对象就用{括起来},只要是集合就用【】括起来
注意:对象格式和数组格式可以互相嵌套,一个对象中的一个属性可以是一个集合或数组
(这一段没看懂主要是uesr对象在之前看js对象里没有啊?感觉要先把任务11的看完再换回来看
溜了)
任务11:https://www.jianshu.com/p/6309efc8e9e9
超文本传输协议:互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。
(协议存在的意义:统一大家发布和接收http的标准)
HTTP是一个客户端和服务器端请求和应答的标准;客户端是终端用户,服务器端是网站通过使用Web浏览器、网络爬虫或者其它的工具,客户端发起一个到服务器上指定端口(默认端口为80)的HTTP请求。(我们称这个客户端)叫用户代理(user agent)。
(就是手机里的浏览器(手机是客户端,用户代理就像大气层你在外太空回地球进大气层就是地球;没有大气层就是月球;或者说一种身份识别证明))
应答的服务器上存储着(一些)资源,比如HTML文件和图像。(我们称)这个应答服务器为源服务器(origin server)。在用户代理和源服务器中间可能存在多个中间层,比如代理,网关,或者隧道(tunnels)。尽管TCP/IP协议是互联网上最流行的应用,HTTP协议并没有规定必须使用它和(基于)它支持的层。 事实上,HTTP可以在任何其他互联网协议上,或者在其他网络上实现。HTTP只假定(其下层协议提供)可靠的传输,任何能够提供这种保证的协议都可以被其使用。
相关阅读:
User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。
所有 HTTP 响应的第一行都是状态行, 依次是当前 HTTP 版本号,3位数字组成的状态代码,以及描述状态的短语,彼此由空格分隔。
状态代码的第一个数字代表当前响应的类型:
1xx 消息——请求已被服务器接收,继续处理
2xx 成功——请求已成功被服务器接收、理解、并接受
3xx 重定向——需要后续操作才能完成这一请求
4xx 请求错误——请求含有词法错误或者无法被执行
5xx 服务器错误——服务器在处理某个正确请求时发生错误
我们在浏览器的地址栏里输入的网站地址叫做URL (Uniform Resource Locator,统一资源定位符)。就像每家每户都有一个门牌地址一样,每个网页也都有一个Internet地址。当你在浏览器的地址框中输入一个URL或是单击一个超级链接时,URL就确定了要浏览的地址。浏览器通过超文本传输协议(HTTP),将Web服务器上站点的网页代码提取出来,并翻译成漂亮的网页。因此,在我们认识HTTP之前,有必要先弄清楚URL的组成,例如:http://www.baidu.com/china/index.htm。它的含义如下:
1. http://:代表超文本传输协议,通知baidu.com服务器显示Web页,通常不用输入;
2. www:代表一个Web(万维网)服务器;
3. baidu.com/:这是装有网页的服务器的域名,或站点服务器的名称;
4. China/:为该服务器上的子目录,就好像我们的文件夹;
5. Index.htm:index.htm是文件夹中的一个HTML文件(网页)。
TCP/IP通讯协议采用了4层的层级结构,每一层都呼叫它的下一层所提供的网络来完成自己的需求。这4层分别为:
应用层:应用程序间沟通的层,如简单电子邮件传输(SMTP)、文件传输协议(FTP)、网络远程访问协议(Telnet)等。
传输层:在此层中,它提供了节点间的数据传送,应用程序之间的通信服务,主要功能是数据格式化、数据确认和丢失重传等。如传输控制协议(TCP)、用户数据报协议(UDP)等,TCP和UDP给数据包加入传输数据并把它传输到下一层中,这一层负责传送数据,并且确定数据已被送达并接收。
互连网络层:负责提供基本的数据封包传送功能,让每一块数据包都能够到达目的主机(但不检查是否被正确接收),如网际协议(IP)。
网络接口层(主机-网络层):接收IP数据报并进行传输,从网络上接收物理帧,抽取IP数据报转交给下一层,对实际的网络媒体的管理,定义如何使用实际网络(如Ethernet、Serial Line等)来传送数据。
HTTP使用TCP而不是UDP的原因在于(打开一个)一个网页必须传送很多数据,而TCP协议提供传输控制,按顺序组织数据,和错误纠正。
1、TCP与UDP区别总结:
1、TCP面向连接(如打电话要先拨号建立连接);UDP是无连接的,即发送数据之前不需要建立连接
2、TCP提供可靠的服务。也就是说,通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达;UDP尽最大努力交付,即不保证可靠交付
Tcp通过校验和,重传控制,序号标识,滑动窗口、确认应答实现可靠传输。如丢包时的重发控制,还可以对次序乱掉的分包进行顺序控制。
3、UDP具有较好的实时性,工作效率比TCP高,适用于对高速传输和实时性有较高的通信或广播通信。
4.每一条TCP连接只能是点到点的;UDP支持一对一,一对多,多对一和多对多的交互通信
5、TCP对系统资源要求较多,UDP对系统资源要求较少。
2、为什么UDP有时比TCP更有优势?
UDP以其简单、传输快的优势,在越来越多场景下取代了TCP,如实时游戏。
(1)网速的提升给UDP的稳定性提供可靠网络保障,丢包率很低,如果使用应用层重传,能够确保传输的可靠性。
(2)TCP为了实现网络通信的可靠性,使用了复杂的拥塞控制算法,建立了繁琐的握手过程,由于TCP内置的系统协议栈中,极难对其进行改进。
采用TCP,一旦发生丢包,TCP会将后续的包缓存起来,等前面的包重传并接收到后再继续发送,延时会越来越大,基于UDP对实时性要求较为严格的情况下,采用自定义重传机制,能够把丢包产生的延迟降到最低,尽量减少网络问题对游戏性造成影响。
任务13看了一下;没看太懂;理解了一点:就是说根据UI图做一个公共的大致结构出来要之后的页面都能用;还有一些组件也是懂能用的;
结构要是都能用应该怎么写?需要什么前期准备?组件都能用有些地方不同用传参来解决?明天再看看
评论