js | 易学教程

js轮播图

阅读更多关于 js轮播图

<html> <head> <meta charset="utf-8"> <title>轮播图</title> <style type="text/css"> *{margin:0 auto; padding:0;} #lbt{ width:800px; height:500px; overflow:hidden; margin-top:50px;} .tu{ width:800px; height:500px; display:none;} #key{ width:750px; height:0px;} #kleft{ width:50px; height:50px; background-color:#FFF; border-radius:25px; float:left; position:relative; top:-275px; opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); font-size:36px; color:#000; line-height:50px; text-align:center;} #kright{ width:50px; height:50px; background-color:#FFF; border-radius:25px; float:right; position

js 轮播图

阅读更多关于 js 轮播图

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{margin:0;padding:0;} img{vertical-align: top;} .box{width: 500px;height: 200px;border: 1px solid #ccc;margin: 100px auto;padding: 7px;position: relative;} .box li{list-style: none;} .screen{width: 500px;height:200px;position: relative;overflow: hidden;} .screen ul{position: absolute;width: 3000px;left: 0;top:0;} .screen li{float: left;overflow: hidden;} .box ol{position: absolute;right: 10px;bottom:10px;line-height: 20px;text-align: center;} .box ol li{width: 20px;height: 20px;float

js轮播图

阅读更多关于 js轮播图

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; } img{ display: block; } .banner{ width: 600px; height: 350px; margin: 50px auto; position: relative; border: 1px solid #000; overflow: hidden; } .list{ width: 5000px; } .list li{ float: left; } .btn{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; } .btn li{ float: left; width: 30px; font: 14px/30px "微软雅黑"; text-align: center; border-radius: 50%; background: deeppink; color: #fff; cursor: pointer; margin: 0 5px; } .banner>a{

js轮播图

阅读更多关于 js轮播图

<!DOCTYPE html"> <html" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>images slide</title> <style type="text/css"> * { margin: 0px; padding: 0px; } li { list-style: none; } img { border: 0; } a { text-decoration: none; } #slide { width: 530px; height:300px; box-shadow: 0px 0px 5px #c1c1c1; margin: 20px auto; position: relative; overflow: hidden; } #slide ul { position: absolute; left: 0px; top: 0px; height:300px; width: 11930px; } #slide ul li { width: 530px; height: 300px; overflow: hidden; float: left; } #slide .ico { width:

js中的同步异步运行机制及promise、异步函数

阅读更多关于 js中的同步异步运行机制及promise、异步函数

1.js先执行同步代码，异步代码放在异步队列中等待。 2.异步函数不阻塞后续代码执行，所以异步函数return拿不到返回结果，需要使用回调函数将代码放在异步代码中。 3.要想解决的话使用就异步按同步执行会出现回调地狱。使用Promise可以解决。 4.但是promise还不够简便，然后就有了async异步函数配合 await。注意await后面接收Promise对象并解析其结果。 5.异步函数默认的返回值是promise对象，await如果此步骤没有返回值，就暂停当前函数的执行。在异步函数中使用throw可以抛出异常。来源： CSDN 作者： MambaCoding 链接： https://blog.csdn.net/Clearlove_8/article/details/104145016

<%@ taglib uri=\"http://java.sun.com/jsp/jstl/core\" prefix=\"c\"%>报错

阅读更多关于报错

jsp界面想要使用c:if标签，结果使用后报错说找不到这个标签，最后发现缺少<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>这个引用，加上这行代码后又报错经查找，原因为缺少这两个jar包。解决方法：这两个jar包位于tomcat目录下apache-tomcat-8.0.20\webapps\examples\WEB-INF\lib这个位置复制到apache-tomcat-8.0.20\lib下，再重新刷新项目即可！来源： https://www.cnblogs.com/qilin20/p/12254370.html

eclipse智能提示，java，html，js

阅读更多关于 eclipse智能提示，java，html，js

eclipse默认是没有智能提示的，但是我们可以打开智能提示。 java文件的智能提示： Windows→Preferences→Java→Editor→Content Assist 勾选Enable auto activation，第一项响应时间可以设置小一点；第二项填充 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ ；第三项可不用设置。 html智能提示设置：如图：Windows→Preferences→Web→HTML Files→Editor→Content Assist 设置如图：<=abcdefghijklmnopqrstuvwxyz js智能提示：同理：设置参照java。来源： CSDN 作者：小白阿文链接： https://blog.csdn.net/qq_37719778/article/details/104147428

JS-异步

阅读更多关于 JS-异步

回调函数 Promise RXJS 例子使用 angular 框架，创建了一个服务和一个组件服务 // promise 是 es6 新功能，不用导入第三方包 // rxjs是angular自带类，所以直接导入 import { Observable } from 'rxjs' ; public getCallbackType ( cb ) : void { setTimeout ( ( ) => { let type : string = "data by callback" ; cb ( type ) ; } , 1000 ) } public getPromiseType ( ) : any { // resolve 成功，reject 异常 return new Promise ( ( resolve , reject ) => { setTimeout ( ( ) => { let type : string = "data by promise" ; resolve ( type ) ; } , 1000 ) } ) } public getRxjsType ( ) : any { // observer.next 成功，observer.error 异常 return new Observable ( ( observer ) => { setTimeout (

JS - defer 和 async

阅读更多关于 JS - defer 和 async

普通 <script src="script.js"></script> 没有 defer 或 async ，浏览器会立即加载并执行指定的脚本，“立即” 指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。 async <script async src="script.js"></script> 有 async ，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。 defer <script defer src="myscript.js"></script> 有 defer ，加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后， DOMContentLoaded 事件触发之前完成。（注意：带有 defer 属性的脚本执行也不一定按照顺序执行）参见 javascript - defer 和 async 的区别 - SegmentFault 思否来源： https://www.cnblogs.com/jffun-blog/p/11108402.html

今天遇到的js的问题（ajax赋值与多次绑定）

阅读更多关于今天遇到的js的问题（ajax赋值与多次绑定）

get方法返回值并赋值给全局变量undefined的问题因为ajax是异步调用，所以在赋值return的时候，response还没有回来，所以造成返回了undefined值的现象解决方法：将ajax的异步调用置为false，如： $.ajax({ type:'GET', url:"“, dataType:'json', async:false, success:function(data){ response = data; } }); 事件多次绑定问题当点击一次click事件之后未刷新状态下点击第二次将再次绑定click事件，因此会进行重复调用解决方法参考 https://blog.csdn.net/GSCurry/article/details/71857127 来源： CSDN 作者： Shantel Wong 链接： https://blog.csdn.net/sinat_33758988/article/details/104141633