meta | 易学教程

javascript小技巧&&JavaScript[对象.属性]集锦

阅读更多关于 javascript小技巧&&JavaScript[对象.属性]集锦

javascript小技巧&&JavaScript[对象.属性]集锦 javascript小技巧事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD

javascript小技巧&&JavaScript[对象.属性]集锦

阅读更多关于 javascript小技巧&&JavaScript[对象.属性]集锦

javascript小技巧&&JavaScript[对象.属性]集锦 ,建议你 ctrl+F 直接在这个页上找,因为这里80%有你要找的! javascript小技巧事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document

javascript小技巧集锦

阅读更多关于 javascript小技巧集锦

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus(); document.all("txt").select(); 窗体命令 document.execCommand 窗体COOKIE document.cookie 菜单事件 document.oncontextmenu 创建元素 document.createElement("SPAN"); 根据鼠标获得元素： document.elementFromPoint(event.x,event.y).tagName=="TD document.elementFromPoint(event.x,event.y)

CSS的水平居中和垂直居中方式

阅读更多关于 CSS的水平居中和垂直居中方式

水平居中 1.行内元素或行内块元素水平居中，即给其父元素添加text-align：center 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <style> 9 * { 10 padding: 0; 11 margin: 0; 12 } 13 14 .wrapper { 15 height: 400px; 16 background-color: pink; 17 text-align: center; 18 } 19 </style> 20 </head> 21 22 <body> 23 24 <div class="wrapper"> 25 <span class="center">text-align：center</span> 26 </div> 27 28 </body> 29 30 </html> 2.块级元素水平居中可以用margin：0 auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta

drf 之ModelSerializer

阅读更多关于 drf 之ModelSerializer

ModelSerializer - ModelSerializer是Serializer的子类，序列化和反序列化跟Serializer一样。 - ModelSerializer与常规的Serializer相同，但提供了： ''' 基于模型类自动生成一系列字段基于模型类自动为Serializer生成validators，比如unique_together 包含默认的create()和update()的实现 ''' - 在使用ModelSerializer序列化器时，我们只需要定义好序列化器类，并指定好对应的模型类和字段即可。ModelSerializer序列化器自动帮我们定义好了字段信息及约束信息。 1. 创建ModelSerializer序列化器类 1.1 对模型类中所有字段都进行序列化和反序列化操作。我们通过设置Meta类中的fields属性的值可以指定序列化器能够操作的字段数据。当fields='__all__'时，表示序列化器能够对模型类中的所有字段数据进行序列化与反序列化的操作。 # 定义ModelSerializers序列化器 class BookInfoModelSerializer(serializers.ModelSerializer): '''定义图书信息的ModelSerializers序列化器''' class Meta: # 指定序列化器对应的模型类

移动端向左向右向下向上滑动触发事件

阅读更多关于移动端向左向右向下向上滑动触发事件

<!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-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" /> <title>无标题文档</title> </head> <body> <div id="div" style="width:500px;height:150px;border:1px solid red;"></div> <script type="text/javascript"> (function (){ mobilwmtouch(document.getElementById("div")) document.getElementById("div").addEventListener('touright',function (e){ e.preventDefault(); alert("方向向右"); }); document

本地存储localStorage和sessionStorage

阅读更多关于本地存储localStorage和sessionStorage

cookie劣势：存储大小限制，4kb 单域名下有数量限制，50个左右污染请求头，浪费流量本地存储web storage 包括localStorage和sessionStorage localStorage 本身是一个对象，可以打印查看 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>localStorage</title> </head> <body> <script> console.log(localStorage); </script> </body> </html> setItem() 设置存储内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>localStorage</title> </head> <body> <script> localStorage.setItem("cyy",25); console.log(localStorage); </script> </body> </html> 将赋值语句注释，关闭网页后再次打开，存储的数据依旧存在 getItem() 获取存储内容 <!DOCTYPE html> <html lang="en"> <head> <meta

ajax

阅读更多关于 ajax

**今天，我就带你来了解一下ajax吧！** 首先我们得明白什么是ajax？那到底什么才是ajax呢？ AJAX = “Asynchronous Javascript And XML”（==异步 JavaScript 和 XML==）直译出来就是异步的 JavaScript和数据传输技术。国内常翻译为**==“ 阿贾克斯 ”==**是指一种无需重新加载整个网页的情况下，能够更新部分网页的技术。直白的说，ajax就是js通过一个网址去加载数据。用户是看不见的，可以通过浏览器控制台中的网络查看。上面说到，xml，我们就结合json来给你介绍~~~ ==xml（可扩展标记语言）、json（轻量级数据格式）都是字符串的格式，都用于数据传输== 两者之间有什么区别呢？ **xml：** 优点： 1、传输的数据种类特别丰富 2、传输的数据量非常大缺点：解析起来比较麻烦【注】用于大型门户网站，今日头条、腾讯新闻、网易新闻。 **json：** 优点： 1、解析起来非常方便 2、适合轻量级的数据缺点： 1、种类比较少【注】基本上90%以上应用用的都是json格式字符串传输。同时说到异步，有的小伙伴就懵逼了，心想异步是啥，有什么作用呢？了解异步之前，我们首先看看javas中的同步是什么吧！ ==同步== ：阻塞，当前程序必须等前面的程序执行完毕以后，才能运行。举个例子

前端html

阅读更多关于前端html

一、html初识 1、html是什么　　超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则　　浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）　　静态网页文件扩展名：.html 或 .htm 2、html结构 <!DOCTYPE html> #告诉浏览器使用什么样的html或者xhtml来解析html文档 <html lang="en"> #是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body> <head>　　　　　　　　#元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 <meta charset="UTF-8"> #定义html的编码类型 <title>哈哈哈1</title> #定义网页标题，在浏览器标题栏显示。 <link rel="icon" href="http://www.jd.com/favicon.ico"> #在浏览器页表头中显示的log </head> <body> #body中间的文件是可见的网页主体内容 </body>

web前端01

阅读更多关于 web前端01

l W3C标准：结构（HTML描绘页面骨架），样式表现（CSS），行为（JS） l Html(超链接标记文本)，纯文本只能保存文本内容，音频视频都不能。 l 纯文本作为网页后缀html l 标签：用标签标记一级标题等。 <标签名（如：h1）> 标签有开始也有结束， <h1>this my firt web</h1>. l 根标签<\html>（一个页面只有一个根标签），所有内容均写到根标签里面 l 有两个子标签， <html><head></head><body></body></html> ,head body 兄弟标签 l 标准结构 <!doctype html> <html> <head> <meta character="utf-8" /> <title></title>(显示在网页的标题栏) </head> <body>  <h1>这是我的<font color="red"></h1> <h2> </h2> <h3> </h3> <p>楚河<br /> 汉界<br /> </p> </body> </html> l Head标签内容不显示在用户端，设置信息让浏览器看从而帮助浏览器解析 l Body显示用户页面中所有可见内容 l 不希望别人动可以写注释 l 超链接里的字就是tittle l <font></font> 设置字体

订阅 meta