爱是与世界平行

前端面试题之JavaScript篇一、数据类型1. JavaScript有哪些数据类型，它们的区别？2. 数据类型检测的方式有哪些3. 判断数组的方式有哪些4. null和undefined区别5. typeof null 的结果是什么，为什么？6. intanceof 操作符的实现原理及实现7. 为什么0.1+0.2 ! == 0.3，如何让其相等8. 如何获取安全的 undefined 值？9. typeof NaN 的结果是什么？10. isNaN 和 Number.isNaN 函数的区别？11. =

前台console调试技巧一、console.log()二、console.warn()三、console.dir()四、console.table()五、console.assert()六、console.trace()七、console.count()八、console.time() & console.timeEnd()九、console.group() & console....

JavaScript常用工具方法1、日期格式化2、将日期字符串转换为Date，字符串格式为（yyyy-mm-dd hh:mm:ss）3、JS获取当天00:00:00时间和23:59:59的时间1、日期格式化/** * 日期格式化 * 格式：yyyy-MM-dd hh:mm:ss */Date.prototype.Format = function (fmt) { var o =...

Java中运行javascript代码1、Java 代码2、JS代码2.1demoWithParams.js2.2demoWithListParams.js原文作者：russle原文地址：Java中运行javascript代码(二)1、Java 代码第一个示例，通过java将json对象传递给js函数第二个示例， 将数组传递给js函数，js需要将其中个别位置的字节数组组合后再转回...

JavaScript中replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符.而str.replace(/-/g,"!")则可以全部替换掉匹配的字符(g为全局标志)。示例：var str = 'abcadeacf';var str1 = str.replace('a', 'o');alert(str1); // 打印结果： obcade...

文章目录JS基本概念JS基本语句JS编程风格JS操作符JS数组用法JS字符串用法编程实践Date 用法鸣谢JS基本概念JS基本语句JS编程风格JS操作符JS数组用法JS字符串用法编程实践Date 用法鸣谢GitHub:lidaguang...

整合一下目前做的项目中JS中用到的相关源码等，留待记录和使用。一、ajaxgrid源码部分1、初始化2、查询3、删除4、保存5、根据id获取值，时间值等6、详情、跳转链接 : a 标签二、ajaxform源码部分1、获取ajaxform中的某个对象三、源码片段1、界面取值、赋值计算等2、级联下拉部分3、0-100的数字校验，小数校验、整数校验4、后台res...

在做项目和学习的时候，经常用到Ajax的相关技术，但是这方面的技术总是运用的不是十分好，就寻找相关博客来学习加深Ajax技术相关。基础Ajax完整代码原文章链接基础Ajaxfunction ajax(a){ var ajax = new XMLHttpRequest(); ajax.onreadystatechange = funct...

概述一个 JavaScript 引擎就是一个程序或者一个解释程序，它运行 JavaScript 代码。一个 JavaScript 引擎可以用标准解释程序或者即时编译器来实现，即时编译器即以某种形式把 JavaScript 解释为字节码。V8 引擎的由来V8 引擎是由谷歌开源并以 C++ 语言编写。Google Chrome 内置了这个引擎。而 V8 引擎不同于其它引擎的地方在于，它也被...

JavaScript引擎谷歌 V8 引擎是流行的 JavaScript 引擎之一。V8 引擎在诸如 Chrome 和 Node.js 内部使用。 引擎包括两个主要组件：动态内存管理 – 在这里分配内存调用栈 – 这里代码执行 即 堆栈结构运行时除了引擎，实际上还有更多其它方面的东西。有被称为 Web API 的东西，这些 Web API 是由浏览器提供的，比如 D...

近几天，公司疯狂加班，然后补做了很多功能，很多东西虽然是自己熟悉的，但是却不会上手，动手实践能力仍需加强，对此对一些代码记录，留待学习和总结。简单描述功能具体实现前台JSP、JS、后台action 源码功能测试简单描述功能首先，根据城市下拉选择框选择城市，然后级联下拉线路，级联下拉城市所对应的所有线路。前台post请求后台，将前台下拉的城市和线路下拉值传递给后...

功能描述：源码：功能描述：实时动态校验，如果输入的格式错误，将弹窗提示输入格式错误并将背景展示为红色。源码：前台：<hy:formfield name="cxfdl" onblur="test2('XXXXXXXX','cxfdl')" title="XXXXXXXX" /><hy:formfield name="pjyjd" ...

文章目录1、标签隐藏显示2、时间戳转换3、radio单选框获取选中4、判断字符串是否为数字类型5、tab标签页实现6、标签点击事件7、jquery跳转链接8、jquery修改图片url9、图片加边框10、实现一个可检索的table11、表格内容固定12、input回车响应13、动态修改placeholder值1、标签隐藏显示<div id="queryExtend"> &l...

功能描述： 要求从后台查询该省份的所有城市，然后动态的再前台固定的tr标签中添加相应的td标签来展示城市基本信息；一、前台jsp及js源码二、后台action一、前台jsp及js源码jsp:在固定的tr标签中添加一个id，通过js方法来获取该tr标签<tr id="lineDrop"> <!-- 在这里面动态的添加td标签。...

JQuery的基本语法<!--导入JQuery文件--><script src="js/jquery-3.1.1.min.js"> /*带min的是压缩后的JQuery*/</script><!--JQuery文档就绪函数文档就绪函数：为了防止文档在完全加载（就绪）之前运行JQuery$(document).ready(function(){ ---jQuery functions

理解DOMjQuery最强大的特性之一就是能够简化在DOM中选择元素的任务。DOM（文档对象模型）充当了JavaScript与网页之间的接口，它以对象网络而非纯文本的形式来表现HTML的源代码。关于DOM的学习，在之前的博客中有总结。用来取得DOM元素树中元素的工具，就是jQuery选择符和遍历方法。使用$()函数通过jQuery的各种选择符和方法取得的结果集合会被包装在jQuery对象中，通过jQ

最近在学习JavaScript，当学习Javascript之后，不得不学习的肯定是jQuery了，所以开始利用网络的便捷浏览各大博客寻找可学习的资源。这篇博客关于jQuery的学习让我有很多收获，也明白了很多jQuery的知识，将其转发保存以学习。选择网页元素jQuery的基本思想和用法就是：“选择某个网页元素，然后对其进行各种操作”。jQuery使用，将一个选择表达式，放进构造函数jQuery()

Javascript内置了一些对用户的交互和其他事件给予响应的方式。为了使页面具有动态性和响应性，就需要利用这种能力。jQuery增强并扩展了基本的事件处理机制。它不仅提供了更加优雅的事件处理语法，而且也极大地增强了事件处理机制。在页面加载后执行任务代码执行的时机选择$(document).ready()是jQuery基于页面加载执行任务的一种主要方式，但并不是唯一的，原生的window.onloa

如果是一个固定的二维码，我们只需要在网上找个地方生成图片，然后放上图片就可以了。但如果是地址不固定需要根据页面来生成的话。就有两种做法，一个是后端根据页面做一个动态的二维码。一种是前端使用插件生成。本文推荐的是一个jQuery二维码插件，它可以根据你设定的地址来生成一个二维码，二维码可以有div格式的，也有Canvas格式的。canvas的支持自定义logo和文字在上面。如何使用$(selector

所谓Web体验，就是Web服务器与Web浏览器之间的合作。过去，都是由服务器生成HTML文档，然后浏览器负责解释并显示该文档。后来，我们可以用CSS技术来动态修改页面的外观。操作属性jQuery实际上是在操作DOM中的className属性。非类属性jQuery提供了.attr()和.removeAttr(）方法，这些方法可以修改属性。通过jQuery还可以一次修改多个属性。.attr()方法也接受

Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)，一个Ajax解决方案涉及如下技术：JavaScript：处理与用户及其他浏览器相关事件的交互，解释来自服务器的数据，并将其呈现在页面上。XMLHttpRequest：这个对象可以在不中断其他浏览器任务的情况下向服务器发送请求。文本文件：服务器提供的XML、HTML或JSON格式的文本数

当我们编写的代码可以供其他人甚至我们自己重用的时候，可以通过将这些代码打包成一个新插件。在插件中使用$别名自定义的插件就应该始终都使用jQuery这个名字来调用jQuery方法，或者也可以在内部定义一个$别名。对于代码比较长的插件来说，很多人觉得不能使用$别名会导致代码难以理解。为了解决这个问题，可以在插件的作用域内定义这个快捷方式，方法就是定义一个函数并马上调用它。这种定义并立即调用函数的语法通常

JQuery语法格式：$(selector).action()美元符号$本身是JQuery对象的缩写选择符selector查询和查找HTML元素Action执行对元素的操作JQuery优势 可以像CSS一样访问和操作DOM 修改CSS控制页面外观 简化JS代码操作 事件处理更加容易 动画效果使用方便 Ajax技术更加完美 大量的基于JQuery的插件 可以自

JS运行原理：JS Engine（JS引擎）Runtime（运行上下文）Call Stack (调用栈)Event Loop（事件循环）Callback (回调)1：JS Engine（JS引擎）JS引擎主要是对JS代码进行词法、语法等分析，通过编译器将代码编译成可执行的机器码让计算机去执行。如JVM虚拟机一样，JS引擎中也有堆(Memory Heap)和栈(Cal

什么是RegExp?RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。通常用于格式验证、正则替换、查找子串等各种编程语言的正则表达式基本相同，不同的语言可能会有一些细小的差别RegExp对象方法test（）test() 方法检索字符串中是否存在指定的值。返回值是 true 或 false。var patt1 = new RegExp('e'

HTML5的元素提供了一组JavaScript API，让我们可以动态地创建图形和图像。图形是在一个特定的上下文中创建的，而上下文对象目前有两种。第一种是2D上下文，可以执行原始的绘图操作，比如：设置填充、描边颜色和模式；绘制矩形；绘制路径；绘制文本；创建渐变和模式。第二种是3D上下文，即WebGL上下文。WebGL是从OpenGLES2.0移植到浏览器中的，而OpenGLES2.0是游

ECMAScript6简称ES6，是Javascript语言的标准。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ECMAScript和Javascript关系：前者是后者的语法规范，后者是前者的一种实现。ES6的新特性let、constlet 定义的变量不会被变量提升，const 定义的常量不能被修改，let 和 const 都是块级作用域ES6前，js

设置为首页和加入收藏夹①：在body标签内输入以下代码：<a onclick="this.style.behavior='url(#default#homepage)'; this.sethomepage('http://blog.youkuaiyun.com/an1090239782');"href="#">设为首页</a><span style="cursor: hand" onclick="windo

全屏显示窗口利用fullscreen=yes可以制作全屏显示窗口。 ①：在body标签内输入以下代码：<div align="center"> <input type="button" name="fullscreen"value="全屏显示" onclick="window.open(document.location,'big','fullscreen=yes')"/

图像是文本的解释和说明，在网页中的适当位置放置一些图像，不仅可以使文本更加容易阅读，而且可以使网页更加具有吸引力。当鼠标指针经过图像时图像振动效果①：在head标签内输入以下代码： <style> .zhendimage{ position: relative; } </style> <script> va

在网页中经常可以看到各种各样的动态时间显示，在网页中合理地使用时间可以增加网页的时效感。显示当前时间getHours()、getMinutes()、getSeconds()分别获得当前小时数、当前分钟数、当前秒数。打开网页文档，在head标签中输入以下代码：<script> function showtime(){ var now_time = new Date(); //创

整理一些学过的js知识点，包括js中3个括号的含义，this的使用，递归，google浏览器的代码调试。Location的属性及常用方法，window对象常用方法，open方法等。js括号在js中，三种括号所对应的不同含义： {} —-对象 [] —-数组 () —-执行this方法var person = { /*对象属性*/ neme: "

万维网是一个动态开发的环境，Web用户对网站的设计和功能都提出了高要求。为了构建有吸引力的交互式网站，开发者借助于如jQuery这样的JavaScript库，实现了常见任务的自动化和复杂任务的简单化。jQuery库设计秉承了一致性与对称性原则，它的大部分概念都是从HTML和CSS的结构中借用而来。jQuery功能jQuery库为Web脚本编程提供了通用的抽象层，使得它几乎适用于任何脚本编程的情形。

事件机制就是通过特定的注册机制，将函数绑定到特定元素的某个事件，在满足一定条件的时候该函数被触发，从而事件特定的功能。通过Javascript这种事件处理机制，可以方便地设计一些自定义的行为，从而增加网页的交互并丰富网页的内容。

BOM是browser object model的缩写，简称浏览器对象模型。它提供了独立于内容而与浏览器窗口进行交互的对象，并且每个对象都提供了很多方法和属性。BOM主要用于管理窗口与窗口之间的通信，因此其核心对象时window。window对象window对象是客户端Javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元

DOM的全称是文档对象模型（即Document Object Model），它在本质上是一种文档平台。文档对象模型（DOM）是表示文档（如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API）。支持Javascript的 所有浏览器都支持DOM，DOM实际上是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的一种语言平台。DOM简介DOM将整个HTML页面文档规

通过jQuery，不仅能够轻松地为页面操作添加简单的视觉效果，甚至能创建更精致的动画。修改内联CSSjQuery提供了.css()方法。这个方法集getter（获取方法）和setter（设置方法）于一身。为取得某个样式属性的值，可以为这个方法传递一个字符串形式的属性名，然后同样得到一个字符串形式的属性值。要取得多个样式属性的值，可以传入属性名的数组，得到的则是属性和值构成的对象。对于backgrou

**Javascript的优化**主要优化的是**脚本程序代码的下载时间**和**执行效率**，因为Javascript运行前不需要进行编译而是直接在客户端运行，所以代码的下载时间和执行效率直接决定了网页的打开速度，从而影响客户端的用户体验效果。

关键字条件语句作用域回调关键字根据规定，关键字是保留的，不能用作变量名或函数名。 下面是一些ECMAScript关键字的完整列表。 break ,case,catch,continue,default,delete,do,else,finally. for,function,if,iInstanceof,new,return,switch,t...

Javascript的作用 表单验证，减轻服务器压力 添加页面动画效果 动态更改页面内容 Ajax网络请求（异步加载数据） —它属于前端的核心，主要用来控制和重新调整DOM，通过修改DOM结构，从而达到修改页面效果的目的。Javascript组成部分 ECMAscript,DOM,BOMECMscript脚本程序语言 语法 标准：语法，变量和数据类型，运算符，逻辑控制语