JS
Liekkas_BX
心中的两个梦想汇成一句话:天道酬勤,追梦晚霞。当你眼中只看到了梦想,哪管路途中的阻碍?
展开
-
jQuery 笔记 —— $.each、$().each方法 与 选择器过滤写法
一、$.each 与$().each简单区别:$.each 参数可对任意对象进行操作,$().each 可见是对选择器所选的元素进行操作。原理:是通过call 与apply 方法实现的。$.each 用法一:var obj = {id:"id",name:"name"};$.each(obj,function(){ //此处this 指代当前遍历到的obj原创 2017-10-09 23:13:22 · 3829 阅读 · 0 评论 -
jsonp —— 跨域请求遇到的问题,服务接口返回View 对象才成功
项目中用了cas 作为SSO 实现。则系统跨域请求似乎必须满足三个条件才能成功返回数据(json):1、ajax请求数据类类型dataType 必须为jsonp2、请求的接口必须要使用SSO 的客户端进行验证3、请求的接口返回类型不能为Map对象(试过不成功),改为View 对象才成功,对于能否返回String 类型没验证。示例:项目A 中ajax请求:原创 2017-10-10 00:06:50 · 789 阅读 · 0 评论 -
JS 基础 —— JavaScript 关键字(keyword)与保留字
一、JavaScript 所有关键字:breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith主要想学习几个不怎么了解的关键字:1、default原创 2017-09-28 22:35:09 · 21790 阅读 · 3 评论 -
JS 基础 —— JavaScript数据类型与对象
一、JavaScript 五种基本数据类型五种基本数据类型:Undefined、Null、Boolean、Number、String。除上五种基本数据类型外,JavaScript还有引用类型(即 class类型),包含上述基本类型的对象表示与Date类型、Math类型、Regex类型等。首先介绍一个运算符:typeof。对变量或值调用typeof将返回对应的该变量或值的类型:u原创 2016-09-28 11:23:25 · 602 阅读 · 0 评论 -
JS 基础 —— Function 构造器及其对象、方法
一、基础Function 是一个构造器,能创建Function对象,即JavaScript中每个函数实际上都是Function 对象。构造方法:new Function ([arg1[, arg2[, ...argN]],] functionBody)说明:arg1、arg2等为构造器的参数,functionBody为方法体。注意:参数必须用引号包围!实例:var plus原创 2016-10-18 00:21:18 · 7876 阅读 · 0 评论 -
JS 基础 —— ECMAScript 引用类型
一、Object 对象属性ECMAScript 中的 Object 对象与 Java 中的 java.lang.Object 相似,ECMAScript 中的所有对象都由这个对象继承而来,Object 对象中的所有属性和方法都会出现在其他对象中,所以理解了 Object 对象,就可以更好地理解其他对象。1、属性constructor:对创建对象的函数的引用(指针)。对于 O转载 2017-10-05 17:38:59 · 432 阅读 · 0 评论 -
JS —— 事件 Event
Web API Event接口:https://developer.mozilla.org/zh-CN/docs/Web/API/Event目录:一、Event 接口简介二、事件源(target)与事件(event)三、事件监听器(eventListener)四、创建事件与自定义事件实践五、绑定事件监听器实践一、Event 接口简介E原创 2017-10-29 15:12:30 · 846 阅读 · 0 评论 -
JS —— 跨域问题全解与jsonp 原理理解
前端时间一直在做跨域请求相关的工作,被一些问题困住了,最后不得不用jsonp 方式请求数据,直到今天网上看了下jsonp 的实现原理,才意识到之前的跨域问题实质上还是没有解决。所幸的是,看了几篇不错的资源,算是把跨域相关的问题弄清楚了。下面将先简单介绍jsonp 原理,之后再整理若不用jsonp ,跨域时可能遇到的问题,及解决方法、相关的知识点。一、jsonp 原理背景原创 2017-10-10 11:27:42 · 2836 阅读 · 0 评论 -
JS —— Http unsupported media type 415 错误
后端使用Spring 框架,接口为:@ApiOperation(value = "添加表单元素型",httpMethod = "POST",notes = "添加表单元素", produces="application/json",tags = {"lims-service-tms"})@ApiImplicitParam(paramType = "body",name = "fiel原创 2018-01-03 12:26:49 · 2313 阅读 · 0 评论 -
JS 基础 —— BOM
浏览器可视为一个对象,即window 对象,与浏览器相关的文档(document)、屏幕(screen)、历史记录(history)、当前访问位置(location)、浏览器信息(navigator)都是其属性,而定时器、模式弹窗等都是其方法。window的子对象可不写window.前缀。一、window对象属性:window.innerHeight:当前html页面的高度(注原创 2017-07-18 09:44:43 · 457 阅读 · 0 评论 -
JS 基础 —— JS 与 jQuery 操作DOM 对比
对于新手,学的东西多了、杂了,难免混淆,例如PHP 中数据类型数字对应有int与float,而JS 中只有number,故在此记录笔记对比JS 与jQUery操作DOM 的区别。一、设置/获取内容JS:innerHTML属性document.getElementById('test').innerHTML='新内容';//内容中可包含标签,标签将以样式显示jQuery:原创 2016-10-13 11:38:41 · 706 阅读 · 0 评论 -
JS 基础 —— ECMAScript 对象 笔记
一、面对对象语言的四种基本能力封装:把相关的信息(无论数据或方法)存储在对象中的能力聚集:把一个对象存储在另一个对象内的能力继承:由另一个类(或多个类)得来类的属性和方法的能力多态:编写能以多种方法运行的函数或方法的能力感觉理解又提高了。二、对象使用主要记录下对象废除、对象属性的早绑定与晚绑定。1、对象废除:ECMAScript 拥有无用存储单元转载 2017-10-06 10:37:41 · 372 阅读 · 0 评论 -
JS —— JSON
创建方法:1、通过字符串解析得来:(1)、eval("("+txt+")")。(不太建议)(2)、JSON.parse(txt)。即解析器解析得到。使用:1、使用存放于外部的JSON对象:实际上,.json可以是任何名字,只要与原文件名与格式一样就能读取,取格式名为json只是一个标准。2、html中使用JavaScript创建JSON对象:原创 2016-10-09 19:50:28 · 316 阅读 · 0 评论 -
JS —— 鼠标位置 与 相关属性 及 js undefined 与 null 区别
一直理不清鼠标位置相关属性,在此整理下,彻底理解!一、鼠标位置帮助实例运行此实例,关于鼠标位置的相关问题将不再是问题! 鼠标位置 body{ background-color: pink; width:150%; height: 1500px; } p + p{ text-indent: 2em; } fieldse原创 2017-09-05 16:07:05 · 700 阅读 · 0 评论 -
jQuery 笔记 —— AJAX:ajax()、get()、post()
一、$.get() 方法jQuery.get(url,[data],[callback],[type])url:请求的页面地址data:待发送的Key/value参数callback:成功时的回调函数type:返回内容的格式,html、xml、script、json、text、_default示例:$.get("test.html",{key1:"value1",k原创 2017-07-20 14:29:42 · 1291 阅读 · 0 评论 -
css —— 选择器优先级及jQuery遍历元素常用方法
一、部分常用css选择器1、子元素选择器:>作用:只选取直接子元素。优点:使html元素层次很清晰的呈现。2、相邻兄弟元素选择器:+作用:选取相邻兄弟元素中的第二个。适用于兄弟元素(可以是不同元素)第一个与后面的(某个或所有)样式不一样的场合。例:背景1背景2择若为div内部两个标签设置不同背景,css可为:div a { backgroun原创 2016-07-26 09:23:23 · 2411 阅读 · 0 评论 -
AJAX —— 局部更新与 请求Servlet
此篇日志主要想记录两点:AJAX 与表单提交、超链接的区别;对请求 Servlet 的理解及注意事项。一、AJAX 请求特点AJAX 与表单提交的区别:先看一个实例:用于请求的页面:ajaxRequest.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding原创 2017-05-04 22:06:54 · 2118 阅读 · 0 评论 -
JS——笔试点滴记录2——字符串相关
一、相关题目1、字符串替换题目:将"sdfa sdksdk xsdkakdg"中"sdk"替换成"-replace-"。分析:传统方法:可使用split函数将字符串拆分成几个子串,再在适当位置加入需要替换的字符串,重新组合得到结果。使用js特有函数实现:通过正则表达式的test等方法,与js中String对象的replace方法快速实现。传统方法编码:var str原创 2016-10-26 14:58:07 · 313 阅读 · 0 评论 -
JS——笔试点滴记录1——闭包与this及方法
笔试点滴类记录一些笔试遇到的题目,不一定有难度,但一定有所收获与启发。1、题目:编写一个函数mul,使下面成立:alert(mul(3)(4)(5));//提示60alert(mul(2)(4)(5));//提示40分析:结果为3个数的累积,且是用三个函数分次输入这3个数。要使后面的函数能使用前面的函数的参数,可采用典型的闭包实现。当时的具体实现:(测试正确)func原创 2016-10-26 11:45:04 · 449 阅读 · 0 评论 -
JS——函数形参匹配与return语句
这是类别《小知识点》的第一篇,特此说明,此类别记录一些计算机、编程语言等相关的杂散知识点,有的是笔试时遇到的题目,虽然不一定有参考价值(因为有的题目完全是为了笔试而设,谁会写一些开发中根本不符规范,可读性很差的函数或是类呢?),但多少是有点帮助的。一、JS 函数形参1、JS形参不能赋初值,且默认类型与值为undefinedphp、c/c++、java中函数形参可赋初值,从而可省原创 2016-10-17 13:49:03 · 725 阅读 · 0 评论 -
JS —— Uncaught TypeError: Cannot read property 'slice' of undefined 错误
JS Array 对象的slice 方法:arrayObject.slice(start,end)参数说明:start:必需。规定从何处开始选取(为索引,从0开始)。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参原创 2017-09-27 15:06:43 · 35539 阅读 · 0 评论 -
JS —— 笔记,$("document").ready() 中ajax 与 $.ajax() 及同步异步优先级问题
jQuery 所有方法(包括 $.load()等)默认都是异步执行的,所以,它们具有相同的执行顺序优先级。此时谁先执行取决于位置前后顺序。关键想记录的一点是,若将某个这类AJAX 方法改为同步的,即async: true,则其执行优先级降低,它会晚于异步的请求方法执行,即使位置靠前。所以当后面的请求方法依赖于前面的请求所得到的数据时,两个方法执行优先级必须至少相同,或前者大于后者。原创 2017-09-23 16:22:58 · 4801 阅读 · 0 评论