04 2021 档案

AJAX 案例（一）
摘要：<form id="myForm" action="" method="post"> <p> <span>姓名：</span> <input id="name" name="name" type="text" placeholder="请输入您的姓名" /> </p> <p> <label><inp 阅读全文
posted @ 2021-04-19 10:52 *玥 阅读(43) 评论(0) 推荐(0)
ajax调用 ( 基础整理 )
摘要：1.ajax就是前后端通信，即服务器、客户端数据交换；通过在后台与服务器进行少量数据交换，AJAX可以使网页异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行局部更新的2.ajax = 异步JavaScript和xml(json)3..ajax的技术核心是 XMLHttpRequ 阅读全文
posted @ 2021-04-19 10:51 *玥 阅读(918) 评论(0) 推荐(0)
<meta>详解
摘要：一、name属性 主要用于描述网页，对应属性值content的内容是便于搜索引擎查找/分类信息用的。 1、Keywords(关键字)：告诉搜索引擎你网页的关键字是什么。 2、description：告诉搜索引擎网站主要内容 网站描述为自然语言而不是罗列关键字； 准确描述核心内容，通常为希望搜索引擎在 阅读全文
posted @ 2021-04-15 16:09 *玥 阅读(397) 评论(0) 推荐(0)
移动端、PC端理解
摘要：概念： 1.CSS像素（单位 px） PC端：1px = 1 物理像素 iphone3：分辨率320*480、1px = 1 物理像素 iphone4：分辨率640*960、屏幕尺寸不变1px = 2 物理像素 2.物理像素 表示每英寸所拥有的像素数目，数值越高，代表屏幕能够以更高密度显示图像 3. 阅读全文
posted @ 2021-04-14 16:53 *玥 阅读(415) 评论(0) 推荐(0)
浏览器兼容问题【整理】
摘要：meta标签 <meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1"/> X-UA-Compatible：是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区别与 content="IE=7"在无论页面是否包含<! 阅读全文
posted @ 2021-04-14 10:22 *玥 阅读(218) 评论(0) 推荐(0)
纯css绘制太极图（练手）
摘要：一、先绘制基础原型 .box-circle{ width: 0; height: 200px; margin: 50px; position: relative; border-left: 100px solid #000; border-right: 100px solid #fff; box-s 阅读全文
posted @ 2021-04-13 14:21 *玥 阅读(312) 评论(0) 推荐(0)
元素居中
摘要：一、水平居中 text-align: center;二、垂直居中1.已知宽高 - 绝对定位position:absolute; width:200px; height:100px;top:50%; left:50%; margin-top:-50px; margin-left:100px;top: 阅读全文
posted @ 2021-04-09 10:47 *玥 阅读(67) 评论(0) 推荐(0)
固定导航
摘要：<div class="box"> <div class="roll">滚动区域</div> <footer>底部固定菜单</footer> </div> <style> html,body{ margin:0;padding:0;height:100%;width:100%; } footer{ 阅读全文
posted @ 2021-04-09 09:29 *玥 阅读(71) 评论(0) 推荐(0)
css3阴影效果
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>阴影</title> </head> <body> <style> /* box-shadow: offset-x、offset-y、blur-size可选（默认0）、spread 阅读全文
posted @ 2021-04-08 14:31 *玥 阅读(76) 评论(0) 推荐(0)
循环数组对象
摘要：for in 遍历整个原型链，性能差、好资源（数据少时可以使用）。数据多时容易造成浏览器卡死，建议使用$.each(对象,function(index){}),each()函数具有十分强大的遍历功能，可以遍历一维数组、多维数组、Dom、Json等。 //1.处理一维数组：var arr = [ "a 阅读全文
posted @ 2021-04-08 14:23 *玥 阅读(215) 评论(0) 推荐(0)
json数据美化、解析
摘要：//方法一/* 引入jquery.json-viewer.js 与jquery.json-viewer.css 文件 * 给pre传入数据 * *判断一下IE版本，如果是ie则直接展示，其他浏览器[火狐、IE edge、谷歌、360安全/急速...]可使用json-viewer.js */<link 阅读全文
posted @ 2021-04-08 14:17 *玥 阅读(500) 评论(0) 推荐(0)
jquery 压缩图片、等比缩放
摘要：/* 压缩图片 */<div class="compress" > <img id="web" src=""/></div>$("#web").attr('src',base64)// 方法一：jquery自动调整图片大小、缩放$('.compress img').each(function(){ 阅读全文
posted @ 2021-04-08 13:58 *玥 阅读(1082) 评论(0) 推荐(0)