- 博客(17)
- 收藏
- 关注
RSS订阅转载 块级作用域与局部作用域
js三种作用域 作用域概念 变量可以起作用的范围区域 ES5 有两种作用域 a.全局作用域(Global Scope) ： 函数外面声明的变量,称之为全局变量。 可以在页面任何地方被访问 全局变量生命周期 ： 从页面加载 -> 到页面关闭 b.局部作用域(Local Scope) : 函数里面声明的变量,称之为局部变量。 只能在函数里面被访问 局部变量生命周期 ： 从函数开始执行 -> 到函数执行结束 ES6 在ES5原有基础上新增第三种作用域 c.块级作用域(Block Scope) : (
2021-06-21 10:23:01
795
转载 Promise
回调地狱 在js里，在异步js里，回调函数写的太多了，回调套回调。很难凭直觉看懂代码。 Promise promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 promise详解 new Promise( function (resolve, reject) { // 一段耗时的异步操作 resolve('成功') // 数据处理完成 // reject(
2021-06-21 10:05:29
108
原创 什么是闭包
js的作用域分两种，全局和局部。 在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的。 我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢？闭包就是用来解决这一需求的，闭包的本质就是在一个函数内部创建另一个函数。 我们首先知道闭包有3个特性： ①函数嵌套函数 ②函数内部可以引用函数外部的参数和变量 ③参
2021-06-21 10:01:37
93
原创 数组的高阶函数
forEach arr.forEach((item,index,arr)=>{ console.log(item,"数组内容") console.log(item,"数组索引") console.log(item,"数组本身") }) map 应用场景1 假定有一个数值数组,将数组中的值以双倍的形式放到另一个数组中 var arr = [1,2,3,4,5] var doubleNumber = arr.map(function(num){ .
2021-06-21 09:59:21
183
原创 vue解决跨域问题
vue.config.js文件里 module.exports = { devServer: { proxy: { //配置跨域 "/api": { target: "http://localhost:18080/", //这里后台的地址模拟的;应该填写你们真实的后台接口 changOrigin: true, //允许跨域 pathRewrite: { /** *重写路径，当我们在浏
2021-04-06 14:51:45
60
原创 Vue-Router进阶
上一章：Vue-Router基础起步 导航守卫 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守卫。 全局前置守卫 const router = new VueRouter({ ... }) router.beforeEach((to, f
2021-01-19 18:00:06
108
原创 Vue-Router基础起步
Vue-Router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面应用变得易如反掌，详细介绍一下： 安装 cnpm install vue-router --save import VueRouter from 'vue-router' Vue.use(VueRouter) 基础、起步 HTML指定路由显示位置 App.vue <router-view></router-view> JavaScript配置路由 定义（路由）组件 创
2021-01-19 17:48:47
124
原创 Axios基础及封装
之前接触过一些，例如Ajsx，jQuery封装过，基于XHR对象，在React中，还接触过Fetch对象。在Vue中，我们有与Vue配合比较好的方案，Axios，当然，在Vue最初的时候，官网维护过一个网络请求vue-resource，但是目前已经不推荐使用了。 中文参考地址：https://www.kancloud.cn/yunye/axios/234845 github参考地址：https://github.com/axios/axios Axios Axios 是一个基于 promise 的 HT
2021-01-15 12:13:10
200
1
原创 Vuex的核心概念
上一章Vuex的基本使用 Vuex中的主要核心概念 State Mutation Action Getter State State提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储。 const state = { count:"0" }; 组件访问State中数据的第一种方式 this.$store.state.全局数据名称 组件访问State中数据的第二种方式 //1，从vuex中按需导入mapState函数 import { mapState
2021-01-14 14:48:55
87
原创 Vuex的基本使用
安装vuex npm install vuex --save 导入vuex包，新建store.js，创建store对象 import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); //store 中存放的就是全局共享数据 const state = {}; const mutations = {}; const actions= {}; export default new Vuex.Store({ state, mutatio
2021-01-14 14:36:18
95
原创 Vuex概述
组件之间共享数据的方式 父向子传值 v-bind属性绑定 子像父传值 v-on属性绑定 兄弟组件传值 1、 $on 接收数据的组件 2、 $emit 发送数据的那个组件 Vuex是什么 Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期的维护 能够高效的实现组件之间的数据共享，提高开发效率 存储在vuex中的数据都是响应式的，能够实时保持数据与页面同步 什么样的数据适合存储到V
2021-01-14 14:34:16
135
原创 JS判断输入两位小数
1、首先判断输入的是数字 跳转 2、正则表达式判断输入的是两位小数 var reg= /^(([1-9]{1}\d*)|(0{1}))(\.\d{2})$/; if(reg.test(val)){ }else{ } test() 方法用于检测一个字符串是否匹配某个模式 如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。 ...
2020-06-11 16:27:25
4902
原创 JS如何判断输入的为数字
if(isNaN(Number(value))){ }else{ } 详细介绍： Number() 函数把对象的值转换为数字。 如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。 isNaN() 函数用于检查其参数是否是非数字值。 如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。 ...
2020-06-11 16:07:02
587
原创 初学VUE，搭建web工程（windows）
1、安装node.js Node.js官网 2、安装npm镜像（cnpm） win+R 输入 node -v 查看node版本号，是否安装成功 npm install -g cnpm --registry=https://registry.npm.taobao.org 国内镜象 npm config set registry http://registry.npm.taobao.org/ win+R 输入 cnpm -v 查看cnpm版本号，是否安装成功 安装vue win+R 输入 cn
2020-06-11 15:24:30
127
原创 js解决ie8不兼容placeholder
js解决ie8不兼容placeholder var fnInit = function () { if( !('placeholder' in document.createElement('input')) ){ $('input[placeholder],textarea[placeholder]').each(function(){ var that = $(this),
2020-06-05 17:34:35
229
原创 JS关于获取元素的一些方法
JS关于获取元素的一些方法 通过id获取元素 document.getElementById(’/id/’); 通过class属性获取元素 可能会获取到很多相同属性的元素，所以通过key值去选择。 document.getElementsByClassName(’/className/’)[0]; 获取子元素 通过id document.getElementById(’/id/’).children[0]; 通过属性 document.getElementsByClassName(’/className/’
2020-05-15 11:32:28
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人