js

JS：获取标签的6个方法+获取html+获取body

由 試著忘記壹切 提交于 2020-02-25 19:29:06
JS 获取标签的方法 通过class： document.getElement s ByClassName('class名');返回数组 通过name： document.getElement s ByName('name名');返回数组 通过id： document.getElementById('id名')；返回一个对象 通过标签名： document.getElement s ByTagName(‘标签名’);返回数组 通过通用选择器：document.querrySelector('可以写任何选择器 只能选择一个');返回数组 通过通用选择器：document.querrySelector All ('可以写任何选择器，可以选择多个');返回数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class='box' id="box" name='box' ></div> </body> <script type="text/javascript"> var div1 = document.getElementsByClassName('box')[0]; //利用class名获取元素 var div2 =

JS中this的几种情况

由 六月ゝ 毕业季﹏ 提交于 2020-02-25 19:27:12
1.给元素的某个事件行为绑定方法，事件触发，方法执行，此时方法中的this一般都是当前元素本身： <div id="div"></div> div.onclick = function() { console.log(this); //=><div id="div"></div> }; div.addEventListener('click', function () { console.log(this); //=><div id="div"></div> }, false); 这里边有个特殊情况就是DOM2级绑定事件 div.attachEvent('onclick',function anonymous(){ console.log(this); //=>window }); 2.普通函数执行，它里边的this是谁，取决于方法执行前面是否有“.”，有的话，“.”前面是谁this就是谁，没有的话并且是在非严格模式下this就是window，严格模式下是undefined： function fn() { console.log(this); } let obj = { name: 'OBJ', fn: fn }; fn(); //window obj.fn(); //{name: 'OBJ',fn: fn} 3.构造函数执行(也即是new执行)，函数中的this是当前类的实例：

java初探（1）之秒杀项目总结

由 …衆ロ難τιáo~ 提交于 2020-02-25 19:23:35
在开始总结之前，先记录一个刚看到的博客， 编程规约 。该博客记录了一些java开发上的规范，可以在编码的时候引入这些规范。 无论流行框架一直怎么改变，web开发中的三层架构一直属于理论的基础存在。 表现层 -> 业务层 -> 持久层 箭头所指的方向就是层之间调用的方向，在SSM框架中，利用springmvc来实现表现层，利用spring来实现业务层，用mybatis来实现持久层。 简单来说，一个web网站的开发，首先明确需求以后，要先设计与需求有关的各种数据表，针对秒杀案例，用户登录网站，查看秒杀商品，完成下单，因此，最基础的需要三个表： 用户表、商品表、订单表 。 事实上，我们虽然做的秒杀功能，但不可能这个web只有一个秒杀的项目，而是一个商城，因此，为了便于维护我们的数据表，需要在抽象出以下两个表： 秒杀商品表、秒杀订单表 。 用户表： 包括用户id、昵称、密码、密码混淆盐值、用户头像、注册日期、最近登录日期、登录次数。 （用户表可以尽可能详细的将用户的所有特征加入，如果系统庞大，也可以抽象出一些子表，但这里没必要，但如果在一些实际的网站，可以秒杀的用户和主用户表肯定是分开的，否则主用户表的字段会越来越多，难以维护） CREATE TABLE `miaosha_user` ( `id` BIGINT(20) NOT NULL COMMENT '用户ID，手机号码',

js中的异步神器async/await

由 孤街醉人 提交于 2020-02-25 18:10:28
使用 async / await, 搭配 promise, 可以通过编写形似同步的代码来处理异步流程, 提高代码的简洁性和可读性。 async async作为一个关键字放到函数前面，async function可以定义一个异步函数。 async function func ( ) { 　　 return 'hi' ; } console . log ( func ( ) ) //Promise {<resolved>: "hi"} async 函数的返回值很特殊: 不管在函数体内 return 了什么值, async 函数的实际返回值总是一个 Promise 对象。对于promise对象，我们应该都知道想要获取promise的返回结果就需要用到then/catch方法来添加回调函数。 func ( ) . then ( ( data ) => { console . log ( data ) //hi } ) 那么如果async函数里面没有返回值呢，它会输出什么 async function func ( ) { 　　console . log ( 'hi' ) ; } console . log ( func ( ) ) //输出为： //hi //Promise {<resolved>: undefined} 如果async 函数执行完，返回的promise 没有注册回调函数

JS客户端类型的判断

由 佐手、 提交于 2020-02-25 17:29:45
**第一种：通过判断浏览器的userAgent，用正则来判断是否是 ios和 Android客户端。 代码如下：** <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAndroid); alert('是否是iOS：'+isiOS);</script> **第二种：检查是否是移动端（ Mobile）、ipad、iphone、微信、QQ等。** <script type="text/javascript">//判断访问终端var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, /

js 页面刷新

由 会有一股神秘感。 提交于 2020-02-25 15:51:44
页面自动刷新代码大全，基本上所有要求自动刷新页面的代码都有，大家可以自由发挥做出完美的页面。 1) 10表示间隔10秒刷新一次 2) <script> window.location.reload(true); </script> 如果是你要刷新某一个iframe就把window给换成frame的名字或ID号 3) <script> window.navigate("本页面url"); </script> 4> function abc() { window.location.href="/blog/window.location.href"; setTimeout("abc()",10000); } 刷新本页： Response.Write("<script>window.location.href=window.location.href;</script>") 刷新父页： Response.Write("<script>opener.location.href=opener.location.href;</script>") 转到指定页: Response.Write("<script>window.location.href='yourpage.aspx';</script>") 刷新页面实现方式总结(HTML,ASP,JS) 'by aloxy 定时刷新： 1，

js_任务列队

由 只谈情不闲聊 提交于 2020-02-25 15:41:57
js_任务列队 任务列队之主程序任务（main非异步任务）、微任务列队（如Promise任务）、宏任务列队（如settimeout任务） 执行优先级 主程序任务>微任务>宏任务 注意：定时器并不会等待主程序结束才开始计时，而是当主程序开始运行时就已经开始计时，计时完成将任务让如列队中去，最后等待主程序完成执行任务。 注意：即使有两个定时器的时间是一样的它们也会分别被加入到列队中去。 应用的一个例子：在平时的代码编写中我们都是将script放在body的最后面，为的就是让页面先绘制出，方式应为加载js时间过长造成长时间的页面白屏影响用户的使用体验。 来源： CSDN 作者： 爱吃蟹黄堡的蟹老板 链接： https://blog.csdn.net/weixin_42362211/article/details/104494663

js闪烁提示信息

由 混江龙づ霸主 提交于 2020-02-25 15:28:14
点击某按钮，提示某信息，相信大家经常遇到，用别人的插件总需要修改点，但是修改起来又很费时间，所以干脆自己写吧，哈哈。代码及效果如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>闪烁提示信息</title> <style> #show_good{ background:orange; position:absolute; display:none; border:2px solid #ffff00; border-radius:5px; text-align:center; } </style> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(function(){ var windows_width = $(window).width(); var windows_height = $(window).height(); var div_width = 400; var div_height = 100; var div_left = (windows_width - div_width) / 2; var div

JS 延迟加载

由 拈花ヽ惹草 提交于 2020-02-25 15:04:23
function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } 来源： https://www.cnblogs.com/chenyanbin/p/12361443.html

js---正则表达式

由 吃可爱长大的小学妹 提交于 2020-02-25 15:02:55
目录 1.正则表达式的创建及其基本方法 2.正则表达式的匹配规则 3.字符串和正则的相关方法 4.高级匹配规则 5.邮件的正则 1.正则表达式的创建及其基本方法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 正则表达式 * - admin@atguigu.com * - admin@.com adminatguigu.com * - 邮件的规则： * 1.前边可以是xxxx乱七八糟 * 2.跟着一个@ * 3.后边可以是xxxx乱七八糟 * 4..com获取其他的乱七八糟 * * - 正则表达式用于定义一些字符串的规则， * 计算机可以根据正则表达式，来检查一个字符串是否符合规则， * 获取将字符串中符合规则的内容提取出来 */ //创建正则表达式的对象 /* * 语法： * var 变量 = new RegExp("正则表达式","匹配模式"); * 使用typeof检查正则对象，会返回object * var reg = new RegExp("a"); 这个正则表达式可以来检查一个字符串中是否含有a * 在构造函数中可以传递一个匹配模式作为第二个参数， * 可以是 * i 忽略大小写 * g 全局匹配模式 */
订阅 js