![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
qingemengyue
这个作者很懒,什么都没留下…
展开
-
云平台建设学习4
执行记录页面示意图原创 2017-06-29 14:15:49 · 250 阅读 · 0 评论 -
jQuery3
jQuery 遍历 1. 祖先$(document).ready(function(){ $("span").parent(); //返回被选元素的直接父元素});$(document).ready(function(){ $("span").parents(); //返回所有 <span> 元素的所有祖先});$(document).ready(function(){ $("原创 2017-07-10 11:20:47 · 302 阅读 · 0 评论 -
HTML图片显示
<img src="./i/eg_dragdrop_w3school.gif"/><img src="test.jpg">原创 2017-07-10 14:46:21 · 1225 阅读 · 0 评论 -
圣杯布局和双飞翼布局
圣杯布局其实和双飞翼布局都是三栏布局,两边的盒子宽度固定,中间盒子自适应。它们实现的效果是一样的,差别在于其实现的思想。1.圣杯布局 父元素的的三栏务必先写中间盒子,因为中间盒子要被优先渲染。<div class="header">Header</div><div class="bd"> <div class="main">Main</div> <div class="left"原创 2017-07-30 20:11:13 · 219 阅读 · 0 评论 -
jQuery1
jQuery 选择器 1. jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素 $(this)当前 HTML 元素 $("p")所有<p>元素 $("p.intro")所有 class=”intro” 的<p>元素 $(".intro")所有 class=”intro” 的元素 $("#intro")id=”intro” 的元素 $("ul l原创 2017-07-09 16:34:54 · 327 阅读 · 0 评论 -
jQuery2
jQuery DOM 操作$("#btn1").click(function(){ alert("Text: " + $("#test").text()); //设置或返回所选元素的文本内容});$("#btn2").click(function(){ alert("HTML: " + $("#test").html()); //设置或返回所选元素的内容});$("#btn1").原创 2017-07-09 17:43:22 · 165 阅读 · 0 评论 -
表单总结(未完)
1.获取表单内容点击按钮弹出警告框显示表单当前内容<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ $("button").click(function(){ alert("Value: " +原创 2017-08-02 18:42:51 · 181 阅读 · 0 评论 -
跨域
1.同源策略/SOP(Same origin policy) SOP要求两个通讯地址的协议、域名、端口号必须相同,否则两个地址的通讯将被浏览器视为不安全的,并被block下来。比如“http页面”和“https页面”属于不同协议;“qq.com”、“www.qq.com”、“a.qq.com”都属于不同域名(或主机);“a.com”和“a.com:8000”属于不同端口号。这三种情况常规都是无法直原创 2017-08-03 14:02:02 · 209 阅读 · 0 评论 -
Vue做类tab页切换
<div class="import-case-type-select import-case-type-select-active" id="csvTypeId"> <a class="text-white" v-on:click="selectCaseType('csv','#csvTypeId')"> <div class="font-logo"></div>原创 2017-07-28 18:47:44 · 3021 阅读 · 2 评论 -
输入URL后发生了什么?
1. DNS域名解析在浏览器DNS缓存中搜索 在操作系统DNS缓存中搜索 读取系统hosts文件,查找其中是否有对应的ip 向本地配置的首选DNS服务器发起域名解析请求2. 建立TCP连接为了准确地传输数据,TCP协议采用了三次握手策略。发送端首先发送一个带SYN(synchronize)标志的数据包给接收方,接收方收到后,回传一个带有SYN/ACK(acknowledegment)标志的数据转载 2017-08-14 10:41:55 · 222 阅读 · 0 评论 -
事件
1.捕获和冒泡(1)冒泡就是从下往上,也就是DOM元素被触法事件时(此时的dom元素为目标元素),目标元素事件执行后,它的祖先元素所绑定的事件会向上顺序执行。 (2)捕获正相反。 (3)所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。<div id='one'> <div id='two'> <div id='three'>原创 2017-08-21 15:23:05 · 169 阅读 · 0 评论 -
图片轮播
1.普通轮播:淡入淡出+定时<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equ转载 2017-08-24 11:20:44 · 774 阅读 · 0 评论 -
CSS3
1.新的边框属性 border-image 用图片做边框border-image:url(border.png) 30 30 round;//round(铺满)stretch(拉伸)-moz-border-image:url(border.png) 30 30 round; /* 老的 Firefox */-webkit-border-image:url(border.png) 30 3原创 2017-07-18 15:33:58 · 360 阅读 · 0 评论 -
云平台建设学习6
构建流程逻辑原创 2017-07-09 11:28:19 · 331 阅读 · 0 评论 -
Vue.js例子
<script src="js/vue.js"></script><script src="js/jquery-1.12.4.min.js"></script><link href="css/index.css" rel="stylesheet"> <meta charset="UTF-8"><section class="todoapp"> <header class="heade原创 2017-07-05 20:17:00 · 391 阅读 · 0 评论 -
HTML5
视频/音频//视频 html> body> div style="text-align:center;"> button onclick="playPause()">播放/暂停button> button onclick="makeBig()">大button> button onclick="makeNormal()">中button> button oncl原创 2017-07-10 14:44:06 · 192 阅读 · 0 评论 -
云平台建设学习5
在网页中插入图表:Echarts 1. 用 script 标签引入<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script></head></html>需要为 ECharts 准备一个具备高宽的 DO原创 2017-06-30 17:15:07 · 435 阅读 · 0 评论 -
云平台建设学习3
记录一些有用的网站(不断丰富)Bootstrap菜鸟教程 里面有些基础的布局,组件,插件介绍和实例 w3school 网站建设教程,从基础的 HTML 到 CSS,乃至进阶的 XML、SQL、JS、PHP 和 ASP.NET npm package manager for JavaScript Grunt javascript构建工具 Vue.js 渐进式JavaScrip原创 2017-06-28 14:09:05 · 776 阅读 · 0 评论 -
JavaScript1
一些需要注意的:1.变量必须以字母开头(可以以$和_开头但不推荐); 2.大小写敏感; 3.数据类型:动态 数字+字符串=字符串4.变量生存期 开始:从声明开始 结束:局部变量:函数运行后被删除 全局变量:页面关闭后被删除 5.==等于 ===全等于(值和类型) 6.break 用于循环和switch中 break labelnamecar原创 2017-07-11 10:20:52 · 273 阅读 · 0 评论 -
Vue.js学习
vue.js是一个JavaScript MVVM库。MVVM模式 ViewModel是Vue.js的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。 首先,我们将上图中的DOM Listeners和Data Bindings看作两个工具,它们是实现双向绑定的关键。 从View侧看,ViewM转载 2017-07-03 14:10:57 · 471 阅读 · 0 评论 -
云平台建设学习
eclipse *.vm设置文件打开时使用的编辑器 General>>Editors>>File Associations,点击Add,输入*.vm,保存或者 General>>Content Types,选择Text>>Html,点击Add,输入*.vm,保存学习使用的网站: Bootstrap教程 w3school 里面有各种前端参考 Echarts 云平台使用的一些样式原创 2017-06-25 10:03:04 · 301 阅读 · 0 评论 -
HTML基础1
基本标签1. 基础标签 <h1>-<h6> 标题 <p>段落 <img src=" " width=" " height=" ">图片 <br/>换行 <hr/>水平线 (空元素要注意关闭) <div>定义文档中的节或区域(块级) <span>定义文档中的行内的小块或区域 2. 格式化标签 <b>粗体 <big>大号 <em>着重 <i>斜体 <small>小号 <stro原创 2017-07-04 21:09:15 · 155 阅读 · 0 评论 -
HTML基础2
表单<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8" ectype="application/x-www-form urlencoded" autocomplete="off" novalidate>form elements</form> Action 属性 action 属性定原创 2017-07-04 21:24:44 · 171 阅读 · 0 评论 -
云平台建设学习1
CICD服务-测试管理界面 图中红框部分采用按钮,每点击一次使用js的擦除和添加html来实现(jquery的append和empty)不需要新建页面<div class="" id="myhome"> ........ <button class="btn btn-default" onclick="button()">按钮</button>//其他组件也可以用onc原创 2017-06-26 17:07:12 · 466 阅读 · 0 评论 -
云平台建设学习2
更改input file <form role="form"> <div class="form-group"> <label for="name">名称</label> <input type="text" class="form-control" id="name" placeholder="请输入名称"> </div> <div class="form-group原创 2017-06-27 16:36:02 · 291 阅读 · 0 评论 -
图片的懒加载
当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度。1.将页面上的图片的 src 属性设为 loading.gif,而图片的真实路径则设置在 data-src 属性中,页面滚动的时候计算图片的位置与滚动的位置,当图片出现在浏览器视口内时,将图片的 src 属性设置为 data-src 的值。<!DO原创 2017-08-26 22:00:43 · 399 阅读 · 0 评论