Javascript重点汇总

LazyMan 实现LazyMan(什么是LazyMan?请自行google) function _LazyMan(_name) { var _this = this; _this.tasks = []; _this.tasks.push(function() { console.log('Hi! This is ' + _name + '!'); // 这里的this是window,所以要缓存this _this.next(); }); setTimeout(function() { _thi…

JavaScript 重点笔记

JavaScript 重点笔记 ## 数组 // 必须掌握 - arr.length:获取数组元素的长度 - arr.splice(起始位置,长度):从数组中添加或删除元素. - arr.indexOf():获取指定元素在数组中的位置,不存在返回-1 - arr.sort([函数:排序规则]):排序(默认采用字符串顺序排序,数字排序则需要通过自定义函数实现) - arr.join(str):将arr以指定字符连接成字符串 // 次重点 - arr.push():在数组末尾推入指定元素 - arr…

AST抽象语法树——最基础的javascript重点知识，99%的人根本不了解

AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解 javascriptvue-clicommonjswebpackast 阅读约 27 分钟抽象语法树(AST),是一个非常基础而重要的知识点,但国内的文档却几乎一片空白. 本文将带大家从底层了解AST,并且通过发布一个小型前端工具,来带大家了解AST的强大功能 Javascript就像一台精妙运作的机器,我们可以用它来完成一切天马行空的构思. 我们对javascript生态了如指掌,却常忽视javascript本…

学习SVG 重点汇总

什么是SVG? Δ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) Δ SVG 用来定义用于网络的基于矢量的图形 Δ SVG使用XML格式来定义图形 Δ SVG 是万维网联盟的标准 Δ SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 SVG的优势在于? ΔSVG 可被非常多的工具读取和修改(比如记事本) ΔSVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强. ΔSVG 是可伸缩的 ΔSVG 图像可在任何的分辨率下被…

JavaScript要点汇总——The Most Important

关于JavaScript的基础变量,运算符的详解以及基本的分支循环嵌套已经在 JS基础变量及JS中的运算符 JS中的循环分支嵌套说过了,今天我们所说的是做网页中最长用到的东西.内容不算少,要有耐心,慢慢看 1.函数的声明及调用: 函数的声明及调用: 使用函数前要先定义才能调用 1.函数定义有三个部分:函数名,参数列表,函数体定义函数的格式 function 函数名(参数1,参数2,.......){ 函数执行部分: return 表达式: } 函数调用的格式:直接调用:函数名(参数一的值,参…

javascript树形汇总金额

在开发企业应用的时候总会遇到树形汇总金额的场景,即将树形的列表中的叶子节点(没有子节点)的金额汇总到父节点上. 这种需求一般是在前端进行处理,即使用JavaScript处理,因为叶子节点的金额可能是不断改变的,每回变动都请求后台显然不现实. 场景与实现假设有一个主从表的场景.第一点,从表是一个树形的列表,只有叶子节点能填写金额,父节点都汇总其下叶子节点的金额.第二点,主表有一个金额字段,取值汇总自汇总从表中所有根节点(顶级父节点)的金额. 先编写一个遍历从表中所有根节点的方法. functio…

JavaScript学习汇总

对于JavaScript,还是无法割舍,有心无力,时间总是匆匆,暂且都放在这里吧 javascript中this的使用写的很不错的一偏文章,简单看了下,mark了吧原文:http://davidshariff.com/blog/javascript-this-keyword/ 译文:http://blogread.cn/it/article/7315?f=wb 作者告诉我们一个技巧,就是观察方法后面的()左边的对象,是global还是local的来判断,下面的例子简单说明下 <script>…

javascript算法汇总(持续更新中)

1. 线性查找 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>线性查找</title> </head> <body> <p>数组为:[2,4,6,23,53,545,65,3,24,5,3,6]</p> <p>输入要查的值:<input…

javascript重点笔记

操作符之间的优先级(高到低):算术操作符 >比较操作符 >逻辑操作符 >"="赋值符号算术运算符…

JavaScript操作符汇总

操作符 JavaScript 有赋值.比较.算术.位.逻辑.字符串和特殊运算符.本章描述了操作符,以及关于操作符优先级的一些信息. 表 2.1 JavaScript 所有操作符简明列表. 表 2.1 JavaScript 操作符操作符分类操作符描述算术操作符 + (加法) 将两个数相加. ++ (自增) 将表示数值的变量加一(可以返回新值或旧值). - (求相反数,减法) 作为求相反数操作符时返回参数的相反数.作为二进制操作符时,将两个数相减. -- (自减) 将表示数值的变量减一(可以…

JavaScript -- 知识点汇总

js语法 1. javascript数据类型 JavaScript拥有动态类型.这意味着相同的变量可用作不同的类型:有字符串,数字, 布尔值, 对象, 数组,Undefined和Null 对象: var person={ firstname : "John", lastname : "Doe", id : 5566 };对象属性有两种寻址方式:name = person.lastname;name = person["lastname"]; U…

JavaScript重点知识（二）

三.JS的API 3.1知识点(DOM) 1)DOM本质将html结构化成浏览器和JS可识别可操作的东西 2)变量计算---强制类型转换获取DOM节点 Attribute(对html标签属性的修改) prototype(对JS对象的属性修改) 3)DOM结构操作增加DOM节点 .appendChild( ) 获取父元素 .parentElement 获取子元素 .childNode 删除节点 .removeChild( ) 3.2知识点(BOM) 1)navigator .user…

Javascript知识点汇总-初级篇

JavaScript的数据类型都有什么? 基本数据类型:String,Boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegExp,Function) 那么问题来了,如何判断某变量是否为数组数据类型? 方法一.判断其是否具有“数组性质”,如slice()方法.可自己给该变量定义slice方法,故有时会失效方法二.obj instanceof Array 在某些IE版本中不正确方法三.方法一二皆有漏洞,在ECMA Script5中…

Javascript 基础汇总

1 javascript字符串属性:.length 计算字符串长度转义字符 \ \n 换行 \r 回车字符串断行需要使用反斜杠 \ 2 字符串方法 charAt(n) 返回指定索引位置的字符 str.concat(str) 连接两个或多个字符串,返回连接后的字符串 indexOf('str') 返回指定字符在字符串中第一次出现的位置若果没找到返回-1 lastIndexOf() 返回指定字符在字符串中最后一次出现的位置 startsWith() endWit…

Smarty模板重点汇总

Smarty模板重点回顾:1.功能:前后端分离:2.实现方法:通过使用Smarty的核心类来实现,利用display方法来读取模板文件,用正则进行替换,替换完保存到临时文件,再将临时文件加载到当前页面显示:3.配置文件(入口文件):对Smarty类进行实例化,规定文件存放路径:4.如果要在页面中使用Smarty模板,需要将配置文件引入到页面中:5.浏览器要访问的页面是后台页面(.PHP),最终显示在浏览器中的是模板页面(.html或.tpl)6.模板页面中的文件路径都是相对于后台页面,如果不…

JavaScript重点记忆

String的常用方法 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 match() 找到一个或多个正则表达式的匹配 replace() 替换与正则表达式匹配的子串 split() 把字符串分割为子字符串数组 substr() 从起始索引号提取字符串中指定数目的字符 substring() 提取字符串中两个指定的索引号之间的字符 trim() 移除字符串首尾空白 var person = null; …

HTML+Css+JavaScript知识点汇总

HTML 部分 HTML基础知识 1. HTML简介 HTML(Hypertext Markup Language),超文本标记语言,HTML利用各种标记来标识文档的结构以及标识超链接的信息.它是从SGML(Standard Generalized Markup Language,标准通用标识语言)中的一个子集演变而来的. 2. HTML的标记组成 HTML用于描述功能的符号称为“标记”.标记在使用时必须用尖括号“<>”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表…

前端Javascript效果汇总

1.DOM原生动态加载js <script type="text/javascript"> function loadJs(){ //得到html的头部dom var theHead = document.getElementsByTagName('head').item(0); //创建脚本的dom对象实例 var myScript = document.createElement('script'); myScript.src = './demo.js'; /…

盒模型、position、float详解css重点汇总

元素类型 HTML 的元素可以分为两种: 块级元素(block level element) 内联元素(inline element 有的人也叫它行内元素) 两者的区别在于以下三点: 块级元素会独占一行(即无法与其他元素显示在同一行内,除非你显式修改元素的 display 属性),而内联元素则都会在一行内显示. 块级元素可以设置 width.height 属性,而内联元素设置无效. 块级元素的 width 默认为 100%,而内联元素则是根据其自身的内容或子元素来决定其宽度. 最常见块级元素应该…

JavaScript重点知识（一）

一.总括基础知识: 1.变量 2.原型和原型链 3.作用域和闭包 4.异步和单线程 JS的API: 1.BOM,DOM操作 2.事件绑定 3.Ajax 4.JSOP 5.存储二.基础知识 2.1知识点(变量) 1)变量类型值类型(基本类型)VS引用类型(对象.数组.函数) typeof运算符 2)变量计算---强制类型转换字符串拼接 ==和===运算符 if语句逻辑运算问题: ①何时用==和===:if(obj.a==null)相当于if(obj.a===null || obj.a=…

JavaScript类库汇总

日期处理Moment.js http://momentjs.cn/ http://momentjs.com/ nodejslinq,jslinq http://jslinq.codeplex.com/ http://www.cnblogs.com/Leo_wl/p/4050371.html…

javascript 问题汇总（1）

1 jquery ajax提交有参数的请求,提示错误“Unsupported Media Type“ 解决:ajax 设置添加 contentType: "application/json"…

JavaScript兼容性汇总

一般兼容性问都体现到DOM和事件上只聊ie6+版本浏览器,希望小伙伴们别纠结更低版本浏览器哈^_^ DOM 获取元素 document.getElementsByclassName 不兼容ie6 7 8 解决方法: function getByClass(oParent,sClass) { var aResult=[]; var aEle=oParent.getElementsByTagName("*"); var re=new RegExp("\\b"+sC…

(转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用代码和事件汇总. 一.基础知识: 1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,scr…

JavaScript 归纳

MDN 本文以 NodeJS 为交互解释器实验尽量遵循 ES6 标准 javascript 重点 1.javascript 是单线程,通过 EventLoop 实现模拟异步,其中包括宏任务,微任务 2.尽可能最多使用 let , var 缩小作用域 3.原型链 4.写 javascript 在大多数时候我们是在避免如何陷入陷阱 (难怪别人在说辣鸡语言,毁我青春...) 5.期待 js 新的标准会越来越规范,毕竟 javascript 已经盘踞许久,在浏览器端具有很多优势较快: JavaS…

Geoserver+Openlayers拉框查询

1.代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>OpenLayers</title> <link rel="stylesheet" href="geoserver/ol.css"…

PHP全栈工程师学习大纲

一.高性能网站开发功力提升时间标题内容概要 2015-12-28 开学典礼以及工程师成长路线图工程师成长的发展路径图.三个阶段,在各个阶段需要提升自己的地方,从技术上也讲了一些提高分析代码的工具和方法,如SocketLog 等 2015-12-30 一个好的页面是怎么炼成的及HTML5 应用介绍分析如何写优化的 HTML代码.语义.响应式设计,Less.Bootstrap的使用,介绍HTML5对HTML.CSS3.JS的改进,以及相关 WebApp 与Hybrid App等,需要讲到混…

web基础--html

WebBasic 1.web应用体系课程大纲 1.web基础:做网页 2.结构: a.html 勾勒网页结构及内容 b.css 美化网页 c.JavaScript<重点> 呈现动态数据和效果 3.JavaScript: --Java程序员使用JS实现页面的业务逻辑 --美工做出静态页面(html+css) 设备 Chrome.…

JS学习笔记-数组

ECMAScript中没有提供类和接口等的定义,但它却是一门面向对象的语言,由于它能够通过其它方式实现类似高级语言的面向对象功能,这些内容将在后面的文章中进行一步步的总结.此篇仅对JS中对象作简要说明,重点汇总一些类似于对象的数组的经常用法. 对象创建上篇提到创建对象的两种方式: 使用new运算符创建Object var obj = new Object(); 使用字面量方式创建 var obj = {}; 这里值得注意的是在使用字面量(常量)创建Object时不会调用构造函数. 属性…

前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)

0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating development workflow gulp - The streaming build system use-gulp grunt - the JavaScript Task Runner F.I.S - 前端集成解决方案 Web Starter Kit - 一个Google 提供的帮助开发者快速设置项目的工具…

【Javascript重点汇总】的更多相关文章