meta | 易学教程

JS代码大全

阅读更多关于 JS代码大全

超级实用且不花哨的js代码大全收藏事件源对象 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

JavaScript入门学习之四——JQuery入门

阅读更多关于 JavaScript入门学习之四——JQuery入门

在前面一章我们已经点到过，很多的情况我们都是通过JQuery来对标签进行操作的，在这一章我们就来好好讲一讲这个JQuery。 JQuery初识先看看JQuery的使用 JQuery的特点：可以用及其简练的语言来做JS做的事情(write less,do more) JQuery就是一个JS文件,相当于一个Python的第三方模块，直接拿过来用就可以了（但是需要按照要求的规则）。但是原生的JS DOM是基础，其实还是通过这些基础来实现所有的操作。我们要学习的，JQuery最常用的方向，也就是改变标签的属性、样式和事件相关的一系列操作。 JQuery的基础语法 JQuery的语法还是比较简单的，只有一句必须要掌握的 $(selector).action() 前面的selector就相当于一个标签选择器，后面的action就是相对应的操作标签选择器 id选择器 $("#id") 标签选择器 $("tagName") class选择器 $(".className") 所有元素选择器 $("*") 选择器的配合使用 $("tagName.className") //两个条件一定不能加空格，要紧挨着，加了空格就有层级的效果，下面会讲到组合选择器同时符合多个条件 $("condition1,condition2...") 练习题结合上面的各种基本组合器看看下面的方法应该怎么实现

request对象和response对象

阅读更多关于 request对象和response对象

Web服务器收到客户端的http请求，会针对每一次请求，分别创建一个用于代表请求的request对象、和代表响应的response对象 HttpServletResponse HttpServletResponse对象代表服务器的响应。这个对象中封装了向客户端发送数据、发送响应头，发送响应状态码的方法。 1.向客户端输出中文数据（字节） package cn.lsl.response; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class ResponseDemo1 extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

常用JS代码大全

阅读更多关于常用JS代码大全

事件源对象 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)

js事件监听

阅读更多关于 js事件监听

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="natir">你好</div> <script> function a(){ console.log(3) } function b(){ console.log(4) } var natir=document.getElementById("natir") // natir.onclick= function(){ // console.log(3) // } // natir.onclick= function(){ // console.log(4) // } natir.addEventListener('click',function(){ console.log(3) }) natir.addEventListener('click',function(){ console.log(4) }) <

maven项目多个main函数打包并运行jar包方式

阅读更多关于 maven项目多个main函数打包并运行jar包方式

pom.xml < build > < plugins > < plugin > < groupId > org.apache.maven.plugins < /groupId > < artifactId > maven-shade-plugin < /artifactId > < version > 2.3 < /version > < executions > < execution > < phase > package < /phase > < goals > < goal > shade < /goal > < /goals > < configuration > < filters > < filter > < artifact > *:* < /artifact > < excludes > < exclude > META-INF/*.SF < /exclude > < exclude > META-INF/*.DSA < /exclude > < exclude > META-INF/*.RSA < /exclude > < /excludes > < /filter > < /filters > < transformers > < transformer implementation = "org.apache.maven.plugins.shade

SEO禁用蜘蛛（爬虫）搜索收录网页（全）

阅读更多关于 SEO禁用蜘蛛（爬虫）搜索收录网页（全）

手段一： Robots协议：用来告知搜索引擎哪些页面能被抓取，哪些页面不能被抓取；可以屏蔽一些网站中比较大的文件，如：图片，音乐，视频等，节省服务器带宽；可以屏蔽站点的一些死链接。方便搜索引擎抓取网站内容；设置网站地图连接，方便引导蜘蛛爬取页面。 spider在访问一个网站是，会首先检查该网站的根域下是否有一个叫做robots.txt的纯文本文件，这个文件用于指定spider在您网站上抓取范围。一般屏蔽有：隐私资料，表结构 robots文件是存在于网站的根目录下，首先会检查http://www.123.com/robots.txt这个文件。 robots格式： User-agent: ( 代表所有搜索引擎) Disallow:（不允许抓取的相对路径） allow:（允许抓取的相对路径或文件） robots.txt生成器： https://robots.51240.com/ 文件用法例: 禁止所有搜索引擎访问网站的任何部分 User-agent: * Disallow: / 实例分析：淘宝网的 Robots.txt文件:访问www.taobao.com/robots.txt User-agent: Baiduspider Allow: /article Allow: /oshtml Disallow: /product/ Disallow: / User-Agent:

66.环形加载动画（canvas/svg）

阅读更多关于 66.环形加载动画（canvas/svg）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body { margin: 0; padding: 0; text-align: center; } </style> </head> <body> <canvas id="canvas"></canvas> <script> let canvasWidth = 200; let canvasHeight = 200; let centerX = canvasWidth / 2; let centerY = canvasHeight / 2; let r = canvasWidth / 2 - 10; let canvas = document.getElementById('canvas'); canvas.width = canvasWidth; canvas.height = canvasHeight; let ctx = canvas

HTML5的学习资料(开发设计原则)

阅读更多关于 HTML5的学习资料(开发设计原则)

“Be conservative in what you send; be liberal in what you accept. –The Robustness principle” “对于自己输出要严格; 对于他人的输入要灵活. –鲁棒性原则” 一切从鲁棒性原则说起, 把鲁棒性原则放在第一位, 是为了: 1. 让大家带着鲁棒性原则的思考来听这次分享. 2. 鲁棒性原则是促成HTML5的设计原则主线. 3. 鲁棒性的引申义可以上升到为人处世中去. 一. XHTML2 & HTML5之间不得不说的故事 HTML Tag的文档作为HTML诞生的见证, 但是HTML Tag这份文档并不是官方的规范. 真正的官方HTML规范是从HTML2开始的, HTML2继承了HTML Tag的成果, 继往开来, 承前启后 , 而非另立门户, 从头开始. 但是小悲剧的是, HTML2的标准出台的时候恰好是浏览器大战的年代, 浏览器厂商各行其道, 无视标准的存在, 而W3C也在这个时期也不停的将一些浏览器私有特性转换成标准的一部分. (Cowpaths) 97年 – 99年, 浏览器大战如火如荼, HTML标准也经历了从3.2 – 4.0 – 4.01的版本变迁, 非常的迅猛, 但是到了HTML4.01是, W3C的头也许是被敲坏了, 认为:”好了, HTML就这样了, HTML4

vue part1 基础

阅读更多关于 vue part1 基础

0.准备 pycharm vue与EC6支持设定 https://www.cnblogs.com/infaaf/articles/9593237.html chrome浏览器插件安装完成后出现标记 vue页面标记需要使用vue.js非vue.min.js 调试页面结构模型MVVM = m:model + v:view + vm view(dom) ------dom listeners-----》 Model（data）　　《------data bindings---- 1. 调试运行Helloword vue与jquery比较 vue <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue </title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <p>{{ message }}</p> <button v-on:click="clickfunc">点击</button> </div> <script> new Vue({ el:'#app', data:{ message:'before' }, methods:{ clickfunc

订阅 meta