关于Javascript的this指向问题,网络上有很多分析文章,写的很好,比如这里和这里 我这里做一个简单的总结. 箭头函数的 this 箭头函数内的this指向外层函数定义时所在的作用域.如果没有外层函数,则指向全局作用域. ES5 的 this ES5的this指向当前函数执行时所在的上下文. 注意:调用普通函数,它的this指向全局作用域. 什么是普通函数? // 这就是 funtion a() {console.log(this)}…
JSON(JavaScript Object Notation)是表示值和对象的通用格式. JavaScript 提供了如下方法: JSON.stringify 将对象转换为 JSON. JSON.parse 将 JSON 转换回对象. stringify 方法提供了三个参数,分别是object,replacer,space object就是需要转换的对象 replacer 表示是需要转换哪些属性的数组或者一个映射函数 space 则表示输出的字符串的美观性,可以设置成空格数量 需要注意的是,o…
天气预报的程序.程序并不难. 看到这个需求第一个想法就是只要找到合适天气预报接口一切都是小意思,说干就干,立马跟学生沟通价格. ​ ​不过谈报价的过程中,差点没让我一口老血喷键盘上,话说我们程序猿的人工什么时候这么低廉了...oh my god ​ ​50十块,你跟我开什么国际玩笑!!不够意外惊喜还是有的,居然是个妹子嘿嘿,哎呀什么钱不钱的多伤感情. 老哥送你一套代码,小妹妹以后你好好学习,不懂得问老哥,然后顺利的家了微信(妹子很漂亮). ​ 废话不多说开干,这个程序最大的难点就是找一个合适的天…
一张图彻底搞懂JavaScript的==运算 来源 https://zhuanlan.zhihu.com/p/21650547 PS:最后,把图改了一下,仅供娱乐 : ) 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容易让人犯错,从而成为JavaScript中“最糟糕的特性”之一. 在仔细阅读了ECMAScript规范的基础上,我画了一张图,我想通过它你会彻底地搞清楚关于==的一切.同时,我也试图通过此文向大家证明==并不是那么糟糕的东西,它很容易掌握,甚至看起…
转载请注明出处️ 作者:IT小学生蔡坨坨 原文链接:五分钟搞懂POM设计模式 大家好,我是IT小学生蔡坨坨. 今天,我们来聊聊Web UI自动化测试中的POM设计模式. 为什么要用POM设计模式 前期,我们学会了使用Python+Selenium编写Web UI自动化测试线性脚本 线性脚本(以快递100网站登录举栗): import time from selenium import webdriver from selenium.webdriver.common.by import By dr…
javascript这门语言一直就像一位带着面纱的美女,总是看不清,摸不透,一直专注服务器端,也从来没有特别重视过,直到最近几年,javascript越来越重要,越来越通用.最近和前端走的比较近,借此机会,好好巩固一下相关知识点. 1.初识replace 在js中有两个replace函数 一个是location.replace(url) 跳转到一个新的url一个string.replace("xx","yy") 替换字符串 返回一个新的字符串,该方法并不改变字符串本…
本文转载自:@manxisuo的<通过一张简单的图,让你彻底地.永久地搞懂JS的==运算>. 大家知道,==是JavaScript中比较复杂的一个运算符.它的运算规则奇怪,容让人犯错,从而成为JavaScript中"最糟糕的特性"之一. 在仔细阅读了ECMAScript规范的基础上,我画了一张图,我想通过它你会彻底地搞清楚关于==的一切.同时,我也试图通过此文向大家证明==并 不是那么糟糕的东西,它很容易掌握,甚至看起来很合理. 先上图: 图1 == 运算规则的精确描述在此…
你应该知道,JavaScript是一门基于原型链的语言,而我们今天的主题 -- "继承"就和"原型链"这一概念息息相关.甚至可以说,所谓的"原型链"就是一条"继承链".有些困惑了吗?接着看下去吧. 一.构造函数,原型属性与实例对象 要搞清楚如何在JavaScript中实现继承,我们首先要搞懂构造函数,原型属性与实例对象三者之间的关系,让我们先看一段代码: function Person(name, age) { var gen…
在某天,我听了一个老师的公开课,一张图搞懂了原型链. 老师花两天时间理解.整理的,他讲了两个小时我们当时就听懂了. 今天我把他整理出来,分享给大家.也让我自己巩固加深一下. 就是这张图: 为了更好的图文对照,我为每条线编了标号,接下来的细节讲解,都会用到这张图里的编号: 为了你更好的对照阅读,你可以单独打开这张图片,然后对比着文章看. 当然,我后边也会贴心的把对应区域截小图贴在文案附近. 前置知识 在对这张图进行详细拆解前,我们先来说几个前置的基础知识.以便后续更好的理解. Function.O…
这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉.于是决定彻底搞懂它. 看了一下午的官方文档,以及资料,才发现vuex so easy! 作为一个圈子中的人,决定输出一下文档,如果你仔细看完这篇文章,保证你对vuex熟练掌握. 我把自己的代码上传到了github,大家有需要的可以拉下来:github 先说一下vuex到底是什么? vuex 是一个专门为vue.js应用程序开发的状态管理模式. 这个状态我们可以理解为在data中的属性,需要共享给其他组件…