js | 易学教程

前端-js定义-合集

阅读更多关于前端-js定义-合集

1.JavaScript是一门什么样的语言，它有哪些特点 JavaScript是什么 javaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为什么它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言， javascript最早是在哪里使用用来干什么最早是在HTML网页上使用，用来给HTML网页增加动态功能。 JavaScript为什么还被称为ECMAScript JavaScript兼容于ECMA标准，因此也称为ECMAScript。 JavaScript的基本特点有 1．是一种解释性脚本语言（代码不进行预编译）。 2．主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 3．可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 4．跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。 JavaScript是一门什么样的语言，它有哪些特点？运行环境：浏览器中的JS引擎（v8.。。 ff:splidemonkey）运行在Node.js：v8引擎上语言特性：面向对象（创建对象的多种方式，继承的多种方式、原型链），动态语言 2. javascript和typescript的区别

一道考察this指向和js运行原理细节的单例模式测试题

阅读更多关于一道考察this指向和js运行原理细节的单例模式测试题

原题： var n = 2 ; var obj = { n : 30 , fn : ( function ( n ) { n *= 2 ; this . n += 2 ; var n = 5 ; return function ( m ) { this . n *= 2 ; console . log ( m + ( ++ n ) ) ; } } ) ( n ) } ; var fn = obj . fn ; fn ( 3 ) ; obj . fn ( 3 ) ; console . log ( n , obj . n ) ; 带解析的代码js var n = 2 ; var obj = { n : 30 , fn : ( function ( n ) { n *= 2 ; this . n += 2 ; //this.n =>window.n=2 +=2=4 window.n=4 //console.log(this.n); var n = 5 ; //n在这重新定义赋值5 return function ( m ) { //console.log(m);//3 //console.log(n);//6 在16行被定义成5,因为下面有个++n所以+1 => 6 // console.log(this.n == window.n)//true this . n *= 2 ; /

es6 es6规范模块打包es6语法js文件

阅读更多关于 es6 es6规范模块打包es6语法js文件

ES6 基于Babel、browserify模块化打包 1、生成package.json文件, npm init； name不能为大写和中文 2、下载babel-cli、babel-preset-es2015、browserify模块 //cli表示命令行接口,其中包含babel命令 npm install browserify -g npm install browserify --save-dev npm install babel-cli -g npm install babel-preset-es2015 --save-dev //preset预设,将es6转换成es5的所有插件打包 3、根目录创建.babelrc文件,即运行控制文件; (1)若直接创建不是json格式，则需要file==》settings==>Editor==>File Types；点击上方的Json，点击右下角+号，添加文本类型.babelrc (2)写入内容: { "presets":["es2015"] } 4、各模块内暴露语法常规暴露: (1)分别暴露: export xxx; export xxx; (2)统一暴露: xx export {暴露变量名1,暴露变量名2,...}; //这里使用了es6对象简写方式,若属性名和内容相同,则只需要写属性名默认暴露: export default

VUE组件

阅读更多关于 VUE组件

v-once指令　　v-once：单独使用，限制的标签内容一旦赋值，便不可被动更改(如果是输入框，可以主动修改) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model="msg"> <input type="text" v-model="msg" v-once> <p>{{ msg }}</p> <p v-once>{{ msg }}</p> </div> </body> <script src="js/vue.js"></script> <script> new Vue({ el: '#app', data: { msg: '初始值' } }) </script> </html> v-cloak指令：防止页面闪烁 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title></title> <style> [v-cloak] { display: none; } </style> </head> <body> <div id="app" v-cloak> {{ }} {{ }} {{

JS学习日记--jQuery(1)

阅读更多关于 JS学习日记--jQuery(1)

一、什么是jQuery jQuery是一个基于JavaScript的框架，特点是简洁高效，比原生js代码简直方便了太多倍… 这里放上jQuery的下载页面:https://jquery.com/download/,用的是未压缩的开发版二、$符学习jQuery首先就要学习一下什么是$,当我们在学习jQuery的时候，会发现里面到处都在使用$符号.其实在jQuery中，$===jQuery，当我们写代码$===jQuery时，会发现输出结果为true，所以$其实就是jQuery的一个简写而$最经常的用处就是在页面上选取元素，b=$(“选择器”)，这里的b其实是一个伪数组，是jQuery的一个实例用法：$(“选择器标签”)，比如$(‘li’),就可以选取页面上所有li标签，三、可以操作的属性（1）简介 html==>innerHTML 【作用】:设定和取得元素标签内的innerHTML 【用法】：$().html(“设置的内容”) 【设置时】：覆盖所有匹配元素的内容【返回值】：返回第一个匹配元素的内容 val==>value 【作用】：设定和取得一个input标签value内容【用法】：$().val(“设置的内容”) 【返回值】：标签内的value值 < ! DOCTYPE html > < html > < head > < meta charset =

js入门基础知识（一）

阅读更多关于 js入门基础知识（一）

js的能力： 1.JavaScript 能够改变 HTML 内容（JavaScript 同时接受双引号和单引号：） document.getElementById(“demo”).innerHTML = “Hello JavaScript”; 2.JavaScript 能够改变 HTML 属性 document.getElementById(“demo”).style.fontSize = “25px”; 3.JavaScript 能够显示/隐藏 HTML 元素 document.getElementById(“demo”).style.display=“block”; document.getElementById(“demo”).style.display=“none”; 注：在 HTML 中，JavaScript 代码必须位于标签之间。可以放在HTML 页面的或部分中，也可以放置外部脚本引用，可以放置任意数量的脚本。注释：外部脚本不能包含 JavaScript 输出 --------JavaScript 能够以不同方式“显示”数据： -使用 window.alert() 写入警告框 -使用 document.write() 写入 HTML 输出 -使用 innerHTML 写入 HTML 元素 -使用 console.log() 写入浏览器控制台 break 终止

JS事件绑定的三种方式比较

阅读更多关于 JS事件绑定的三种方式比较

js事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } input{ display: block; margin-bottom:10px; } .active{ color:orange; } </style> <script src="DomReady.js"></script> <script> myReady(function(){ var btn = document.querySelector("#btn"); //时间句柄 var clickme = function(){ alert("hello~"); } btn.addEventListener("click", clickme); }); </script> </head> <body> <button id="btn">点击我</button> </body> </html> 事件监听的三种方法： 1、直接在html上添加事件（不建议）强耦合，不利用代码复用 2、DOM 0级一个元素只能绑定一个事件的限制如果绑定了多个事件，后面的会覆盖掉前面的 2、DOM 2级一个事件可以绑定多个监听函数

JS DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置

阅读更多关于 JS DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置

属性分为固有属性property和自定义属性attribute 固有属性查看固有属性可以通过ele.property 来获取，自定义属性不行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } </style> <script src="DomReady.js"></script> <script> myReady(function(){ var input=document.querySelector("input"); console.log(input.type);//text console.log(input.value);//txt console.log(input.a);//undefined console.log(input.title);//"" }); </script> </head> <body> <input type="text" value="txt" a="b"> </body> </html> .attributes 返回类数组，获取所有属性，包括自定义属性和固有属性如果定义了同名属性，后面的属性会被忽略如果自定义属性时出现了大写

JS笔记之第二天

阅读更多关于 JS笔记之第二天

一元运算符：++ -- 分为前++和后++ and 前--和后-- 如果++在后面，如：num++ +10参与运算，先参与运算，自身再加1 如果++在前面，如：++num+10参与运算，先自身加1，然后再参与运算如果--在后面，如：num-- +10参与运算，先参与运算，自身再减1 如果--在前面，如：--num+10参与运算，先自身减1，然后再参与运算例子：代码是从上到下，一行一行执行的。 ++在后面： var num1=10; var sum1=num1++ +10; //sum1=num1++ +10=10+10=20 //num1++=10+1=11 console.log(sum1);//20 ++在前面 var num2=10; var sum2=++num2+10; //++num2=10+1=11 //sum2=++num2+10=11+10=21 console.log(sum2);//21 - -在后面 var num3=10; var sum3=num3-- +10; //sum3=num3-- +10=10+10=20; //num3--=10-1=9 console.log(sum3);//20 - -在前面 var num4=10; var sum4=--num4+10; //--num4=10-1=9 //sum4=--num4+10=9+10

js Date基础

阅读更多关于 js Date基础

Date Date实例化默认时间：此处为东八区时间-中国标准时间。 console . log ( new Date ( ) ) ; //Fri Feb 07 2020 17:22:16 GMT+0800 (中国标准时间) var date = new Date ( ) ; //获取本机当前时间状态 console . log ( date ) ; // Fri Feb 07 2020 17:20:26 GMT+0800 (中国标准时间) Date相关方法获取时间 1、toUTCString() 格林尼治日期时间。 var date = new Date ( ) ; console . log ( date . toUTCString ( ) ) ; // Fri, 07 Feb 2020 09:22:16 GMT 2、toLocaleString() 本地日期时间。 var date = new Date ( ) ; console . log ( date . toLocaleString ( ) ) ; // 2020/2/7 下午5:22:16 date.toLocaleString();// 本地日期时间 3、toLocaleDateString() 本地日期。 var date = new Date ( ) ; console . log ( date .

订阅 js