1.使用外部web组件,以Bootstrap为例

<head>

　　<link rel='stylesheet'  href='bootstrap-3.3.0-dist/dist/css/bootstrap.css' / >  导入主要的css文件

<link rel='stylesheet'  href='bootstrap-3.3.0-dist/dist/css/bootstrap-theme.css' / > 导入主题文件，里面是一些颜色

　　<style>

　　　　.ss{

　　　　　　color:red;   !important; 如果对某个样式做些修改，在这里定义自己的样式，并加上！important,表示该样式优先

　　　　　　}

　　</style>

</head>

<body>

　　<div >

　　     bootstrap代码{class='ss'#添加的自己的样式

　　　　　　　　　　　　}

　　</div>

　　<script src='jQuery-1.12.4.js'></script>  导入jQuery文件，Bootstrap依赖于jQuery

　　<script src='bootstrap-3.3.0-dist/dist/js/bootstrap.js'></script>  导入js文件

</body>

2.响应式布局,当页面最小宽度小于900px时，背景色变为红色

<style>

　　@media (min-width:900px) {

　　　　.c1{只需要在下边body中class=‘c1即可’

　　　　　　　background-color:red;

　　　　　　}

　　}

</style>

3.web框架原理 http://www.cnblogs.com/wupeiqi/articles/5237672.html

 import socket
 def handle_request(client):
     buf = client.recv(1024)
     client.send('HTTP/1.1 200 ok\r\n\r\n')
     client.send('hello,world')
 def main():
     sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM)
     sock.bind(('localhost',8000))
     sock.listen(5)
     while True:
         conn, addr = sock.accept()
         handle_request(conn)
         conn.close()
 if __name__ == 'main':
     main()

Python封装的web服务器

#coding:utf-8

from wsgiref.simple_server import make_server

def RunServer(environ, start_response):
    #envision：客户端发来的所有数据
    #start_response:封装要韩会给用户的所有数据，包括响应头、状态码等
    start_response('200 OK', [('Content-Type', 'text/html')])
    url = environ['PATH_INFO']  #获取客户端发来的数据中的url
    return ['<h1>Hello, web!</h1>'.encode('utf-8'),]

if __name__ == '__main__':
    httpd = make_server('', 8000, RunServer)
    print("Serving HTTP on port 8000...")
    httpd.serve_forever()

MVC
Model View Controller
数据库 模板文件 业务处理

MTV

Model Template View
数据库 模板文件 业务处理
############## WEB：MVC、MTV

3.js正则表达式

test   - 判断字符串是否符合规定的正则
        rep = /\d+/;
        rep.test("asdfoiklfasdf89asdfasdf")
        # true

        rep = /^\d+$/;
        rep.test("asdfoiklfasdf89asdfasdf")
        # true

    exec   - 获取匹配的数据
        rep = /\d+/;
        str = "wangshen_67_houyafa_20"
        rep.exec(str)
        # ["67"]

        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava(\w*)\b/;
        # ["JavaScript", "Script"]

        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava\w*\b/g;
        # ["JavaScript"]
        # ["Java"]
        # ["JavaBeans"]
        # null

        JavaScript is more fun than Java or JavaBeans!
        var pattern = /\bJava(\w*)\b/g;
        # ["JavaScript",'Script']
        # ["Java", ""]
        # ["JavaBeans", "Beans"]
        # null

    多行匹配：
        默认就是多行匹配
        ^$
   - 登录注册验证
        默认事件先执行：
            checkbox
        自定义先执行
            a
            submit
            ...
        <form>

            <input type='type' />
            <input type='password' />
            <input type='submit' />

        </form>

        $(':submit').click(function(){

            $(':text,:password').each(function(){
                ...
                return false;
            })
            return false;
        })   

        input,checbox

    ================================== 验证 ================================
    JS： 验证

         各种验证

            $(':submit').click(function(){

                $(':text,:password').each(function(){
                    ...
                    return false;
                })
                return false;
            })   

    后端：python实现

    业务处理
    ....

使用外部web组件-----easyUI、jQueryUI、Bootstrap、js正则表达式的更多相关文章

  1. Jquery Easyui验证扩展，Easyui验证，Easyui校验，js正则表达式

    Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式 >>>>>>>>>>>>>> ...

  2. AmazeUI(妹子UI)中CSS组件、JS插件、Web组件的区别

    AmazeUI(妹子UI)是非常优秀的国产前端UI,现在来介绍一下AmazeUI中CSS组件.JS插件与Web组件的区别. CSS组件顾名思义就是仅使用CSS渲染而成的组件,而JS插件也很容易理解,就 ...

  3. amazeui中css组件、js组件、web组件的区别

    amazeui中css组件.js组件.web组件的区别 一.总结 一句话总结: 1.可直接像调用js插件那样调用:在AmazeUI(妹子UI)中,Web组件可以不编写模板而直接使用,若如此,则与JS插 ...

  4. JS组件系列——表格组件神器：bootstrap table

    前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...

  5. JS组件系列——表格组件神器：bootstrap table（二：父子表和行列调序）

    前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的.有园友在评论中提到了父子表的用法,今天就结合Boo ...

  6. RSuite 一个基于 React.js 的 Web 组件库

    RSuite http://rsuite.github.io RSuite 是一个基于 React.js 开发的 Web 组件库,参考 Bootstrap 设计,提供其中常用组件,支持响应式布局. 我 ...

  7. [转]JS组件系列——表格组件神器：bootstrap table

    原文地址:https://www.cnblogs.com/landeanfen/p/4976838.html 前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉 ...

  8. JS组件系列——表格组件神器：bootstrap table 包含了js对象的定义和对象成员函数的定义

    前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...

  9. JS组件系列——表格组件神器：bootstrap table（三：终结篇，最后的干货福利）

    前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能 ...

随机推荐

  1. UDP通信

    package com.slp; import java.io.IOException; import java.net.DatagramPacket; import java.net.Datagra ...

  2. Docker安装CentOS

    系统环境: 腾讯云公共镜像 CoreOS 7.1 X64 #docker 下载centos镜像docker  pull   centos   #下载centos所有的镜像docker  pull   ...

  3. Not Hello World

    通常对于一门语言的学习,一般都是以"Hello,World!"开始的.但对于汇编语言的学习,输出这句话并不容易,首先得了解寄存器等硬件知识. 汇编语言要得以运行,首先要讲源文件编译 ...

  4. 通过一个实例重新认识引用类型，值类型，数组，堆栈，ref

    昨天在写代码时候遇到了一个问题,百思不得其解,感觉颠覆了自己对C#基础知识的认知,因为具体的情境涉及公司代码不便放出,我在这里举个例子,先上整个测试所有的代码,然后一一讲解我的思考过程: using ...

  5. 几个MQTT的知识点

    开始正文前需要感谢一下网友“小龙”和emqtt.io群里的网友们的帮助,本人刚刚开始使用MQTT有很多不懂的地方,在emqtt.io群里询问解决方法的时候,“小龙”给我详细的讲解了一些MQTT的知识点 ...

  6. C# http请求数据

    http中get和post请求的最大区别:get是通过URL传递表单值,post传递的表单值是隐藏到 http报文体中 http以get方式请求数据 /// <summary> /// g ...

  7. Java的配置文件有多少种

    最正宗的只有两个xml和properties两种,其中properties文件用的最广. 其实还有一些如txt,excel这些也可以实现配置文件,但不太正宗. 对于配置文件需要注意以下几点: 1.路径 ...

  8. 字符串 中的split 与数组中的join

    关于基础,总是隔一段时间,就得看一次,要不不用总是忘,今天又重新看了,一下字符串对象的split,然后就想到了数组对象的join. var str='wo shi yi ge js'; var str ...

  9. SQL 一条记录的的两个字段值相同与不同的查询

    select * from (select xm,je from table) a , (select xm01,je01 from table) bwhere a.xm = b.xm01and a. ...

  10. 按日期切割nginx访问日志--及性能优化

    先谈下我们需求,一个比较大的nginx访问日志,根据访问日期切割日志,保存在/tmp目录下. 测试机器为腾讯云机子,单核1G内存.测试日志大小80M. 不使用多线程版: #!/usr/bin/env ...