用Python 操作Web 前端 基础 2

一、 页面布局:

  1. 主站布局

  2. 后台管理布局:

    position属性: 1. fixed:永远只固定在一个位置

            2. relative: 单独无意义

            3. absolute: 第一次定位,在指定位置,当滚轮滚动的时候,不在指定位置。

二、 javascript 函数:

  1. 普通函数: function(){ 函数内容}

  2. 匿名函数

  3. 自执行函数

三、 javascript序列化及转义:

  1. 将列表转换成字符串: JSON.stringify(li)

  2. 将字符串转换成列表: Json. parse(str)

  3. encode(URL) 转义

  4. decode(URL)

  5. escape()对字符串转义

  6. unescape()给转义字符码解码

四、 eval

  1. python里:eval(表达式)把字符串转成运输过程;exec(执行代码)

  2. javascript里: eval 兼具上面python的两个功能。

五、 时间:

  date对象

  getminutes 获取minutes

  setminutes 设置minutes

六、 作用域

  1.  其他语言,以代码块作为作用域,只在这一段代码内可以使用

  2. JavaScript: 以函数为作用域;函数的作用域在函数调用之前已经创建;函数的作用域存在作用域链,并且在函数调用之前已经创建。

  3. JavaScript函数内部的局部变量会有提前声明的作用。

七、Dom:文档操作模型;

  1. 查找: 直接查找:document.getelementbyID()

       间接查找:Innertext 获取文本; innerHTML 获取链接; value;获取input的文本; select 获取选中的value的值;textarea获取文本内容;

      class操作:className;classList.add;classList.remove;

      属性操作:attributes;setAttribute(key,value); getAttribute(key);

      其他操作:console.log输出框;alert弹出框;confirm确认框;

      URL和刷新: location.href获取URL;location.href = "url"重定向; location.reload()重新加载;

        定时器: setInterval多次定时器;clearInterval;清除多次定时器; setTimeout单次定时器;clearTimeout清除单次定时器;

八、事件:

    绑定事件的两方法: 1. 直接标签绑定 onclick="xxxx()"; 2 获取dom对象之后然后绑定:document.getElementById("xx").onclick ;

     

      

  

原文地址:https://www.cnblogs.com/spencersun/p/9469734.html

时间: 2024-12-22 12:15:10

用Python 操作Web 前端 基础 2的相关文章

用Python 操作Web 前端 基础

一,目录 1. HTML : html就是一套浏览器认识的规则,主要用20个左右的标签 对于开发者来说:学习html规则 1. 本地测试:(1)找到html文件,直接浏览器方式打开,不用socket:(2),pycharm可以直接打开html 2. 编写html文件: ---doctype对应关系 ---HTML 标签<html>XXXXX</html>,内部可以添加属性 ---Lang="XXX",标签内部属性 3. 标签分类: ---自闭和标签  <m

进击的Python【第十三章】:Web前端基础之HTML与CSS样式

进击的Python[第十四章]:Web前端基础之HTML与CSS样式 一.web框架的本质 众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端. #!/usr/bin/env python #coding:utf-8 import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n")

《web 前端基础到实战系列课程》

<web 前端基础到实战系列课程> 摘要: mod_expires&mod_headers可以减少10%左右的重复请求,让重复的用户对指定的页面请求结果都CACHE在本地,根本不向服务器发出请求. 在使用之前,首先要确认一下"mod_expires"模组是否有启用.如果是自己安装Apache来架设网页主机的话,这里我们可以透过编辑Apache的"httpd.conf"设定档来处理 一.浏览器缓存原理 将该行前面的"#"字号删除

Python之Web前端jQuery扩展

Python之Web前端: 一. jQuery表单验证 二. jQuery扩展 三. 滚动菜单 一. jQuery表单验证: 以下表单验证使用两种方式简单实现: (一). 使用DOM表单验证 (二). 使用jQuery表单验证 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单验证DOM<

web前端基础知识总结

上个寒假总结的web前端的一些知识点给大家分享一下 1.<html>和</html> 标签限定了文档的开始和结束点. 属性: (1)  dir: 文本的显示方向,默认是从左向右 (2) lang: 表示整个文档中所使用的语言,en--英文,zh--中文 (3) version:定义创作文档的HTML的标准版本 2.<head></head>用于封装位于文档头部的其他标签 属性: (1) dir:文本的显示方向 (2)  Lang:语言信息 (3)  Prof

web前端基础知识-(六)Django基础

上面我们已经知道Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Session等诸多功能.今天就一起来学习下Django; 一.准备工作 1)打开cmd,进入到python安装路径下的Scripts; 2)使用pip安装:pip install Django 3)添加环境变量:python安装路径下的Scripts; 二.基本配置 1. 创建django程序 终端命令:d

web前端基础知识学习网站推介

内容:一.基础知识及学习资料1. HTML入门学习:http://www.w3school.com.cn/html/index.aspHTML5 入门学习:http://www.w3school.com.cn/html5/index.asp 2. CSS入门学习:http://www.w3school.com.cn/css/index.aspCSS3入门学习:http://www.w3schools.com/css3/default.asphttp://css3-tutorial.com/ 3.

Web前端基础(CSS position的正确用法)

position属性的relative以及absolute的区别是什么? 任何元素的默认position的属性值都为static(静态),但我们在布局的时候也会经常用到relative(相对)以及absolute(绝对)这两种属性. 再分别介绍两种属性之前,我们一定要记住一个重要结论:如果用position来进行布局,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute,因为它不受父级元素padding的属性影响,当然也可以用relativ

web前端基础知识 - Django进阶

1. 路由系统 1.1 单一路由对应 url(r'^index$', views.index), 1.2 基于正则的路由 url(r'^index/(\d*)', views.index), url(r'^manage/(?P<name>\w*)/(?P<id>\d*)', views.manage), 找到urls.py文件,修改路由规则 from django.conf.urls import url,include from django.contrib import adm