腾讯课堂

web前端响应式设计总结

倾然丶 夕夏残阳落幕 提交于 2020-04-11 10:34:33
一、响应式概述   响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应式网站设计需要涉及到的相关的内容,有不正确的欢迎大家指正。谈到响应式网站,目前比较主流的做法是通过前端通过判断userAgent来做页面的302跳转。 那么问题来了,使用userAgent的问题: 依赖设备本身浏览器或设备特点,例如尺寸,屏幕分辨率等。 需要分配多个站点页面跳转适配浏览器。例如:ke.qq.com,m.ke.qq.com,来分别存放PC端和移动端的页面。 多了一次跳转,跳转之前的逻辑不能少,这样用户体验就慢了   当然我们也都知道像bootstrap这种ui框架也是响应式的,即写一份代码,在浏览器和移动端都能跑,然而事实上这些事远远不够的,而且在移动端为什么要加载那么多PC端的内容?   我们理解的是完整的响应式页面的设计不仅仅是通过屏幕尺寸来动态改变页面容器的宽度等,其实大部分人通常理解的都停留在这个方面。完整的响应式网站的实现其实需要考虑到以下这些问题: 响应式布局 、 响应式html和css 、 响应式媒体 、 响应式javascript 。 先看几个线上的样例: http://ke.qq.com/huodong/shengkao/index.html http://ke.qq.com/huodong/yikao2016/index.html

腾讯课堂——循环

佐手、 提交于 2019-11-29 19:18:54
再讲变量 什么是变量?   变量,就是一个会变的量。在python中,我们会给这些会变化的量起一个名字,每一个变量名在python里的本质就是“数据的容器”。      想说="我想说很多很多话,都可以写在这里" 想说="我想说很多很多话,都可以写在这里" print(想说) print("我想说很多很多话,都可以写在这里") #print(想说) == print("我想说很多很多话,都可以写在这里") code 什么时候会用到变量呢?   1.要表达的内容特别长,我们需要不止一次的用到它,就像上面那样。   2.要表示一个中间的临时值 当我们计算3*5+20的时候,我们会先计算3*5=15,然后再计算15+20。这个15就是中间的值,这个过程看起来也还蛮正常。 但是当我们计算3.1415926*5.27896,会得出一个结果16.584341671696,再用这个值加上40,就会出现下面这一幕:      这样就会很麻烦,我们需要把计算出来的中间结果再敲一遍才能计算,但是如果我们把16.584341671696装在一个容器里,在给它起个名字,等我们想用的时候,叫名字就可以了,是不是就很方便呢?类似下面这样。    例   3.我们不确定这个值到底是什么,只是想把它记下来 name = input('请输入你的名字 : ') print('Hello,',name) 例

腾讯课堂——流程控制

只愿长相守 提交于 2019-11-29 19:18:26
   预备知识    python中有一些内置的基础方法,今天我们先介绍2个简单而且非常常用的:     print 在控制台输出 print ( ' Hello,world ' )     input 在控制台输入 name = input( ' please input your name : ' ) print ( ' hello ' ,name)    bool值(布尔值)——真和假     首先,我们来了解一下真、假的概念:       1>2       'abc'中含有3个字符       字符'd'在'abc'中     在python编程中,用英文 True 表示真,用 False 表示假。    流程控制   首先,什么是流程控制呢?为什么会有流程控制呢?      上面这个图是一个简化的流程图,在写代码之前,我们需要把流程画的更详细一些:       应用——在python中应用流程控制完成模拟登陆        *模拟登陆,如果用户输入Eva,就输出hello,Eva!否则就输出Byebye!    实现——代码实现登陆 name = input( ' please input your name : ' ) if name == ' Eva ' : print( ' Hello,Eva! ' ) else : print( ' Byebye! ' )  

腾讯课堂——基础数据类型(dict字典)

ぐ巨炮叔叔 提交于 2019-11-29 19:17:32
初识字典 标准类型 数字 字符串 列表 字典 元组    字典是Python语言中唯一的映射类型。   定义:{key1:value1,key2:value2}      1、键与值用冒号“:”分开;      2、项与项用逗号“,”分开;   特性:       1.key-value结构      2.key必须可hash、且必须为不可变数据类型、必须唯一      3.可存放任意多个值、可修改、可以不唯一      4.无序 字典的创建    person = {"name": "alex", 'age': 20}   或   person = dict(name='seven', age=20)   person = dict({"name": "egon", 'age': 20})   person = dict((['name','苑昊'],['文周',18]))   {}.fromkeys(seq,100) #不指定100默认为None   注意: >>> dic={}.fromkeys(['k1','k2'],[]) >>> dic {'k1': [], 'k2': []} >>> dic['k1'].append(1) >>> dic {'k1': [1], 'k2': [1]} 字典的常用操作    键、值、键值对     1、dic.keys()