下面就是要把testautodev/testautodev这个目录整个上传到服务器 下面就是node/index.js /** * Created by zhouli on 17/4/27. */.../testautodev/index.html', 'testautodev/index.html', function(err) { if (err) throw err; console.dir.../testautodev/js/index.js', 'testautodev/js/index.js', function(err) { if (err) throw err; console.dir...("上传文件到服务器"); c.end(); }); }); c.connect(connectionProperties); 写完后,到node这个目录执行这个文件 node index.js...上面那个nodejs文件写得比较麻烦 其实可以直接用一个函数获取路径, node/index.js /** * Created by zhouli on 17/4/27. */ var Client
Vue中的网络请求 在Vue.js中发送网络请求本质还是ajax,我们可以使用插件方便操作。...vue-resource: Vue.js的插件,已经不维护,不推荐使用 axios :不是vue的插件,可以在任何地方使用,推荐 说明: 既可以在浏览器端又可以在node.js中使用的发送http请求的库...://localhost:3000/brands') .then(res => { console.log(res.data); }) .catch(err => { console.dir...(err.msg); } else { console.dir(data); } }); 案例-表格展示 功能分析 日期格式处理 搜索商品功能 输入框自动聚焦 日期格式处理.../moment.js"> // 2 定义全局过滤器 Vue.filter('fmtDate', (v, fmtString) => {
"parseString(xml, function (err, result) { console.dir(result);});这真是再简单不过了,对吧?..."parseString xml, (err, result) -> console.dir result如果你需要一些特殊的选项,也不用担心,xml2js支持许多选项(见下文),你可以将这些选项作为第二个参数进行指定...fs.readFile __dirname + '/foo.xml', (err, data) -> parser.parseString data, (err, result) -> console.dir...(result) { console.dir(result); console.log('Done');}).catch(function (err) { // Failed});// 2....Without parserxml2js.parseStringPromise(xml /*, options */).then(function (result) { console.dir(result
箭头函数中没有 arguments 1. arguments 介绍 众所周知,js 是一门非常灵活的语言。...当我们在 js 中调用一个函数时,经常会给函数传递一些参数,js 把调用函数时传入的全部实参存储到一个叫做 arguments 的类数组对象里面 arguments 是一个类数组对象,不是一个真正的数组...这一点可以通过打印它看到 function test() { console.dir(arguments);}test('html', 'css', 'js')console.dir(['html...', 'css', 'js']) 通过打印结果可以发现,arguments 的原型是 Object,而数组的原型是 Array 那么关于 arguments 是什么 ?...接收所有实参 const arrow = (...args) => { console.log(args);}arrow('html', 'css', 'js')
因为时间的关系它分成二次来讲, 今天,讲上半部分,就是它的js的业务逻辑的实现; 然后下周,讲它的reactJs的实现,还有在nodeJs里把它运行起来。...我们把这个日期对象用console.dir来打印看看, 它可以以“对象-属性”的方式来输出信息到控制台。...console.dir(date2); 在js里两个东西相减会隐式转换成数字, 那日期date对象转数字就是毫秒数, 说到这里,大家来看个小例子,刚才说了, js里二个东西相减会隐式转成数字,日期对象也一样...function a(){ console.log('a') } function b(){ console.log('b') } var aa = new a; var bb = new b; console.dir
本质就是一堆js的函数的组合。...jQuery.Slim.js:未压缩精简版 jQuery.Slim.min.js:压缩精简版 ?...console.dir($btn); // jQuery包装对象(所有的选择器选择返回的对象都是jQuery的包装对象。...var $all = $('*'); console.dir($all); // 类选择器 var $cd = $(".cd"); console.dir...($('div, h3')); // 交集选择器 console.dir($('div.cd2')); // 过滤选择器和后代选择器 console.dir
js中的对象 在编程语言中,提到对象,一般都含有一个隐藏的上下文面向对象编程。 面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。...2. js中对象的分类 众观整个js中的对象,可以分成三类: 内置对象 宿主对象 自定义的对象 2.1 内置对象 “由ECMA实现、不依赖于宿主环境的对象,这些对象在js程序执行之前就已经存在了”。...js有两个运行的环境: (1) 浏览器。我们在.html文件中加入js代码,再通过浏览器来打开,这里浏览器就是javascript的运行环境。 在浏览器端的js而言,宿主对象就是浏览器对象。...nodejs也提供了运行js代码的环境。在node中有一个global对象 2.3 自定义对象 这才是我们展示身手的地方。例如: $, Vue 等等。 3....用console.dir 近距离观察对象 我们有个小工具来解剖对象。 console.dir() 3.1 数组对象 3.2 函数对象 3.3 包装对象 3.4 console对象
学会使用console.dir 我们有时候想看看一个DOM对象里面到底有什么属性和方法,但是常规的console.log打印出来的只是HTML标签,就像这样: image.png 和直接审查元素没有什么区别...如果我们想看到DOM对象作为JavaScript对象的结构可以使用console.dir,比如: image.png 事实上,console.dir可以打印出任何JavaScript对象的属性列表,...查到源码文件 有时候我们想在控制台的Sources中查找某个js源文件,要把文件夹逐一点开找,非常麻烦。其实Chrome提供了文件的搜索功能,只不过大部分时候我们给忽略了。。...压缩JS文件的阅读 有时候我们需要在Sources中阅读一段js代码,但是发现它被压缩了,Chrome也提供了和方便的格式化工具,让代码变得重新可读: image.png 点完之后变成这样: image.png
jquery学习 --Day2 (jquery的基本使用) 区分DOM对象和jquery对象 DOM对象:用原生JS获取过来的对象是DOM对象 Jquery对象:用jquery的方式获取过来的对象是jquery...DOM对象 fdsahfsjdiofdsfkas var div = document.querySelector('div'); console.dir...(div); Jquery对象 $('div'); console.dir($('div')) DOM对象与jQuery对象进行相互转换 DOM对象转换为jQuery对象 <
但是我记得昨天的报错信息里面没有涉及到 console.dir 的信息 3. 代码覆盖量已经很多,不好版本回滚做测试,或许是自己当时脑子轴没注意到这么详细的信息,想当然了....引以为戒,下次认真对待报错,避免浪费时间 … 问题探索 各种测试过后,发现,注释掉源文件 html2json.js 中的关于打印的两行代码 然后,竟然!竟然!竟然就没问题了!!! ?...小解释: 毕竟本主不是前端开发,现在也只是涉猎,测试发现,如果将 console.dir() 改成 console.log()也能避免这种问题 推测各操作系统对统一规范不完全支持的原因 此处推荐一篇文章...,可做学习:【console更多不为人知的实用方法】 简单粗暴,可以直接参考文章:thirdScriptError console.dir is not a function 报错的解决方法 我的疑问:
__proto__ === Object.prototype); // true 我们只需要再记住JS中这样的一个规定: Object.prototype....函数也是对象 相信大家都知道,在JS中,一切皆为对象。函数也不例外,在JS中,每一个函数实际上都是一个函数对象。既然知道了函数也是对象,函数也一定有__proto__属性。...__proto__: 因为在JS的底层,Person类是由new Function()而来,即: console.dir(Person....__proto__.constructor); // ƒ Function() 则: console.dir(Person....Function.prototype); // true 又因为Function的类型也是函数: console.log(typeof Function); // function 所以我们可以推出: console.dir
$data); console.dir(this....$data); console.dir(this....$data); console.dir(this....$data); console.dir(this....阶段并没有去做渲染,所以在接下来我们会去做Dom渲染,但是如果此时我们还做了Ajax操作,在Ajax结束之后就会返回数据,我们就会将其插入到主线程中去运行,去处理数据,但是我们要知道,「在浏览器机制中,渲染线程跟js
js中的深浅拷贝 js中有深拷贝、浅拷贝一说,所谓的深浅拷贝是针对value类型为引用类型(函数、对象、数组)而言的,大概理解的就是: 浅拷贝: 拷贝出的对象c和原始对象o,c和o在key对应的..., birthplaces: [ '北京', '上海', '广州' ], skincolr: 'yellow', friends: [ 'sk', 'ls', 'slj' ] } */ console.dir...(china) console.dir(result) 其次,深拷贝使用JSON.parse(JSON.stringify(src))也可以简单实现,只是该实现破坏了原型链;lodash、jquery提供了相应的工具函数来实现深浅拷贝
模拟环境模型 下文将讲述如何用js模拟环境模型。在这个模拟环境模型中,不需要用到js的变量定义语法也能使用闭包。...Environment.detail.js在使用上与Environment.js有微小的差异,$Function的构造函数多了一个用作函数名的参数。...验证环境模型 以chrome为观察平台,通过console.dir方法可以展示一个对象的状态。 特别的,console.dir一个函数可以查看它的环境信息。...作用域 执行以下代码: var foo = function () {}; console.dir(foo); 在Console展开foo可见: ▼ƒ foo()......同样的,js会移除不必要的作用域。
本质就是一堆js的函数的组合。...jQuery.Slim.js:未压缩精简版 jQuery.Slim.min.js:压缩精简版 image.png 1.4 jQuery的安装 官网下载地址:http://jquery.com/...console.dir($btn); // jQuery包装对象(所有的选择器选择返回的对象都是jQuery的包装对象。...var $all = $('*'); console.dir($all); // 类选择器 var $cd = $(".cd"); console.dir...($('div, h3')); // 交集选择器 console.dir($('div.cd2')); // 过滤选择器和后代选择器 console.dir
;以函数为分界线划定作用域,所有函数之外是全局作用域查找变量时,由内向外查找- 在内层作用域找到变量,就会停止查找,不会再找外层- 所有作用域都找不到变量,报错作用域本质上是函数对象的属性,可以通过 console.dir...作用域 let x = 10; if(true) { let y = 20; function b() { console.log(x,y); } console.dir...var x = 10; if(true) { var y = 20; function b() { console.log(x,y); } console.dir...术语: son 的原型对象不同浏览器对打印 son 的 __proto__ 属性时显示不同- Edge 打印 console.dir(son) 显示 `[[Prototype]]`- Firefox...打印 console.dir(son) 显示 ``特色:基于函数的原型继承出于方便的原因,js 又提供了一种基于函数的原型继承函数职责负责创建子对象,给子对象提供属性、方法,功能上相当于构造方法函数有个特殊的属性
注意浏览器下的全局对象跟 nodejs 中的全局对象不一致 浏览器环境下的全局对象就是window Node 的全局对象是 global JS 语言标准的全局的内置对象 JS 语言规范中的全局的内置对象在...语法:console.warn([data][, ...args]) 打印对象结构 语法: console.dir(obj[, options]) 参数说明: 第一个参数obj,就是要打印属性的对象。...var a = { age: 134, t: { name: '33', mm: '333' } }; console.dir(a); console.dir(a, { colors: true,...showHidden: true }); dir方法非常有用,在可以辅助我们调试时查看对象内的属性和继承关系,也是一个非常好的学习js的手段。...Node.js 不能保证回调被触发的确切时间,也不能保证它们的顺序。 回调会在尽可能接近所指定的时间上调用。
效果: image.png HTML: 运行 JS...fnBody = editor.doc.getValue(); // 运行脚本,预览结果 $('#fn-eval-btn').unbind().bind('click', () => { console.dir...: String): ResultVo { println("js=${js}") val result = ResultVo( data =
downloadSaveFile({ url: urls[i], success: function (res) { //console.dir...) { fail(e); } } }) } } 完整的 download.js...downloadSaveFile({ url: urls[i], success: function (res) { console.dir...module.exports = { downloadSaveFiles: downloadSaveFiles } 使用 首先导入 import download from "download.js...eyJwaWMiOiIxNTE2OTcyNDg0NDUzOSIsImRvbWFpbiI6InV0YW50b3V0aWFvIn0='; download.downloadSaveFiles({ urls: [url1, url2], success: function (res) { // console.dir
在JS构造函数中有一个属性prototype,叫做原型,这是给程序员使用的。在JS实例对象中有一个属性__proto__,它也是原型,这是供浏览器使用的,它不是标准的属性。...; per.sex="不知道"; console.log(per.sex); console.dir(per); ? 1.5 一条神奇的原型链 <!...但JS不是一门面向对象的语言,而是一门基于对象的语言。...JS不像JAVA,C#等面向对象的编程语言中有类(class)的概念(也是一种特殊的数据类型),JS中没有类(class),但是JS可以模拟面向对象的思想编程,在JS可以通过构造函数来模拟类的概念(class...2.1 什么是继承 继承是一种类(class)与类之间的关系,JS中没有类,但是可以通过构造函数模拟类,然后通过原型来实现继承,继承是为了实现数据共享,js中的继承当然也是为了实现数据共享。
领取专属 10元无门槛券
手把手带您无忧上云