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