var方法

*/ /*--> */ /*--> */ /*--> */ /*--> */ 一、简单的一些介绍 1.jQuery是由普通的是由一些系列操作DOM节点的函数和一些其他的工具方法组成的js库。 2.为什么要使用jQuery库？ 　　jQuery面向用户良好的设计在使用过程中彻底解放了记忆原生操作DOM的接口。 　　 jQuery中包含了可重用的函数，用来辅助我们简化JavaScript开发。 　　jQuery在半数以上并没有复杂交互的网站中得以大量使用，因为他们需要的仅仅是一些兼容低级浏览器又有炫酷效果动画的页面。 　　 jQuery改变了数百万人编写JavaScript的方式，当然部分人已经觉得时过境迁，组件化，工程化大行其道，但不要忘记jQuery对前端开发者的启蒙意义！且很多公司项目依然需要使用。 3.jQuery注意点： 　　jQuery知识辅助工具，不能完全替代js，二者并存的方式出现在项目中； 　　 jQuery很庞杂，先学使用再学思想。 　　jQuery方法很多，按需学习，把常用的学透彻。 　　 jQuery API使用时可以现查现用，不难理解。 4.引入jQuery库：cdn:http://www.jq22.com/cdn/#a2 5.jQuery官网：中文： https://www.jquery123.com/ 英文原版： https://jQuery.com/ 二

JavaScript概述 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。 该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。而是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。 因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。 ECMAScript的历史 年份 名称 描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式 添加try/catch ECMAScript 4 没有发布 2009 ECMAScript 5 添加"strict mode"严格模式 添加JSON支持 2011 ECMAScript 5.1 版本变更 2015 ECMAScript 6

1、什么是DOM？ DOM 是 W3C（万维网联盟）的标准。 DOM 定义了访问 HTML 和 XML 文档的标准： "W3C 文档对象模型（DOM）是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。" W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 什么是 XML DOM？ －－－－>XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法。 什么是 HTML DOM？－－－－>HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。 2、DOM 节点 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点(NODE)： 整个文档是一个文档节点(document对象) 每个 HTML 元素是元素节点(element 对象) HTML 元素内的文本是文本节点(text对象) 每个 HTML 属性是属性节点(attribute对象) 注释是注释节点(comment对象) 画dom树是为了展示文档中各个对象之间的关系，用于对象的导航。 节点(自身)属性: attributes - 节点（元素）的属性节点 innerHTML - 节点（元素

JavaScript 是一种通用的网络脚本语言，常用来为网页改进设计、验证表单、添加动态功能等，实现用户交互。 JavaScript 是一门轻量级，解释型，基于原型，面向对象，弱类型的网络脚本语言。 解释型：无需编译，在程序运行中逐行进行解释执行。 弱类型：对使用的数据类型不严格要求。 面向对象：JS 基本对象，DOM 对象，BOM 对象。 跨平台：不依赖于操作系统，仅需要浏览器的支持。 1.行内js： <input type="button" value="js" onclick="javascript:alert(‘hello‘)" /> 2.内部js： <script> js代码 </script> 3.外部js：外部js文件 4.引入外部js文件： <!--引入外部js--> <script type="text/javascript" src="js/index.js"></script> 1.单行注释： // 单行注释 2.多行注释： /* 多行注释 */ alert(); //弹出框输出 console.log(); //在console显示 document.write(); //写入HTML文件中 JS 标识符命名 规则： ①见名知意 ②驼峰命名法：首个单词全小写，之后的单词首字母大写。 ③ abc123_$ ④不能以数字开头 ⑤不能使用关键字 ⑥严格区分大小写

var main = main || {}; ; (function (main) { 'use strict'; //私有变量 var _s1 = 'Hello '; var _s2 = 'World!~'; //私有方法 var _func = { helloWorld: function (str1, str2) { return str1 + str2; } }; //公有方法 main.method = { add: function (a, b) { return a + b; }, subtract: function (a, b) { return a - b; }, multiply: function (a, b) { return a * b; }, divide: function (a, b) { return a / b; }, total: function (a, b) { return _func.helloWorld(_s1, _s2) + this.add(a, b) + this.subtract(a, b) + this.multiply(a, b) + this.divide(a, b); } }; //将公有方法返回 return main.method; })(main); var t = main.method.total(1, 1

本文转载于: 猿2048 网站▷ https://www.mk2048.com/blog/blog.php?id=kiaa0aiib 写在前面 React 开发一年多，最近仔细研究了 React 源码，在这里总结一下原理。React 源码比较复杂不适合初学者去学习。所以本文通过实现一套简易版的 React，使得理解原理更加容易（本文基于 React v15）。包括： React 的几种组件以及首次渲染实现 React 更新机制的实现以及 React diff 算法 React 的代码还是非常复杂的，虽然这里是一个简化版本。但是还是需要有不错的面向对象思维的。React 的核心主要有一下几点。 虚拟 dom 对象（Virtual DOM） 虚拟 dom 差异化算法（diff algorithm） 单向数据流 组件声明周期 事件处理 本文代码仓库 直接在游览器中打开 main.html 中查看效果 更改代码请先执行执行 npm i 安装依赖(使用了部分 es6 代码) 修改代码后请执行 npm run dev 重新编译代码 实现一个 hello React！的渲染 看如下代码： // js React.render('hello React！',document.getElementById("root")) // html <div id="root"></div> // 生成代码

一、直接用 <script> 引入vue.js 直接下载并用 <script> 标签引入， Vue 会被注册为一个全局变量。 <div id="app"></div> <script src="vue.js"></script> <script> var vm = new Vue({ el: '#app', data: {}, components: {}, created: function() {}, methods: { xxx: function() { } } }) </script> // vue.js (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global = global || self, global.Vue = factory()); }(this, function () { 'use strict'; function Vue (options) { this._init(options); } return Vue; }));

转之： https://www.jianshu.com/p/f1f39d5b2a2e 1. javascript的typeof返回哪些数据类型. 答案：string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 答案：强制（parseInt,parseFloat,number） 隐式（== ===） 3. split() join() 的区别 答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串 4. 数组方法pop() push() unshift() shift() 答案：push()尾部添加 pop()尾部删除 unshift()头部添加 shift()头部删除 5. IE和标准下有哪些兼容性的写法 答案： var ev = ev || window.event document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target 6. ajax请求的时候get 和post方式的区别 答案： 一个在url后面 ，一个放在虚拟载体里面 get有大小限制(只能提交少量参数) 安全问题 应用不同 ，请求数据和提交数据 7. call和apply的区别

方法1：通过正则匹配获取 function getUrlParam(name) { var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)" ); var r = window.location.search.substr(1 ).match(reg); if (r != null ) return decodeURI(r[2 ]); return null } 方法2： function getUrlParameter(url, parameter) { var urlPara = url.split("?" ); var urlParas = urlPara[1].split("&" ); var arr,para; for ( var i = 0; i < urlParas.length; i ) { arr = urlParas[i].split('=' ); if (arr[0] == parameter) { para = arr[1 ]; } } return para; } 更多专业前端知识，请上 【猿2048】www.mk2048.com 来源： https://blog.csdn.net/qq_45670012/article/details/102778117

utils.js /** * * @param {Object} arr 数组 * @param {Object} value 值 */ function isInArray ( arr , value ) { for ( var i = 0 ; i < arr . length ; i ++ ) { if ( value === arr [ i ] ) { return true ; } } return false ; } /** * * @param {Number} money 数字 */ function convertCurrency ( money ) { //汉字的数字 var cnNums = new Array ( "零" , "壹" , "贰" , "叁" , "肆" , "伍" , "陆" , "柒" , "捌" , "玖" ) ; //基本单位 var cnIntRadice = new Array ( "" , "拾" , "佰" , "仟" ) ; //对应整数部分扩展单位 var cnIntUnits = new Array ( "" , "万" , "亿" , "兆" ) ; //对应小数部分单位 var cnDecUnits = new Array ( "角" , "分" , "毫" , "厘" ) ; //整数金额时后面跟的字符 var