js的使用及语法】的更多相关文章

1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. 在终端的执行命令来打开控制台, 1.1.3 加载Node.js脚本 记载node.js脚本文件非常简单,运行"node 文件名"即可,"node program.js".如果我们想快速执行一些简单的语句,可以使用-e参数,这样我们直接执行一些javascript或者no…
原文:js 正则练习之语法高亮 学了几天正则,差不多该总结整理写成果了,之前就想写语法高亮匹配来着,不过水平不够,看着例子都不理解.今天就分析下 次碳酸钴 和 Barret Lee 语法高亮实现. 先说 Barret Lee 的这篇 <玩转正则之highlight高亮>之前看的时候只觉的神奇,特别是下面那个一步一步分开匹配的例子,更是霸气测漏,不过作者也说了,分开只是为了演示方便,可以很直观的看到这一步匹配了什么,不然一步到位匹配完成,你都不知道发生了什么就处理完毕了.来看下他的正则 (/^\…
问题描述: 在 Vue-cli 创建的项目中,使用了 ESLint 规范代码的项目中 如何针对单个 js 文件禁用 ESLint 语法校验,但整个项目依然保留 ESLint 的校验规则? 解决方案: 在代码顶部添加一行注释 /* eslint-disable */ ESLint 在校验的时候就会跳过后面的代码 还可以在注释后加入详细规则,这样就能避开指定的校验规则了 /* eslint-disable no-new */…
为了让 Node.js 支持 ES6 的语法, 需要使用 Babel. 安装 es-checker 在使用 Babel 之前 , 我们先检测一下当前 node 对 es6 的支持情况. 在命令行下执行以下命令安装 es-checker: npm install -g es-checker 安装完毕以后, 命令行执行: es-checker 我的 node 环境版本是v4.5.0, 支持 69%: ECMAScript Feature Detection (v1.4.0) ============…
整理了一下JS的DOM操作语法,这里做下记录. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的DOM操作</title> <style type="text/css"> .dvClass{ width: 300px; height: 400px; background-color: red; } .div…
整理了一下JS的BOM操作语法,这里记录一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的BOM操作</title> <style type="text/css"> #dv3{ width: 300px; height: 200px; background-color: yellow; } #dv4{…
JS程序的基本语法 JS是区分大小写的.如:Name和name是两个变量 JS中每一条语句,一般以英文下的分号(;)结束.这个分号不是必须的.为了向PHP兼容,最好加上分号. 运算符和变量,以及操作之间可以使用空格分开,这样的程序较容易阅读. 变量的类型——就是数据类型 变量的数据类型:数值型.字符型.布尔型.未定义型.空型.数组.对象.函数 变量的数据类型,分两大类:   基本数据类型:数值型.字符型.布尔型.未定义型.空型.很显著的特点:一个变量名只能存一个值.   举例:var a = 1…
使用命令,全局安装es-checker: cnpm install -g es-checker 安装好之后,执行以下命令来查看Node.js对ES6的支持情况. es-checker 可以从输出中查看当前版本的Node.js对ES6的支持情况. ECMAScript 6 Feature Detection (v1.4.1) ========================================= Passes 38 feature Detections Your runtime sup…
“JavaScript设计得最出色的就是它的函数的实现.” -- <JavaScript语言精粹> 函数包含一组语句,它们是JS的基础模块单元,用于指定对象的行为.一般来说,所谓编程,就是将一组需求分解成一组函数与数据结构的技能. 1.函数的功能 代码重复性使用 模块化编程 2.语法: 使用函数前要先定义才能使用 函数定义有三个部分:函数名,参数列表,函数体 格式: function 函数名([参数1, 参数2, ...]){ 函数执行部分; return 表达式; } 例如: <scr…
JS简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),JavaScript是netspace(网景公司,已被美国在线收购了),JScript是微软的,90%像JavaScript,一些功能只能在IE上使用. 3.它的用法: 在HTML中位置有三块: (1)head里面 (2)body里面 (3)</html>之后 为了保险起见,一般写在<…
javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 三个常用对话框 alert("")警告对话框,弹出一个警告对话框 <script> alert("你好") </script> confirm("")确定对话框,弹出一个可供选择的确定对话框,点击确定返回true,点击取消返回false,可用变量接受. <script> confirm("你好") </sc…
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析. 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数.结合响应系统,在应用状态改变时,Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上. 如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,…
JavaScript 语法检查 SublimeLinter-jshint 是基于 nodeJS 下的 jshint 的插件,实际上 SublimeLinter-jshint 调用了 nodeJS 中 jshint 的接口来进行语法检查的. 安装 SublimeLinter-jshint 为了让 JavaScript 代码有语法检查,我们安装 SublimeLinter-jshint  同样的方法,我们安装 SublimeLinter-jshint 按下 Ctrl+Shift+p 进入 Comma…
1.JS的输出: 注意:JS没有任何打印或者输出的函数 JS输出数据的集中方法:  1.使用window.alert()弹出警告框: 2.使用document.write()方法将内容写到HTML文档中:这和功能和<h1>标签类似 3.使用innerHTML写入到HTML元素中:这个功能是改变原来标签中的内容, 4.使用console.log()写入到浏览器的控制台中:这个没什么好说的 2.JS的语法: a.字面量(类似JAVA中的固定值): 整数:2.3.4. 字符串(可以用单引号,双引号括…
本篇记录js的概述与基础语法.变量.数据类型.运算符与表达式 1.概述与基础语法 2.变量 举例: 3.数据类型 4.运算符与表达式…
在做前端中,JS的语法尤为重要..没有它,就没有你的未来吧.. 下面将一些常用的JS语法给大家罗列出来.. 也给自己备份一下.. 以备不时之需.. 1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称…
语句 JavaScript 程序的执行单位为行(line),也就是一行一行地执行.一般情况下,每一行就是一个语句. 语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句. var a = 1 + 3; 这条语句先用var命令,声明了变量a,然后将1 + 3的运算结果赋值给变量a. 1 + 3叫做表达式(expression),指一个为了得到返回值的计算式. 语句和表达式的区别在于,前者主要为了进行某种操作,一般情况下不需要返回值:后者则是为了得到返回值,一定会返回一…
js 基础用法 点击事件     <!-- 第一种点击事件方式 -->   <!-- <div class="div" onclick="alert(0)">     <!-- 点我 -->   <!-- 第二种点击事件方式 -->  <div class="div" >       点我     </div> <!-- <script>      …
好家伙, 1.打包处理js文件中的高级语法 webpack只能打包处理一部分高级的JavaScript 语法.对于那些webpack无法处理的高级js 语法,需要借 助于 babel-loader 进行打包处理. 例如 webpack无法处理下面的JavaScript代码: // 1.定义了名为 info 的装饰器 function info(target) { // 2.为目标添加静态属性 info target.info = 'Person info' } // 3.为Person 类应用…
有时为了研究学习一些格式不规范的JS代码段,需要将代码段格式化一下,这样思路就会清晰多了,网上找到此款格式化的工具,将以下代码保存为html格式文件即可使用 <html> <head> <title>JSer </title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style> /* Glo…
语法:  JSON.stringify(value [, replacer] [, space]) value:是必选字段.就是你输入的对象,比如数组,类等. replacer:这个是可选的.它又分为2种方式,一种是数组,第二种是方法. 情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的.一般来说,系列化后的结果是通过键值对来进行表示的. 所以,如果此时第二个参数的值在第一个存在,那么就以第二个参数的值做key,第一个参数的值为value进行表示,如果不…
js是区分大小写的,关键字.变量.函数名和所有的标识符都必须采取统一一致的大小写形式. js定义了unicode转义序列,以\u开头,其后跟随四个十六进制数,可以在字符串直接量.正则表达式直接量和标识符中(关键字除外)使用 js的单行注释是//格式,后面的语句是注释内容 多行注释是 /* 注释内容 */ js标识符必须是以字母._.$开始,js也允许非英语语言和数学符号来做为标识符,但是不建议这样做,最好还是ASCII码比较好 尽量每行都加上分号以免出错 js的保留字如下,请不要使用如下字符作为…
1.js获取选中的redio元素 var version = $('.version input[name="input1"]:checked').val();//单选框默认选中<input type="radio" name="input1" value="1" checked="true">单选1 2.判断输入框的值是否为空或未定义 function isNull(str){ if (str…
问题描述 : 项目中若存在对一段js代码复用多次的时候, 通常将此段代码移动到一个单独的静态文件中在被使用的地方利用 script 标签的 src 属性进行外部调用 但是如果此文件中存在使用 HTML模板语言中的 {{ }}方式传递相关属性值, 会导致无法正确获取. 问题现象: HTML页面拿到的值为字符串形式 : 问题解决: 静态js 文件: $("#div_digg .action").click(function () { // 点赞或踩灭 var is_up = $(this)…
https://github.com/Tencent/vConsole/blob/dev/src/lib/query.js#L142 https://www.cnblogs.com/hjbky/p/6178625.html https://www.jb51.net/article/100027.htm 主要作用是跳出多重循环. var num = 0; outPoint: for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) {…
js函数集 ·字符串(String)  1.声明  var myString = new String("Every good boy does fine.");  var myString = "Every good boy does fine."; 2.字符串连接  var myString = "Every " + "good boy " + "does fine.";  var myString =…
1.正则表达式基本语法 创建正则表达式 var re = new RegExp();//RegExp是一个对象,和Aarray一样 //但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去 re =new RegExp("a");//最简单的正则表达式,将匹配字母a re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写 两个特殊的符号'^'和'$'.他们的作用是分别指出一个字符串的开始和结束. 例子如下: &…
1.Vue的目录结构: ============================================================================================================================== 2.App.vue 入口文件 <template> <div> (1) v-for遍历component <componeta v-for="(value,key) in objList&qu…
1,数组对象遍历 对一个级数对象进行遍历,取出每个值 var arr={ "result":[ {"time":"2018-10-24 12:12:12"}, {"time":"2018-10-25 12:12:12"}, {"time":"2018-10-26 12:12:12"}, {"time":"2018-10-27 12:12:…
Vue的实例 创建第一个实例: {{}} 被称之为插值表达式.可以用来进行文本插值. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta…