js

根据打开页面加载不同Js

由 牧云@^-^@ 提交于 2020-02-29 18:42:51
根据打开页面加载不同Js //根据打开页面加载不同JS $(document).ready(function(){ var href = document.URL; /*获取当前页面的URL*/ if (href.indexOf('101.html')>0) /*判断是否包含词 seriw.html 修改成你想要的*/ { $("head").append('<script type="text/jscript" src="js/jquery11.js"></script>');/*在head标签下输入此<script>代码。可以修改成想要的*/ }; /*如果你有多个不同的页面要加载不同的JS，可以将此段复制 if (href.indexOf('www.qq.com')>0) { $("head").append('<script type="text/jscript" src="js/jquery12.js"></script>'); }; */ }); 注：当判断不同页面要求加载不用的js，此方法可以用； 还用别的方法就是在要加载的页面加id ，然后通过判断所在页面的id而加载不用代码； 来源： https://www.cnblogs.com/linyusong/p/5757228.html

js的数组方法(一部分）

由 喜欢而已 提交于 2020-02-29 18:14:03
JavaScript 有许多数组方法说几个简单的方法 toString() 把数组转换为数组值（逗号分隔）的字符串。 1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 document.getElementById("demo").innerHTML = fruits.toString(); 能够将它转化为 1 Banana,Orange,Apple,Mango join() 方法也可将所有数组元素结合为一个字符串。 它和 toString()方法很相似，区别是你可以定义分割符。 1 var fruits = ["Banana", "Orange","Apple", "Mango"]; 2 document.getElementById("demo").innerHTML = fruits.join(" * "); 1 Banana * Orange * Apple * Mango push() 方法（在数组结尾处）向数组添加一个新的元素，并可以返回新数组的长度 1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.push("Kiwi"); // 向 fruits 添加一个新元素 var x = fruits.push("Kiwi"); //

js获取当前日期的前后日期

由 穿精又带淫゛_ 提交于 2020-02-29 17:33:10
var timeArray=null; var currentTime= (new Date).getTime(); for (var i=-13;i<=0;i++){ timeArray.push(getNextDate(currentTime,i)) } function getNextDate(date,day) {//data基准时间的时间戳，day:第几天 var dd = new Date(date); dd.setDate(dd.getDate() + day); var y = dd.getFullYear(); var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() +1; var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate(); return y + "-" + m + "-" + d; } 得到日期数组，例['2020-02-16','2020-02-17','2020-02-18','2020-02-19','2020-02-20'] 来源： https://www.cnblogs.com/xyyl/p/12383880.html

jQuery对象只能使用jQuery提供的方法，不能使用原生js提供的方法

由 为君一笑 提交于 2020-02-29 17:27:50
var img=$(".img"); img.attr("src",url); 这个img是jQuery对象，因此使用jQuery提供的方法.attr来操作属性 var img=new Image();//创建一个<img>标签，这个是原生的js对象 img.src=url; 这个img是原生的js对象，可以使用原生js提供的方法.src 来源： https://www.cnblogs.com/chenyingying0/p/12383838.html

Spring Boot Web开发(二)

由 眉间皱痕 提交于 2020-02-29 17:09:55
RestfulCRUD【实验】 1. 默认访问首页 package com.atguigu.springboot.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ViewControllerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter; /** * ClassName:MyMvcConfig * Package:com.atguigu.springboot.config * Description: * * @Date:2020/2/21 10:30 * @Author:liangshuai@shuaige.com */ @Configuration public class MyMvcConfig

js图片加载效果（延迟加载+瀑布流加载）

由 生来就可爱ヽ(ⅴ＜●) 提交于 2020-02-29 16:34:47
概述 两种图片加载的效果：一种是遇到图片较多时，带读条效果的加载提示；另一种是根据滑块的位置进行预加载，用户不察觉的情况下，实现瀑布流的加载效果 详细 代码下载： http://www.demodashi.com/demo/10656.html 主要做了两种图片加载的效果 一种是遇到页面图片比较多的时候，带读条效果的加载提示（为了验证正确加载，设置了1秒钟的加载间隔时间） 另外一种是根据滑块的位置进行图片的预加载，在用户不察觉的情况下，实现瀑布流的加载效果 一、延迟加载 1、需要准备什么环境 2、需要开通什么服务，如果有的话 3、本例子实现什么功能 二、程序实现 主要思路： HTML的img标签中，将正确的地址存在data-src属性中，给所有图片设置一个转圈圈的loading图片作为background js中，依次读取每一个img，将data-src中的地址替换到src中，去掉background 每成功加载一张图片，进度条的百分比进行相应的变化。 如果加载不成功，就提示图片加载错误。 HTML结构很简单，就是一个div.picList包裹了所有img，然后加上一个简单的进度条div#loadBar <body> <div class="picList"> <img class="lazy" data-src="pic/compressed/picList1.jg"> <img

js高级 事件对象

由 [亡魂溺海] 提交于 2020-02-29 16:30:24
1.常用的事件 　　…… 2.每个元素身上的事件是天生自带的，不需要我们去定义，只需要我们给这个事件绑定一个方法，当事件触发时就会执行这个方法 3.时间绑定的方法 　　1.div.onclick=function(){} DOM0级事件绑定 　　2.div.addEventListener()或div.attachEvent() DOM2级事件绑定 　　二者的区别 　　onclick是这个元素私有的属性，天生自带的，而addEventListener()是公有的属性，从EventTarget（事件源）对象上继承来的 　　Ie低版本的attachEvent是公有的 　　Div.onclick存在事件冒泡机制没有捕获机制 　　Div.addEvenetListener（）可有冒泡可有捕获 　　Div.attachEvent（）只有冒泡机制 4.div.addEventListener和div.attachEvent的区别 　　1.前者有冒泡和捕获机制，后者只有冒泡机制 　　2.事件名前者不带on后者带on 　　3.前者this指向当前元素，后者指向window 　　4.前者是标准浏览器的写法，后者是ie8以下的写法 Arguments 　每个函数都有一个arguments对象，他是这个函数所有参数构造的集合 　　 　上面的控制台式arguments数组中有一个元素叫mouseevent

Nodejs 与 javascript 不可通用的原因

由 て烟熏妆下的殇ゞ 提交于 2020-02-29 15:15:50
1. 三种规范： AMD / CMD / COMMONJS AMD 与 CMD 都属于 COMMONJS 规范，规范提出的目的是为 js 这门松散的语言提供 一致性，标准性 的模块化机制，为开发大型应用，桌面应用，服务后台提供前提。 三种规范分别具有不同的实现， AMD -> requirejs, CMD -> seajs, COMMONJS -> nodejs , 这里只列出比较常见的实现。*** 大体上三种规范重叠性比较大，具体不同请具体查看规范对比 任何上述标准的实现中需要提供 require(), module,module.exports,exports 四个全局对象。 ####2. 一切为了安全： 浏览器 浏览器的与众不同，在于它是一个开放平台式的软件，浏览器只是提供了一些运行环境，而实际的内容贡献者确不是浏览器厂商，为了保证网页发布者的安全，网页浏览者的安全，浏览器不得不限制很多权 限，防止对用户，网页发布者的危害，常见的有： 本地文件操作权限，可执行命令访问权限 等，与网页相关的有 跨域访问限制等。 ####3. 多语言集成 谈到web开发，Html Css Js 算是三个元老级的语言了，其实，从程序的角度来看，html ，css 并不算是一种编程语言，甚至在一定角度上，更像是一种协定好了的配置文件，或者协议栈。所以， 在浏览器中，Js 能够交互的多语言环境

js可拖拽的div

由 青春壹個敷衍的年華 提交于 2020-02-29 15:15:24
function chatDrag(div1) { div1.onmousedown = function (ev) { var oevent = ev || event; var distanceX = oevent.clientX - div1.offsetLeft; var distanceY = oevent.clientY - div1.offsetTop; document.onmousemove = function (ev) { var oevent = ev || event; div1.style.left = oevent.clientX - distanceX + 'px'; div1.style.top = oevent.clientY - distanceY + 'px'; }; document.onmouseup = function () { document.onmousemove = null; document.onmouseup = null; }; }; } var div1 = document.querySelector(".chatContent"); chatDrag(div1); 来源： https://www.cnblogs.com/youngMe/p/6603829.html

何崚谈阿里巴巴前端性能优化最佳实践

由 末鹿安然 提交于 2020-02-29 15:14:57
大家好，我现在在阿里巴巴园区采访阿里巴巴中文站架构师，兼B2B网站优化领域的负责人何崚。何崚你好，请简单介绍一下你自己。 我叫何崚，2006年加入阿里巴巴。之前一直在中科院下属的两个基因方面的研究所，从事一些基因方面的研究。加入阿里巴巴对我来说是一次转行。我在加入阿里巴巴以后，主要是负责中文站的一些架构设计。 我们知道何崚是阿里巴巴B2B网站优化领域的负责人。首先关于页面前端优化这部分，请谈一谈你的主要经验以及针对一些难点问题的解决方案。 目前我们网站页面前端优化主要有两个方向。第一个方向是对网站核心页面基于Wise load的原则做定点性能优化，这方面无外乎就是减少HTTP请求，减少DNS请求时间，减少页面DOM的数量，做一些图片压缩等，大家的思路基本是一样的。值得一提的是，针对特定方向前端优化，阿里巴巴社区开发了一些自动化性能调优工具，例如刚才提到的减少HTTP请求的问题我们开发了一个自动合并CSS和JS静态文件的框架，对于刚才提到的减少页面DOM数这方面我们也有一个前端延迟加载框架，主要负责在页面加载时只加载首屏，用户滚动页面时才去加载二屏或三屏，这样对于网站的性能包括流量都是很大的提升和节约。 我们知道Web I/O也是一个优化很重要的方面，有没有需要特别注意的或是有哪些好的解决方案？ Web I/O在我们网站高并发的应用场景下会有明显的瓶颈。为了提高网站高并发处理能力
订阅 js