装饰器的初识,基于bootstrap的前端开发
1装饰器的初识
概念:不改变函数原来的调用方式,动态地给函数添加功能
开放封闭的原则:1>对添加的新功能是开放的,32>不要在元代码进行修改(封闭)
1.1>函数的定义:对代码块和功能的定义和封装
def func():
print("哈哈哈") func()
1.2>函数可以当做变量一样来赋值
1.3>函数可以向普通变量一样放到容器(列表,字典,元组)中
def func():
print("鞠婧祎是我前女友") def foo(): print("宋智孝是我钱女友")
lst = [func,foo]
for el in lst:
el()
1.4>一个函数的函数名可以当做是另一个函数的参数
1.5>一个函数可以做为另一个函数的返回值
def func():
def foo():
print("李智恩,我也很喜欢") return foo
func()() 把一个变量或者函数放到函数里具有保护该变量和数据的作用
2,装饰器
2.1>装饰函数放在被装饰函数的上边
2.2>函数内部return 的函数名不要加括号
3,应用:在不改变源代码的基础上,需要添加新的功能
4,页面加载完之后才执行的JS代码
4.1>DOM方式:window.onload = function(){...}重新加载页面(当JS代码写在了HTML代码的前边)
4.2>jQuery方式:$(document).read(function(){...})重新加载( 导入的jQuery在JS代码的后边)
5,Bootstrap:是前端的一个框架(可以基于这个框架直接开发)
5.1>Twitter公司开元的一个前端开发框架,(里边包含了大部分HTML,CSS,JS的代码)
5.2>Bootstrap的版本(目前是3.3版本)
5.4>Bootstrap:1>下载:https://v3.bootcss.com/ 2>link标签导入Bootstrap.css或者bootstrap.min.css
5,常用样式类:
5.1>容器:container和container-fluid(两边留白)
5.2>栅格系统:把一行均分成最多12列,可以设置标签占多少列
5.2.1>row表示一行
5.2.2>col-xx-**表示一列:xx:表示样式适用的屏幕尺寸(-xs 手机, -sm 平板 -md桌面显示器 -lg超大屏幕)
**:表示占多少份:取值范围"1~12
5.2.4>col-xx-offset-**:表示左侧空几份
5.2.5>列支持在再嵌套(嵌套里边也是一行,分成12份)
5.2.6>列排序:col-xx-push-*--->向右推,col-xx-pull-*---->往左拉
装饰器的初识,基于bootstrap的前端开发的更多相关文章
- 分享六个基于Bootstrap的实用开发教程和模板演示
关于Bootstrap,相信大家一定不陌生,它已经成为现在主流产业的一个重要工具,Bootstrap提供了优雅的HTML和CSS规范,它基于jQuery框架开发的,它在jQuery框架的基础上进行了更 ...
- 基于.Net进行前端开发的技术栈发展路线(三)
前言 上一篇<我的技能树二>文章分享了我的技能中的前端技能和Java技能,今天继续跟大家分享的就是后端技能了. 我的技能树 我当前的技能树: 其中,标注为黄色旗帜的是基本掌握,标注为红色旗 ...
- 基于.Net进行前端开发的技术栈发展路线(二)
前言 上一篇<我的技能树>文章分享了我的技能成长过程,还未完成,今天继续跟大家分享. 01 我的技能树 我的当前的技能树: 其中,标注为黄色旗帜的是基本掌握,标注为红色旗帜的为使用熟练.未 ...
- 基于.Net进行前端开发的技术栈发展路线(一)
前言 今天想讲讲的是我的技术树.我最初是做CS开发的,第一阶段的技术经历是以Powerbuilder来做CS开发,第二阶段开始基于C#做winform开发,眼看前端开发越来越流行,需要更广泛的技术栈势 ...
- 基于TypeScript装饰器定义Express RESTful 服务
前言 本文主要讲解如何使用TypeScript装饰器定义Express路由.文中出现的代码经过简化不能直接运行,完整代码的请戳:https://github.com/WinfredWang/expre ...
- Java设计模式12:装饰器模式
装饰器模式 装饰器模式又称为包装(Wrapper)模式.装饰器模式以多客户端透明的方式扩展对象的功能,是继承关系的一个替代方案. 装饰器模式的结构 通常给对象添加功能,要么直接修改对象添加相应的功能, ...
- 装饰器模式(Decorator)
转自http://blog.csdn.net/hust_is_lcd/article/details/7884320 1.认识装饰器模式 装饰模式能够实现动态的为对象添加功能,是从一个对象外部来给对象 ...
- Python装饰器的另类用法
之前有比较系统介绍过Python的装饰器(请查阅<详解Python装饰器>),本文算是一个补充.今天我们一起探讨一下装饰器的另类用法. 语法回顾 开始之前我们再将Python装饰器的语法回 ...
- 装饰器(Decorator)模式
1 装饰模式能够实现动态的为对象添加功能,是从一个对象外部来给对象添加功能.通常给对象添加功能,要么直接修改对象添加相应的功能,要么派生对应的子类来扩展,抑或是使用对象组合的方式.显然,直接修改对应 ...
随机推荐
- Linux查看配置文件中未被注释的有效配置行
grep 命令示例——去掉注释 $ grep -v "^#" /path/to/config/file $ grep -v "^#" /etc/apache2/ ...
- tabl-cell
参考:http://www.cnblogs.com/StormSpirit/archive/2012/10/24/2736453.html 总结特点 多个并排的table-cell始终等高. 宽度可以 ...
- 条款20:宁以pass-by-reference-to-const替换pass-by-value(Prefer pass-by-reference-to-const to pass-by-value)
NOTE: 1.尽量以pass-by-reference-to-const 替换pass-by-value.前者通常比较高效,并可避免切割问题(slicing problem). 2.以上规则并不适用 ...
- requests 模块笔记
import requests 请求方式: requests.get("https://www.baidu.com") requests.post("http://htt ...
- LeetCode(169)Majority Element
题目 Given an array of size n, find the majority element. The majority element is the element that app ...
- spring的IOC和DI
https://blog.csdn.net/fuzhongmin05/article/details/55802816 (1)IOC:控制反转,把对象创建交给spring进行配置 (2)DI:依赖注入 ...
- jar包、war包、ear包傻傻分不清?
在工作中,需要在jboss上deploy一个health check的war包,因此了解一下: Jar文件(扩展名为. Jar,Java Application Archive)包含Java类的普通库 ...
- zoj 2001 Adding Reversed Numbers
Adding Reversed Numbers Time Limit: 2 Seconds Memory Limit: 65536 KB The Antique Comedians of M ...
- [HDU4348]To the moon(主席树)
传送门 对于这个题,显然要打lazy标记了,但是lazy标记pushdown的时候肯定会增加一大堆节点,然后就MLE了.(题解这么说的,我其实不会pushdown) 所以,就换另一种方式,把标记直接打 ...
- iOS时钟,秒针扫秒样式
昨天做一个时钟小demo,发现了一些问题. 描述能力有限,我封装好了一个时钟框架,朋友们可以参考 https://github.com/qianlishun/ClockView 点击这里可以 ...