day51 Pyhton 前端02】的更多相关文章

内容回顾: 1.h1~h6:加粗,数字越大级别越小,自动换行 2.br:换行;hr:分割线; (特殊符号,空格) 3.p:与前边和后边内容之间有间距 4.a标签的href:本地文件连接;网络连接;锚链接 target:_blank另起页面,默认是自己页面 name:主要为了设置锚链接的锚点 5.img图片,src:本地文件地址和网络地址 alt:图片损坏时给的提示 align:图片的对齐方式 title:鼠标悬浮时提示的文字 width:宽度 height:高度 6.ul:无序列表,内部能包裹l…
Python web前端 02 CSS 一.选择器 1.CSS的几种样式(CSS用来修饰.美化网页的) #建立模板 复制内容--->SETTING---> Editor ----->font (SIZE:修改字体大小)----> color scheme(背景)---->File and Code Templates(建立模板) ----->Scheme(改成Project)---->将刚复制的内容粘贴到上面,那么以后创建的html文件就自动变成那么模板了 #在h…
前端02 /HTML标签 目录 前端02 /HTML标签 1.特殊字符 2.标签分类 标签嵌套 1.块级标签(行内标签) 1.1div标签(块标签) 1.2p标签(块标签) 2.内联标签 2.1 span标签(行内标签) 2.2 img标签(内联标签) 2.3 a标签(超链接标签)(内联标签) 超链接: URL: target: a标签可以写锚点 3.列表标签 3.1 无序列表 3.2 有序列表 3.3 标题列表 4.table标签 ***(块级标签) 4.1 整体结构 4.2 常用属性 5.f…
# 前端day02 1. html标签 1. span标签设置宽高 设置宽高后,字体不会发生变化. 2. 盒模型 padding是border里面的距离: margin 是border边框外头的了属于. 2.CSS 1.权重 数数: id > class > 标签名字 p中只能放行内的 表单标签 2.background background-position: 相对原来的位置,原来的边框. background-repeat: 默认水平.垂直都平铺. 屏幕: 一屏一屏的 网页F12代码顺序:…
探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍 自定义View系列教程02–onMeasure源码详尽分析 自定义View…
前端 内容回顾: -BOM -jquery介绍 -jquery下载和引入方式 npm install jquery -jquery的选择器 -基本选择器 -通配符选择器 - id选择器 - 类选择器 - 标签选择器 - 高级选择器 - 后代  空格表示 -子代  > - 毗邻兄弟  + - 兄弟      ~ -  组合选择器   div,p,a -  交集选择器   div,active -  属性选择器   $('input[type="text"]') -  jquery的…
文档结构: <!-- 定义文档类型 --> <!DOCTYPE html> <!-- 文档 --> <html lang='en'> <!-- 仅仅为了提示浏览器,该翻译我了 --> <head> <meta charset='UTF-8'> <!-- 规定编码格式 --> <title>赵天一</title> <!-- 标题,你的页面上在浏览器上显示的内容 --> <…
今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> 排版标签 <div> .<span> . <br>.<hr>.<center>.<pre> 超链接 <a> 图片标签  <img> HTML标签中有两类标签: 1.字体标签 2.排版标签 一.字体标签 字体标签包含…
内容回顾: - 筛选选择器 $('li:eq(1)')  查找匹配的元素 $('li:first') $('li:last') - 属性选择器 - 筛选的方法 - find()  查找后代的元素 - children()  查找亲儿子的元素 - parent()  查找的亲爹 - siblings()  查找的是兄弟(除自己之外) - eq()  查找匹配的元素 -  DOM操作 -类的操作 -addClass('active pp') - removeClass('active pp') -…
昨日回顾: 表单,点击submit提交以后,服务端受到信息 import socket import pymysql from urllib.parse import unquote def run(): sock = socket.socket() sock.bind(('127.0.0.1', 8081)) sock.listen(5) ''' 'GET /?username=alex&pwd=123 HTTP/1.1 Host: 127.0.0.1:8081 Connection: kee…
内容回顾 - ECMAScript5.0 基础语法 - var 声明变量 - 五种基本数据类型 - string - number NaN number 1 number - boolean - undefined - null - 引用数据类型 - Array var arr = []; - push - pop - unshift - shift - splice() - forEach(function(item,index){}) - function //1 普通函数 // funct…
今日内容: 1.数组Array var colors = ['red','color','yellow']; 使用new 关键词对构造函数进行创建对象 var colors2 = new Array(); 2.数组的赋值 var arr =[]; arr[0] =123; arr[1]='哈哈哈' arr[2] = '嘿嘿嘿' 3.数组的常用方法 concat() 把几个数组合并成一个数组 join() 返回字符串,其中包含了连接到一起的数组中的所有元素,元素由指定的分割符分割开来 pop()…
内容回顾: 盒子: 内边距:padding,解决内部矛盾,内边距的增加整个盒子也会增加 外边距:margin,解决外部矛盾,当来盒子都有外边距的时候,取两者最大值 边框:border border-color:边框颜色 border-width:边框的宽度 border-style:边框的风格,double(双线),solid(实现),虚线(dashed),点线(dotted) float:浮动,为了解决让盒子们漂在一行 浮动的方式:left和right 清除浮动目的:让父盒子不浮动的同时,它的…
内容回顾 块级标签: div p h 列表:ol;ul;dl 表格:table 行内标签: span a i/em b/strong u/del 行内块: input textarea img 其他: form br hr   &it; > css: 三种引入方式:行内式,直接在标签上写 在head里写style标签,在style里书写 在head里写link标签,通过路径导入 基本选择器:4个: *通配符选择器 id值,id选择器 类名,类选择器 标签名选择器 高级选择器: 后代选择器,b…
一. 什么是序列化 在我们存储数据或者网络传输数据的时候. 需要对我们的对象进行处理. 把对象处理成方便存储和传输的数据格式. 这个过程叫序列化 不同的序列化, 结果也不同. 但是目的是一样的. 都是为了存储和传输. 三种序列化的方案: 1. pickle. 可以将我们python中的任意数据类型转化成bytes并写入到文件中. 同样也可以把文件中写好的bytes转换回我们python的数据. 这个过程被称为反序列化 2.shelve 简单另类的一种序列化的方案. 有点儿类似后面我们学到的red…
# 组合 # 什么是组合 : 一个类对象的属性是另外一个类的对象 class Person: def __init__(self,name,sex,hp,mp,ad): self.name = name self.sex = sex self.hp = hp self.mp = mp self.ad = ad def attack(self,dog): print('%s攻击了%s'%(self.name,dog.name)) dog.hp -= self.ad class Dog: def _…
一.内容回顾 类:具有相同属性和方法的一类事务 # 描述一类事务轮廓的一个机制 #商品/用户/店铺 对象/实例: 对象(实例)就是类的实例化 # 对象就是类的一个具体的表现 #某一件特定的商品/某个人/某一家店 实例化 : 类 --> 对象 实例化的过程: #1.创建一个属于对象的空间 #2.执行__init__,把这个空间传递给init的第一个参数 #3.把这个空间地址作为返回值返回给对象变量 #如何定义一个类 #class Cls:pass #在类中直接可以定义的内容: #静态属性 : 这个…
上期内容回顾 1.数据备份的方式有哪些 全量和增量 2.数据备份的命令有哪些 都有哪些优点缺点 cp : 本地复制,全量复制 scp : 远程复制,全量复制 rsync : 远程复制,增量复制 3.rsync的参数有哪些并解释 参考上期博客 4.rsync守护进程模式的步骤 服务端 客户端 参考上期博客 5.rsync实时同步的步骤 参考上期博客 本期内容概要 NFS 网络存储 实现NFS多主机共享(以考试系统为例) 内容详细 1.NFS简介 NFS 是 Network File System的…
引言:学习前端已经接近1个月了,先后经历了1周的 html+css, 2周的"JavaScript 从入门到下跪",期间还看了vue+webpack.然鹅,Mentor BrightSea 说,想要学好 JavaScript, 并加深对原生语法的认知,不建议前端初学者直接上手像 react 和 vue 这样的框架.所以此次采用 jQuery 写一个小日历,谨作记录.如有问题,还请批评指正. 1.文件结构1.1 在 html 中写 css 和 JS1.2 采用 HTML, css 和 J…
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 1.结构元素 可以理解为语义话标记,比如:以前这么写<div id="nav"></div> 现在偷懒写:<nav></nav> 1.header头部区域,包含对主页的介绍 <header> 标签定义文档的页眉(介绍信息) 2.nav导航系列 <nav> 标签定义导航链接的…
二.CSS部分 1.解释一下CSS的盒子模型? 回答一:a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度b.网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性.c.这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型.…
前言 上一篇博客,我们简单的介绍了grunt的使用,一些基础点没能覆盖,我们今天有必要看看一些基础知识 [grunt第一弹]30分钟学会使用grunt打包前端代码 配置任务/grunt.initConfig 前面我们简单的介绍了grunt相关的知识,这里我们这里还需要再熟悉下Gruntfile相关的知识点,比如说配置任务 grunt的任务配置都是在Gruntfile中的grunt.initConfig方法中指定的,这个配置主要都是一些命名性属性比如我们上次用到的合并以及压缩的任务配置: grun…
自从上一篇文章到现在已经有将近一个月的时间,我将精力放在了前端页面分解与组装,和angularjs如何与jquery.bootstrap.D3等一系列其他类库结合使用的经验总结上.由于公司新招了一些员工,对于我而言快速的做出demo页面用以示范,是让新人快速上手的最佳方案.即使这段时间工作较忙,写这样大段文字的时间确实不好找,但我依然必须勤做记录,否则灵感如昙花一现转瞬即逝,如何带领新人,推动项目?故而我只能知无不言,把我所关注过的大小重点都记录下来. 那么接下来我先讲讲用angularjs如何…
本文主要介绍前端开发中常用的构建工具Grunt,具体包括Grunt的基本情况.安装.使用和常见插件的安装.配置和使用等内容. 1.1 Grunt简单介绍 Grunt是一套前端自动化构建工具.对于需要反复重复的任务(如压缩.编译.单元测试等),自动化构建工具可以减轻并简化我们的工作.我们只需要在 Gruntfile 文件中正确配置好要处理的任务,任务运行器就会自动帮我们完成大部分工作. Grunt的优点 ❏ Grunt拥有庞大的生态系统,并且一直在增长.❏ Grunt支持我们自己创作插件并发布.…
前端基础之JavaScript   JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言). Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成,后改名叫JavaScript. 微软随…
目录 初识Node.js 一.Node.js的概念 1.JavaScript引擎 2.什么是Node.js 3.Node.js有什么用 二.BFF 1.BFF 解决什么问题 2.BFF是什么 三.安装Node.js 初识Node.js 一.Node.js的概念 1.JavaScript引擎 浏览器的内核包括两部分核心: DOM渲染引擎 JavaScript解析引擎 Chrome浏览器内置V8引擎,V8引擎执行Javascript的速度非常快,性能非常好. 2.什么是Node.js 脱离浏览器环境…
01. this的典型应用场景 this在各个场景中取什么值,是在函数执行的时候确认的,不是在定义的时候确认的. 普通函数执行 返回window function fn1() { console.log(this) } fn1() // window 使用 call apply 传入什么绑定什么 //call/bind可以改变this指向 function fn1() { console.log(this) } fn1.call({x:100}) //{x:100} const fn2 = fn…
CSS选择器(重点) 理解 能说出选择器的作用 id选择器和类选择器的区别 1. CSS选择器作用(重点) 如上图所以,要把里面的小黄人分为2组,最快的方法怎办? 很多, 比如 一只眼睛的一组,剩下的一组 选择器的作用 找到特定的HTML页面元素 CSS选择器干啥的? 选择标签用的, 把我们想要的标签选择出来 必须记住的 css 就是 分两件事, 选对人, 做对事. h3 { color: red; } 这段代码就是2件事, 把 h3选出来, 然后 把它变成了 红色. 以后我们都这么干. 选择器…
目录 前端基础之CSS css简介 基本选择器(重要) 组合选择器(重点) 属性选择器 分组与嵌套 伪类选择器 伪元素选择器 选择器的优先级 字体相关 背景属性 边框属性 display属性 盒子模型 浮动 定位 是否脱离文档流 溢出属性 z-index属性 透明度 练习 前端基础之CSS css简介 # 层叠样式表>>>:就是给HTML标签修改样式 语法结构 选择器 { 属性名1:属性值1; 属性名2:属性值2 } 注释语法 /*注释内容*/ 引入方式 1.style内部直接编写css…
响应get和post请求 SpringMVC中使用@RequestMapping注解完成对get请求和post请求的响应 项目结构和配置文件与SpringMVC博客集中的"SpringMVC 01"保持一致 在webapp/admin目录下新建2个jsp文件,这两个jsp文件分别作为相应请求的响应页面 mainGet.jsp <%@ page contentType="text/html;charset=UTF-8" language="java&q…