let arr=new Array(3); console.log(arr); arr[0]="cyg"; arr[1]
一:js计算页面距离 offset: 用来计算元素距页面边缘距离,不考虑嵌套问题 html代码: 1 2 3 4 5 6 7 8 css代码: 1 //清除自带的距离,防止干扰 2 * { 3 padding...left: 20px; 21 top: 20px; 22 background-color: red; 23 margin: 5px; 24 padding: 3px; 25 } js...代码(使用jquery): 1 $(document).ready(function(){ 2 var a=$(".top").offset().top; 3 var b=$(
昨天分享了 aem1k 今天是js1k https://js1k.com/ 其中有很多有趣的代码 https://js1k.com/2019-x/ 例如这个吃豆人: https://js1k.com.../2019-x/demo/4122 代码: https://js1k.com/2019-x/details/4122 效果:
什么是node.js node.js是一个基于Chrome V8引擎的JavaScript运行环境 我们学习node.js主要就是学习内置的API怎么使用 注意: 浏览器是JavaScript...的前端运行环境 node.js是JavaScript的后端运行环境 node.js中无法调用DOM和BOM等浏览器内置API,因为node.js是一个独立的运行环境,没有DOM和BOM等API node.js...fs') fs.readFile( )方法 使用readFile()方法,可以读取指定文件中的内容,语法格式如下: fs.readFile(path[,options],callback) 参数1:...fs.writeFile( )方法 使用fs.writeFile( )方法可以向指定的文件写入内容,语法如下: fs.writeFile(file, data[,options], callback) 参数1:...导入的方法和之前一样: 1.导入模块+2.创建web实例 3.为服务器实例绑定request事件,只要有客户端来请求我们的服务器,就会触发request事件,从而调用这个事件处理函数
) { count++; console.log(count); } } const counterA = createCounter(); counterA(); // 输出:1...counterA(); // 输出:2 const counterB = createCounter(); counterB(); // 输出:1 在这个例子中,createCounter 函数返回一个函数
1.简介 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。...(条件为真执行的代码):(条件为假执行的代码) 3.循环 /* JS中提供了三种普通循环结构 for循环 while循环...函数要执行必须需要的数据 定义在函数中的变量:形式参数 实际调用函数时传递的数据:实际参数 函数的返回值:函数执行完成之后返回的结果 通过return关键字来返回函数执行的结果 5.字符串操作 JS...获取秒钟:getSeconds() 获取毫秒:getMilliseconds() 延时函数:setTimeout(fn, time) 计时函数:setInterval(fn, time) 10.js...在JS中可以使用: test.innerHTML 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
js日期格式化 每次遇到日期格式化都要去网上搜一次,这次认真做次笔记。....$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } if(/(E+)/.test(fmt...)){ fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ?...(RegExp.$1.length>2 ?....$1, (RegExp.$1.length==1) ?
尽可能简单地认识Vue.JS。...Vue.JS的另一个特点是组件化,一个Vue.JS项目可以抽象成一颗组件树,小型、独立、可复用的组件是大型应用构建的基础。...,可以使用is属性 计算属性和侦听器 计算属性 Vue实例中的computed对象内的函数: computed:{//计算属性 total: function(){ return part1+...part2;//如果part1与part2不变化,计算属性会返回缓存的结果 } } 计算属性的好处是,如果依赖不改变,计算属性不会重新求值。...data:function(){ return{text1:'',text2:''} } Prop 通过prop,组件可以获得上层传来的数据。Prop的流是单向的。
今天是 js 加密题。 ? 直接打开网页,点开XHR,发现里面就是页面上显示的数字,这就很爽了。直接看请求头。 ? 请求头里面的参数有个 sign,好了。...重点来了,要怎么找个 sign 的加密位置呢 爬虫做多了,应该一眼就看出来了,请求中有个 sha1 的请求,加密位置应该就是这里了 然后就在这个位置打断点,一直点下一步,结果你只会发现这个东西 ?...把这玩意复制出来,直接使用 sha1 加密,发现就是 sign 的值。不过这个后面的数字怎么来的呢, ?...这也就意味着 sha1 加密已经完成,也就是说这个函数完全就是加密的,而生成参数的地方肯定在之前的函数里,那么这个被加密的参数怎么来的呢 ?
js自动插入分号规则 a. 什么时候需要写分号 什么时候不能写分号 要有换行符,且下一个符号是不符合语法的,那么就尝试插入分号。...void function(a){ console.log(a); }(a); *: void 前接1是不合法的 所有会在 1 后加上 ' ; ' 不写分号需要注意的情况 A....(RegExp.$1) D....return ""; } var g = f/*这里没有被自动插入分号*/ `Template`.match(/(a)/); console.log(RegExp....$1) -附录. void操作 功能: 因为undefined在js中不是保留字 所以 function joke() { var undefined = “hello world”; console.log
前言 这段时间突然发现JS原生好多东西都忘记了,但有些东西确实很重要,所以又重新再梳理一次。...主要有函数的3种定义方法,ES5函数this指向,call与appl用法,JS常见的4种设计模式,原型链,原型链和继承的方式(ES5和ES6) 1.函数的3种定义方法 1.1 函数声明 //...[1,2,3]; let arr2=[4,5,6]; Array.prototype.push.apply(arr1,arr2); //将arr2合并到了arr1中 6.求数组最大值 Math.max.apply...o; //不是返回返回构造函数的执行结果 } } 更多详情:详谈JavaScript原型链 6.5 对象的原型链 7.继承的方式 JS...调用只能通过new的方法得到实例,再调用里面的方法 let obj = new Chinese('红色', '中文', '中国香港'); obj.aboutMe(); obj.say(); 更多详情请戳:JS
/func1");// 是与当前main.js同路径下的func1.js模块 var func2 = require(".....比如上面提到的func1.js 我们可以这样写代码然后导出来: exports.func1 = function(){ console.log("This is func1"); }; /*或者这样...function func1(){ console.log("This is func1"); } exports.func1 = func1; */ module对象可以访问到当前模块的一些相关信息.../func1")(); 操作了 还可以导出一个对象的形式: //在func1.js里边这样 module.exports = function(name, age) { this.name = name.../func1.js'); var r = new Func1('xiaoming', 12); r.about(); // xiaoming is 12 years old -----------
JS,全称JavaScript,是一种嵌入到HTML页面中的编程语言,由浏览器一边解释一边执行。...(1)语法格式 ① 说明 使用script标签引入外部JavaScript文件,且只需要src属性。...(1)语法格式 语法1: 写在head标签内 ......3.元素属性JavaScript 元素属性JavaScript就是在元素的事件属性中直接编写JS或调用函数。 (1)在元素事件中编写JS <!...JS.png (2)在元素事件中调用函数 <!
本教程有配套代码仓库,请点击https://github.com/KaiOrange/three.js-demo。 ---- 为什么要使用three.js 要回答为什么要使用three.js?...前端实现3D效果无非这么几种方式: 1.CSS 3D技术; 2.SVG; 3.WebGL技术; 4.Canvas或者图片等来模拟3D。...而three.js直接支持前3种渲染方式,可以看出three.js的强大。 大多情况下如果是为了展示3D的效果,那么直接用图片就可以了,如果要动起来的话,视频往往可以胜任。...1, 0, 0, 0, 0, 1, 0, 0, 0, -3.333, 1]); // Create the vertex data for a square to be...初识three.js three.js可以使用模块化引入,当然也可以直接用script标签来引入。
在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js 1 export function formatDate (date, fmt) { 2 if (/(y...+)/.test(fmt)) { 3 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length...13 if (new RegExp(`(${k})`).test(fmt)) { 14 let str = o[k] + '' 15 fmt = fmt.replace(RegExp....$1, RegExp.$1.length === 1 ?...fmt 19 } 20 21 function padLeftZero (str) { 22 return ('00' + str).substr(str.length) 23 } vue文件引入 js
地址:https://github.com/qdlaoyao/js-regex-mini-book 回复“8”加入面试题分享群 简单理解:括号提供了分组,便于我们使用它。...通常有两种引用情况:在JS代码中引入,和在正则表达式中引入。 分组和分支结构,主要是强调括号内是一个整体,即提供子表达式。 分组如 /(ab)+/g 匹配连续出现的 ab 。....$1; // "2019" RegExp.$2; // "03" RegExp.$3; // "14" 替换 将 yyyy-mm-dd 转成 mm/dd/yyyy。...+ '/' + RegExp.$3 + '/' + RegExp.$1; }); 2....[RegExp.$1,RegExp.$2,RegExp.$3,RegExp.$4]); // ["123", "1", "23", "3"] 特殊情况 \10 表示的是第 10 个分组,若要匹配 \
首先在/libs/目录下新建common.js,并写入如下内容: let util = {}; util.formatDate = function (date, fmt) { if (/(y...+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1....if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + ''; fmt = fmt.replace(RegExp....$1, (RegExp.$1.length === 1) ?... import common from '@/libs/common.js
(1)创建一个处理时间格式的js,内容如下: export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace...(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o = { 'M+': date.getMonth...in o) { if (new RegExp(`(${k})`).test(fmt)) { let str = o[k] + '' fmt = fmt.replace(RegExp....$1, (RegExp.$1.length === 1) ?...formatDate}} import {formatDate} from 'common/js
js中进行测试捕获正则小括号中的子表达式,可以用下面这个捕获组来实现 捕获组的定义: 捕获组简单来说就是把正则表达式中用括号匹配的内容,保存到内存中,方便调用。...js中每一个括号匹配的内容可以被RegExp对象捕获到(最多匹配九个,可以通过返回一个数组索引来取得所有的括号匹配项.),存储在RegExp.$1…中。...v=12041814 RegExp.$1是第一项 RegExp.$2是第二项 ?
v8是谷歌研发的JavaScript引擎,你发给我的JS代码,都是由他执行的。” “把v8叫来,我有事问他。” 不一会儿,v8来到我面前。我问他:“你是怎么知道1+1等于2的?...v8道:“masm提供了很多方法,基本和js是一一对应的,js语句是什么,就调用对应的masm方法。...例如1+1这名js代码,对应调用masm的C++代码是这样的: #define __ masm. __ mov(eax, 1) //在这里 __ 是一个宏,在预处理之后将被统一替换为“masm.”。...在Java版JS解释器rhino中,js脚本不是被编译为Java字节码执行的吗?” 作者觉得讨论有点跑偏了,道:“言归正传。...看来v8并不知道1+1为什么等于2,v8为了执行js快一点,大量占用了内存空间,是用”空间换时间”的方法,博得了“v8引擎执行快”的美名。具体为什么1+1等于2,还需要问问CPU。
领取专属 10元无门槛券
手把手带您无忧上云