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. 理解OAuth 2.0

    转自:http://www.ruanyifeng.com/blog/2014/05/oauth_2_0.html OAuth是一个关于授权(authorization)的开放网络标准,在全世界得到广泛 ...

  2. ActiveMQ入门实例Demo

    前面我们已经搭建和配置好了ActiveMQ,下面来看一个Demo,体验一下MQ. JMS 消息模型 JMS消息服务应用程序结构支持两种模型:点对点模型,发布者/订阅者模型. (1)点对点模型(Queu ...

  3. [转]C#反射，根据反射将数据库查询数据和实体类绑定，并未实体类赋值

    本文来自:http://www.cnblogs.com/mrchenzh/archive/2010/05/31/1747937.html /****************************** ...

  4. ThinkPHP 多语言

    1.注意区分项目语言包和系统语言包 2.实现语言包和数据库语言同步切换 实用链接: ThinkPHP完全开发手册3.1 多语言 thinkphp3.1 多语言简单demo 总结ThinkPHP使用技巧 ...

  5. openvpn 启动

    安装 yum -y install openvpn 配置文件可以放在: /etc/openvpn 例如,我这里的路径: [mslagee@centos-dev ~]$ cd /etc/openvpn/ ...

  6. mysql数据库远程访问指定数据库设置

    grant all privileges on huarenwang.* to 'huarenwang'@'%' IDENTIFIED BY 'huarenwang'; on后面的是指定的数据库to后 ...

  7. bat基础

    首先所有命令在cmd命令行中都能找到说明: 例如 想知道type用法 输入type /? 其他命令都一样 type [drive:][path] filename 显示文本文件内容 虽然有点鸡肋 1 ...

  8. Genymotion模拟器连接Eclipse的总结[转]

    Genymotion模拟器连接Eclipse的总结 按官网上说明安装并配置好Genymotion ,再安装好对应的Eclipse Plugin(http://plugins.genymotion.co ...

  9. PHP异步调用多线程

    $data["name"] = 'godlike';$data["age"] = 18; $post = http_build_query($data);$le ...

  10. ThinkphpCMF笔记

    1.模板js,css文件__PUBLIC__ <link href="__TMPL__Public/style.css" rel="stylesheet" ...