#Javascript忍者秘籍

用JavaScript更新CSS变量

HTML<divclass="mover"></div>CSS.mover{width:50px;height:50px;background:red;position:absolute;left:var(--mouse-x);top:var(--mouse-y);}JSletroot=docu...
代码星球 ·2020-04-05

javascript代码模块化解决方案

我们用模块化的思想进行网页的编写是为了更好的管理我们的项目,模块与模块之间是独立存在的,每个模块可以独立的完成一个子功能。一、服务器和桌面环境中的Javascript代码模块化:CommonJSModules/2.0规范,特点是同步加载。  CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的...

基于 es6 的 javascript 实用方法

一、求数字数组的平均数-使用数组的reduce()方法将每个值添加到累加器,初始值为0,总和除以数组长度。constaverage=arr=>arr.reduce((accumulator,currentValue)=>accumulator+currentValue,0)/arr.length;//ave...

SpringMVC 拦截器(interceptors)对样式(css),JavaScript(js),图片(images)链接的拦截

因为在web.xml配置了<servlet-mapping><servlet-name>appServlet</servlet-name><url-pattern>/</url-pattern></servlet-mapping>导致对所有连接都会...

javascript 基础教程[温故而知新一]

子曰:“温故而知新,可以为师矣。”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了。“尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身。不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东...

javascript动态创建script标签,加载完成后调用回调

代码如下:varhead=document.getElementsByTagName('head')[0];varscript=document.createElement('script');script.type='text/javascript';script.charset='GBK';script.onloa...

javascript的toString深入探究

toString()方法是所有对象都有的一个方法,无论是字符串,数组,对象,都可以调用这个方法,但是,事实上,他们调用的并不是同一个函数哦!看下面的代码:varstr='123';console.log(Object.prototype.toString===str.toString);//falseconsole.l...

angular学习笔记(六)-非入侵式javascript

这篇主要讲解非入侵式javascript.在传统的前端开发中,把js写在html中,称为入侵式的javascript:<spanid="select_area"onclick="..."</span>这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉.但是,angular通过改进,...

javascript高级:原型与继承

原型继承的本质就是一条原型链,对象会沿着这条链,访问链里的方法属性.对象的__proto__属性就是用于访问它的原型链的上一层:考虑以下对象:1.所有对象的原型:Object.prototype2.所有函数的原型:Function.ptototype3.函数的构造函数:Function4.对象的构造函数:Object5...

javascript原型继承---constructor篇

很多人对constructor的理解是指向对象的构造函数,今天才发现这种理解是有偏差的...其实,constructor指向的不是实例化实例的构造函数,而是实例化该对象的构造函数的原型的构造函数以这个实例为例,p.constructor指向的是Person.prototype的构造函数<scripttype="t...

javascript原生bind方法ie低版本兼容详解

上一篇文章讲到了javascript原生的bind方法: http://www.cnblogs.com/liulangmao/p/3451669.html 这篇文章就在理解了原生bind方法的原理以后,自己写一个原型bind方法,来兼容ie低版本浏览器: bind方法一共做了三件事:1.改...

javascript原生bind方法详解

bind()方法,是javascript原生的函数类的一个原型方法(即Function.prototype里的方法),不支持ie低版本. 基本格式:function.bind(obj1,obj2,obj3...);其中,function是一个方法属性obj1是执行此方法的this上下文obj2及之后的参数,是...

用原生javascript写出jquery中slideUp和slideDown效果

设置块级元素的CSS属性overflow为hidden,然后动态改变height即可 varheader=document.getElementsByTagName('header')[0];header.style.transition='height500ms';header.style.overflow...

javascript中new Date()的浏览器兼容性问题

正确的做法:[html]var time1 = (timestart+' 00:00:00').toString();  var time2 = (timeend+' 23:59:59').toString();&nbs...

编写高质量 JavaScript -- 知识点小记

 一: 团队合作避免JS冲突脚本中的变量随时存在冲突的风险,1.  解决办法---用匿名函数将脚本包起来,让变量的作用域控制在匿名函数之内如: <scripttype="text/javascript">(function(){vara=123,b="121...
首页上一页...9394959697...下一页尾页