- 博客(73)
- 收藏
- 关注
RSS订阅原创 把JS中的map方法玩出花来
数组中的每个元素执行的函数。它的返回值作为一个元素被添加为新数组中。属性，然后访问每个整数索引。不能直接使用map()方法。一个新数组，每个元素都是回调函数的返回值。它为数组中的每个元素调用一次提供的。函数，并用结果构建一个新数组。正在处理的元素在数组中的索引。这样更好理解给些，ES6语法。数组中当前正在处理的元素。7.与parseInt()与上例子还是有点区别的。
2023-10-22 21:22:41
341
原创 JS中使用递归的一次探索
1.简洁性：递归可以用较少的代码实现复杂的功能。相对于使用循环来处理嵌套结构，递归代码通常更简洁、易于理解和维护。2.可读性：递归可以使代码更加可读和自解释。它可以更直观地表示问题的解决方案，特别是对于涉及嵌套结构的问题。3.灵活性：递归可以应对未知深度的数据结构，因为它不需要提前知道要处理的嵌套层级。4.问题分解：递归通过将问题划分为更小的子问题，使得复杂问题的解决变得更加可行。
2023-10-08 10:31:24
181
原创 JavaScript：立即执行函数
总之：立即执行函数会形成一个单独的作用域，可以封装一些临时变量或者局部变量，避免污染全局变量。两个小括号的位置不同，第一个包裹函数小括号的外面，第二个在里面。匿名函数后面跟一个小括号，整个包裹在一个括号运算符中。匿名函数包裹在一个括号运算符中，后面跟一个小括号。
2023-09-29 17:14:31
458
原创 一表总结前端axios传参与后端springboot接收
data.append('fileName', '我爱你中国')// formdata对象。
2023-09-24 16:20:49
646
原创 这样理解这段Javascript 代码
为什么会这样，我们看下面段代码，结果也是undefined。因为什么呢，因为var声明变量存在变量提升，其实它和下面这段代码运行结果是一样的。运行结果是：undefined。这三段代码都理解了。
2023-06-06 23:07:18
284
1
原创 我设计的ES6 let 例子
这段代码定义了一个数组a，然后使用for循环向数组中添加10个函数。每个函数都会输出变量i的值。接着，循环中调用了每个函数，输出了10个数字。最后，输出了一个分隔符，然后调用了数组中第一个函数，输出了数字10。这是因为在循环中，每个函数都共享了变量i的引用，而i的值在循环结束后变成了10，所以每个函数都输出了10。
2023-06-06 08:03:54
73
原创 一文说透ES6中的箭头函数表达式
的语法比函数表达式更简洁，并且没有自己的thisargumentssuper或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。
2023-06-04 22:51:52
630
原创 Vue之Router之编程式路由（045）
Vue之Router之编程式路由一、项目结构二、main.js文件import Vue from 'vue'import App from './App.vue'import VueRouter from 'vue-router'import router from './router/index.js'Vue.use(VueRouter)Vue.config.productionTip = falsenew Vue({ router:router, render: h =&g
2021-11-16 23:09:33
308
原创 Vue之Router之parmas传参（044）
Vue之Router之parmas传参一、文件结构同上篇一样二、main.js上篇一样import Vue from 'vue'import App from './App.vue'import VueRouter from 'vue-router'import router from './router'Vue.use(VueRouter)Vue.config.productionTip = falsenew Vue({ router:router, render: h =&
2021-11-14 16:30:47
753
原创 Vue之Router路由传参之一query（043）
Vue之Router路由传参之一query一、目录结构注：pages文件夹里为路由组件，route文件夹里为路由配置二、main.jsimport Vue from 'vue'import App from './App.vue'import VueRouter from 'vue-router'import router from './router'Vue.use(VueRouter)Vue.config.productionTip = falsenew Vue({ rout
2021-11-14 11:47:34
1129
原创 Vue之ＶueRouter之多级路由（042）
Vue之ＶueRouter之多级路由一、更改上篇文件结构。components 为pages。同时添加新组件，News,Foods。二、更改home组件<template> <div> <h1>HOME</h1> <div> <router-link to="/home/news">NEWS</router-link><br>
2021-11-07 11:45:38
240
原创 Vue之VueRouter入门（041）
Vue之VueRouter入门一、文件结构二、安装：npm install vue-router三、在main.js文件里引入import Vue from 'vue'import App from './App.vue'import VueRouter from 'vue-router'import router from './router/index.js'Vue.use(VueRouter)Vue.config.productionTip = falsenew Vue({
2021-11-06 22:06:33
113
原创 Vue之共享Vuex之简单入门（040）
Vue之共享V之简单入门一、项目结构二、store文件下index.jsimport Vue from "vue"import Vuex from "vuex"Vue.use(Vuex)const actions = { //定义奇数再加法 xPlusBySumOdd(context, value) { if (this.state.sum % 2) context.commit("XPlus", value) }, /
2021-11-02 22:55:47
138
原创 Vue之组件通信之消息订阅与发布（039）
Vue之组件通信之消息订阅与发布一、安装 pubsub-jsnpm i pubsub-js二、新建两个组件 VcA,VcB,并导入pubsubA发布，B订阅<template> <div class="vca"> <h1>VcA</h1> <button @click="sendMessage">发送消息</button> </div></template><scri
2021-10-04 10:54:28
350
原创 Vue之组件之事件总线（038）
Vue之组件之事件总线创建新项目G:\myvue>vue create vcbus选择第二项。开启事件总线import Vue from 'vue'import App from './App.vue'Vue.config.productionTip = falsenew Vue({ beforeCreate() { Vue.prototype.$bus=this; }, render: h => h(App),}).$mount('#app')在
2021-10-03 21:33:15
190
原创 跟着官方指南学webpack之loader（037）
跟着官方指南学webpack之loaderwebpack 开箱即用，可以无需使用任何配置文件。然而，webpack 会假定项目的入口起点为 src/index.js，然后会在 dist/main.js 输出结果，并且在生产环境开启压缩和优化。通常你的项目还需要继续扩展此能力，为此你可以在项目根目录下创建一个 webpack.config.js 文件，然后 webpack 会自动使用它。1.目录结构2.项目初始化F:\myVue\webpack-loader>npm initThis ut
2021-07-06 17:39:44
322
原创 webpack实战入门(036)
webpack实战入门1.新建项目2.项目初始化npm init3.安装 webpack webpack-cli4.项目结构在项目下添加src文件夹，并在文件src内新建index.js文件；在项目内新建build文件夹。5.index.js文件function add(x,y){ return x+y;}console.log(add(1000,999))6.打包index.js文件开发模式：webpack ./src/index.js -o ./build --m
2021-06-27 16:41:59
110
原创 webstorm创建vue项目（035）
webstorm创建vue项目一、版本webstorm版本 2021.1.1node 版本 14.16.0vue.cli 版本 4.5.13 二、新建1.create选择自定义配置选项。（按上、下健切换选项，按空格键选择选项，按i键反选)选择安装插件,说明。() Babel // 是否使用babel做转义( ) TypeScript // 是否使用class风格的组件语法( ) Progressive Web App (PWA) Support // 支持PWA() Rout
2021-05-24 18:57:25
1924
1
原创 Vue-cli4图形化界面创建和管理项目(034)
Vue-cli4图形化界面创建和管理项目一、通过 vue ui创建成功最后注意：终止网络端口填:8000。插件：依赖：配置：任务：下一步进入深入的学习。
2021-05-20 15:51:05
274
原创 体验vue-cli4(033)
体验vue-cli4一、安装Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。哈，一定要安装了node。两个命令是一样的，一个短命令，一个长命令。安装这个新的包npm install -g @vue/cli# ORyarn global add @vue/cli检查其版本注意长短命令格式: 短命令是大写。V如需升级全局的 Vue CLI 包，请运行：npm update -g @vue/cli# 或者yarn global upg
2021-05-20 11:41:22
172
3
原创 Vue-Cli构建项目(032)
Vue-Cli构建项目前面我已经安装好了cnpm.1.安装Vue-Cli.cnpm install vue-cli -g检查是否成功，vue --version在项目所在的文件目录里，打开控制台，输入ps:win10,在目录下打开控制台。在目录下。1.按住Shift键，鼠标右键快捷方式，先打开Powershell窗口。2.输入 start cmd 回车另：使用vue-cli在控制台创建项目时出现乱码时，在控制台输入：chcp 65001，即可解决问题。2.项目初始化。vue
2021-05-14 19:50:24
95
原创 npm,cnpm安装实战(031)
npm,cnpm安装实战一、npm和cnpmnpm（node package manager）：nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）。cnpm:。“这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”----来自淘宝的镜像。二.前提是安装 Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript
2021-05-14 15:29:16
235
4
原创 Vue之Componet之作用域slot(030)
Vue之Componet之作用域slot1.组件内有插槽，且插槽内有默认值，不用作用域插槽时，会按组件原样展示。完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>slot02</title> </head> <body&g
2021-05-05 09:43:44
160
原创 Vue之componet之初识slot(029)
Vue之componet之初识slot本人理解在组件内预留的类似占位符。便于功能扩展。1.默认插槽。即不具名。完整示例。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>component-slot</title> </head> &
2021-05-03 23:31:48
369
13
原创 Vue之componet之$ref(028)
Vue之componet之$ref完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>componet-children</title> </head> <body> <div id="app">
2021-04-29 14:06:49
613
原创 Vue之componet之$children(027)
Vue之componet之$children完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>componet-children</title> </head> <body> <div id="app"&g
2021-04-29 10:39:25
500
原创 Vue之子组件向父组件传值之$emit(026)
Vue之子组件向父组件传值之$emit完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>componet05</title> </head> <body> <div id="app"> <
2021-04-27 23:03:12
101
1
原创 Vue之父组件通过props向子组件传值(025)
Vue之父组件通过props向子组件传值完整代码：<head> <meta charset="utf-8"> <title>component04</title> <script src="../js/vue.js"></script></head><body> <div id="app"> <father></father><br> <
2021-04-26 18:22:57
144
原创 Vue之props对象形式静态传值（024）
Vue之props对象形式静态传值完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>componet03</title> </head> <body> <div id="app"> <ch
2021-04-24 18:36:06
339
原创 Vue之Prop静态传值(023)
Vue之Prop静态传值完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>componet02</title> </head> <body> <div id="app"> <child c
2021-04-24 11:10:18
223
原创 Vue之组件分离写法(022)
Vue之组件分离写法完整代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>component03</title> </head> <body> <div id="app"> <cpn1>
2021-04-20 22:27:34
158
原创 Vue之组件初识(021)
Vue之组件初识组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任意类型的应用界面都可以抽象为一个组件树：二. 注册组件.全局注册<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="../js/vue.js"></script> <title>compone
2021-04-19 23:36:58
184
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人