前端开发
Z次方-Y
艺术是精神和物质的奋斗。
展开
-
3D盒子旋转
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content原创 2018-03-22 17:49:08 · 535 阅读 · 0 评论 -
ajax补充--------FormData等...
一、回顾上节知识点1、什么是json字符串? 轻量级的数据交换格式2、定时器:关于setTimeoutsetTimeout(foo,3000) # 3000表示3秒,foo表示一个函数,3秒后执行foo函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2018-04-17 14:53:05 · 143 阅读 · 0 评论 -
html 之表单,div标签等
。。。。。。。一、表单功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比...原创 2018-04-11 12:02:21 · 282 阅读 · 0 评论 -
前端之css样式(选择器)。。。
一、css概述CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 例如 二、css的四种引入方式1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.内嵌式 嵌入式是将CSS样式集中写在网页的<head><...原创 2018-04-11 12:01:33 · 184 阅读 · 0 评论 -
css之操作属性
1.文本1.文本颜色:color颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定:十六进制值 - 如: #FF0000一个RGB值 - 如: RGB(255,0,0)颜色的名称 - 如: red2.水平对齐方式text-align 属性规定元素中的文本的水平对齐方式。left 把文本排列到左边。默认值:由浏览器决定。right 把文本排列到右边。center 把文本排列...原创 2018-04-10 15:06:03 · 149 阅读 · 0 评论 -
css样式之属性操作
一、文本属性 1.text-align:cnter 文本居中 2.line heigth 垂直居中 :行高,和高度对应 3.设置图片与文本的距离:vertical-align 4.text-decoration:none 去掉超链接下划线 5.要是给a标签修改颜色的时候,就定到a标签上,用继承有时候是搞不定的 因为继承的级别是很低的,如果a标签设置了样式,是不会继承父亲的 6.首行缩进:tex...原创 2018-04-10 15:04:24 · 153 阅读 · 0 评论 -
css样式之补充
css常用的一些属性:1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline;3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px;没设置之前: 设置之后:3.外边距:margin4.内边距:padding5.居中;margin 0 auto;(只是针对盒子居中)6内联标签是...原创 2018-04-10 15:02:54 · 125 阅读 · 0 评论 -
复习os模块常用的一些操作
import os# 1.切换路径=============d = os.getcwd() #获取当前的工作路径os.chdir('D:\\')#目录的切换print(os.getcwd())# (切换过去怎么回来呢?再chdir一下就回来了)os.chdir(d)print(os.getcwd())# 2.执行系统命令=============# system和popen都...原创 2018-04-10 14:55:51 · 125 阅读 · 0 评论 -
继续JS之DOM对象二
前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作。很重要!!一、节点操作创建节点:var ele_a = document.createElement('a');添加节点:ele_parent.appendChild(ele_img);删除节点:ele_parent.removeChild(ele_p);替换节点:ele_parent.replaceChild(新标签,旧标...原创 2018-04-10 14:55:02 · 120 阅读 · 0 评论 -
Javascript 与正则表达式
Javascript 与正则表达式 一、正则表达式(regular expression简称res)1、定义:一个正则表达式就是由普通字符以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。 2、作用:正则表达式提供了功能强大、...原创 2018-04-02 19:18:50 · 128 阅读 · 0 评论 -
js之DOM对象三
一、JS中for循环遍历测试for循环遍历有两种第一种:是有条件的那种,例如 for(var i = 0;i<ele.length;i++){}第二种:for (var i in li ){}现在我们来说一下测试一下第二种(数组和obj的)测试for循环二、获取value属性值View Code三、表格示例(全选,反选,取消)表格示例四、模态对话框模态对话框五、搜索框seach示例六...原创 2018-04-10 14:52:06 · 100 阅读 · 0 评论 -
jQuery基本语法
一、jQuery基础1.为什么要用jquery? 写起来简单,省事,开发效率高,兼容性好2、什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块)3、如何使用jQuery? 1、导入 <script src="jquery-3.2.1.js"></script> 或者&l...原创 2018-04-09 14:26:43 · 307 阅读 · 0 评论 -
Jquery2--属性相关的操作
知识点总结 1、属性 属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性)、 attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 removeAttr(属性名) -删除属性的值 prop(属性名|属性值) ...原创 2018-04-09 14:25:53 · 435 阅读 · 3 评论 -
jquery之文档操作
一、相关知识点总结1、CSS .css() - .css("color") -> 获取color css值 - .css("color", "#ff0000") -> 设置值 - .css({"color": "#cccccc", "border": "1px solid #ff0000"})原创 2018-04-09 14:24:47 · 249 阅读 · 1 评论 -
jQuery之jQuery扩展和事件
一、jQuery事件常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点( 搜索框例子) change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn]) 点击 dblclick([[data],fn]) 双击 ...原创 2018-04-09 14:22:06 · 758 阅读 · 0 评论 -
Bootstrap补充
一、一个小知识点1、截取长屏的操作2、设置默认格式3、md,sm, xs 4、空格和没有空格的选择器 二、响应式介绍- 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 - 缺点:工作量大,网页响应慢 - 优点: 专治疑难杂症 3...原创 2018-04-09 14:20:26 · 122 阅读 · 0 评论 -
css样式总结
一、1、CSS 1、什么是CSS Cascading Style Sheet 层叠样式表 级联样式表 样式表 2、作用 实现了内容与表现的分离 提高了代码的可重用性和可维护性2、CSS样式表使用方式 使用方式共分三种,使用任何一种都可以更改页面的样式。 1、内联方式 内联样式 将CSS样式定义在HTML...原创 2018-03-22 21:27:09 · 301 阅读 · 0 评论 -
图片旋转
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>图片循环旋转</title><style>*{margin: 0; padding: 0;}.ta_c{text-align: center;margin-top: 100px;}原创 2018-03-22 17:53:41 · 200 阅读 · 0 评论 -
初始Ajax
一、Ajax准备知识:json说起json,我们大家都了解,就是python中的json模块,那么json模块具体是什么呢?那我们现在详细的来说明一下1、json(Javascript Obiect Notation,JS对象标记)是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结...原创 2018-04-17 14:54:37 · 237 阅读 · 0 评论