2022年8月10日

JavaScript: ES6 函数参数 / 默认值的设置 / 默认值位置 / 参数作用域 / 函数的2个属性(name和length)/ 箭头函数的4大注意事项

1.函数参数的默认值 ES5,默认值的写法: function log(x, y) { y = y || 'World'; // 改进为if (typeof y === 'undefined') { y = 'World';} console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', '') // Hello World 另,可以参考如下三种方法: 第一种方法:   使用arguments,函数所有的参数都会存入arguments数组离去,所以我们可以从中获取相应的参数然后赋值 function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 var b = arguments[1] ?…
2022年8月10日

JavaScript: for in / for of 循环遍历对象的属性

一、for in 循环 1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问: Object.prototype.say="cgl"; // 修改Object.prototype var person ={ age: 18 }; for (var key in person) { console.log(key, person[key]);//这里用person.key得不到对象key的值,用person[key] 或者 eval("person."+key); } //结果: age 18 say cgl 2.只遍历对象自身的属性,而不遍历继承于原型链上的属性,使用hasOwnProperty 方法过滤一下。 Object.prototype.say="cgl"; var person ={ age: 18 }; for (var key in person) { if(pers…
2022年8月10日

JavaScript: vue 中 select 标签 下拉列表设置默认值

JSON数据 { "code":"0", "errmsg":"OK", "province_list":[ { "id":110000, "name":"北京市" }, { "id":120000, "name":"天津市" }, { "id":130000, "name":"河北省" }, ...... ] } Html <select v-model="form_address.province_id"> <option v-for="province in provinces" v-bind:value="province.id">[[ province.name ]]</option> </select> Vue let vm = new Vue( { el: '#app', delimiters: ['[[', ']]'], data: {…
2022年8月10日

JavaScript: this详解

背景 JS中的this指向问题,一直以来自己并不是十分的清楚,平时在开发中使用时倒是也能正常应用,但是对其使用和判断并不能信手拈来,所以自己搜索了一些资料,总结了一下,也希望对大家有所帮助。 目录 什么是this? this的指向 为什么要使用this? 1. 什么的this? this,从字面上含义是(指较近的人或事物) 这,这个; this:表示当前对象的一个引用。 this的指向:this不是固定不变的,是根据调用的上下文(执行时环境)改变而改变。 如果单独使用,this 表示全局对象。 在方法中,this 表示该方法所属的对象。 在函数中,this 表示全局对象。 在函数中,在严格模式下,this 是未定义的(undefined)。 在事件中,this 表示接收事件的元素。 2. this的指向 2.1 全局环境 全局环境就是在<script>…
2022年8月10日

JavaScript: vue 中使用 async/await 将 axios 异步请求同步化处理

1. axios 常规用法: export default { name: 'Historys', data() { return { totalData: 0, tableData: [] } }, created () { this.getHistoryData() }, methods: { handleClick (tab) { let data = { status: tab.name, name: this.formInline.user, cid: this.formInline.identity, start_time: this.formInline.dateTime ? this.formInline.dateTime[0] : '', end_time: this.formInline.dateTime ? this.formInline.dateTime[1] : '' } this.g…
2022年8月7日

JavaScript: ECMAScript 6 简明教程

ECMAScript 6 目前基本成为业界标准,它的普及速度比 ES5 要快很多,主要原因是现代浏览器对 ES6 的支持相当迅速,尤其是 Chrome 和 Firefox 浏览器,已经支持 ES6 中绝大多数的特性。 1. let、const 和 block 作用域 let 允许创建块级作用域,ES6 推荐在函数中使用 let 定义变量,而非 var: var a = 2; { let a = 3; console.log(a); // 3 } console.log(a); // 2 同样在块级作用域有效的另一个变量声明方式是 const,它可以声明一个常量。ES6 中,const 声明的常量类似于指针,它指向某个引用,也就是说这个「常量」并非一成不变的,如: { const ARR = [5,6]; ARR.push(7); console.log(ARR); // [5,6,7] ARR = 10; // TypeE…
2022年8月6日

Vue: 官方文档

Vue 3 文档 https://staging-cn.vuejs.org/guide/introduction.html Vue 2.x 文档 https://v2.cn.vuejs.org/v2/guide/…
2022年7月28日

JavaScript: Vue Firefox 中 a标签 不执行v-on:clicked点击事件里的操作

问题: Vue项目中一组<a href="javascript:;">链接</a>添加点击事件,在Chrome浏览器中运行正常,在Firefox中不执行点击事件里的操作,直接跳转空白页面。 例如: <a href="javascript:;" v-on:click="github_login" class="github_login">GitHub</a> let vm = new Vue( { el: '#app', methods: { github_login: function () { let url = '/github/login/'; axios.get( url,{responseType:'json'} ).then( response=>{ location.href=response.data…
2022年7月28日

JavaScript: js中window. location. search的用法和作用

用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 URL 的路径部分 port 当前 URL 的端口号 protocol 当前 URL 的协议 search 从问号 (?) 开始的 URL(查询部分)   JS 脚本捕获页面 GET 方式请求的参数?其实直接使用 window.location.search 获得,然后通过 split 方法结合循环遍历自由组织数据格式。 大概处理如下: var searchURL = window.location.search; searchURL = searchURL.substring(1, searchURL.length); var targetP…
2022年7月28日

JavaScript: String.substr()String.slice()String.substring()解析

String.substr() 提取一个子串 概要 string.substr(start,length) 参数 start: 子串的开始位置。如果这个参数是负数,则将从string的尾部开始计算:-1表示最后一个字符,-2表示倒数第二个字符,以此类推 length: 该子串的字符数。如果省略这个参数,则返回的子串将包含从开始位置到字符串结束的所有字符 返回 string的一部分的一个副本,包含string中自start位置开始的length个字符,如果未指定length则包含自start到结尾的所有字符 描述 substr()从string中提取并返回一个子串。它并不修改string本身。 注意,substr()通过一个开始字符的位置以及长度来指定期望取得的子串。这与String.substring()和String.splice()…
ajax-loader