ifreen-CSDN博客

原创 JS多维数组扁平化

(1)数组字符串化(2)递归(3)Array.prototype.flat()(4)使用reduce,concat和递归无限反嵌套多层嵌套数组。

2022-11-16 15:16:03 145 1

原创 05-Element-UI学习（vue全家桶05）

姓名: {{ scope.row.name }}住址: {{ scope.row.address }}

2022-10-06 17:02:23 574 1

序号组件关系数据通信1父子关系子传父：$emit；父传子：props2非父子关系3非父子关系vuex和我们已经学过的父子通信和兄弟通信类似，vuex也是一种组件通信解决方案1.actions与mutations相同点：都是修改state数据2.actions与mutations不同点mutations：同步更新actions: 异步更新（例如你的数据来源于ajax）为什么要有actions, 假如你有一个数据，需要通过ajax请求来获取。然后你想存入vuex，应该怎么做？

2022-10-06 15:21:03 152

原创 03-vue路由(全家桶03)

前端路由和后端路由不是同一个东西，不要搞混淆url地址和后端逻辑的对应关系url地址和组件的对应关系1.前端中的路由：不同的路径对应加载不同的页面，且页面不会跳转路由的功能类似于tab切换，但是更加的高级，性能更好2.路由的工作原理：监听网页hash值变化(1)修改网页的hash值hash值原本的作用是来做锚点定位的，它有一个特点就是页面不会跳转(2)给window注册onhashchange事件，监听hash值变化。

2022-10-06 15:02:38 872

原创组件插槽,vue自定义指令,$ref使用（获取DOM对象或组件对象）, $nextTick使用,组件使用v-model(v-model底层原理)

我是p标签，我使用了自定义指令v-red

2022-10-06 14:33:54 803 2

原创 02-Vue使用axios( Vue 全家桶02)

axios特点支持客户端发送Ajax请求支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据axios 底层还是原生js实现, 内部通过Promise封装的。

2022-09-26 21:57:58 1042

原创 01-Vue生命周期钩子

一组件从创建到销毁的整个过程就是生命周期vue生命周期钩子官方文档：生命周期图示vue生命周期钩子介绍vue生命周期钩子介绍： vue从创建到销毁过程中，会执行的一些回调函数钩子：一种回调函数例如window.onload = function(){ dom加载完毕，外部资源加载完毕就执行 }生命周期： vue实例从出生到扑街的过程出生：创建vue实例创建data数据创建el挂载点将data数据渲染到el挂载点扑街vue实例被销毁。

2022-09-26 21:41:52 162

原创 01-Vue Cli与组件化开发（vue 全家桶01）(你一定要会搭建)

vuecil-demo # 项目目录├── node_modules # 项目依赖的第三方包├── public # 静态文件目录├── favicon.ico# 浏览器小图标└── index.html # 单页面的html文件(网站首页，vue会帮我们配置好，使用较少)├── src # 业务文件夹(项目核心文件夹，我们写的项目代码都放在这个文件夹里面)├── assets # 静态资源（一般项目图片、css都放在这里）

2022-09-25 11:59:25 118

原创 01-vue指令补充

第二种：不会改变原数组的元素值. 例如 slice() 、 filter() 、 concat()等 * 这种情况 v-for不会更新。注意: vue不能监测到数组里赋值的动作而更新, 如果需要请使用Vue.set() 或者this.$set(), 或者覆盖整个数组。第一种: 会改变原数组的元素值，例如 reverse()、pop()、push()等 * 这种情况 v-for也会更新。2.总结 : 如果v-for没有更新. 可以覆盖整个数组, 或使用 vue.$set() 强制更新。

2022-09-25 11:24:47 331

原创 01-vue入门

(1)Vue是什么？js框架(2)Vue干什么用的?构建用户页面(数据渲染到页面)(3)有什么特点？渐进式1.挂载点el作用：告诉vue实例，你要将data中的数据渲染到哪一个视图2.注意点(1)挂载点可以使用 id选择器（vue推荐使用）类选择器标签选择器开发中基本上都是id选择器，保证HTML标签唯一性如果你希望data中的数据能够对多个元素生效，可以将vue实例挂载到父元素中(2)如果选择器选中了多个元素，只会选择第一个元素。

2022-09-25 10:57:26 1155

原创了解flex布局

如果不考虑兼容性可以大量使用，如果是移动端则不用考虑直接flex。特别是多行的情况下，我们需要给弹性盒子换行，给父盒子弹性容器加。Flex不存在脱标的情况也就是基本淘汰了浮动，更不用清除浮动。修改主轴方向属性flex-direction。简单说就是没有块级元素，行内元素和行内块元素。任何一个元素都可以直接给宽度和高度一行显示。把父盒子分为若干份数，每个子盒子各占几份。主轴默认是水平方向,侧轴默认是垂直方向。在flex眼中，标签不再分类。...

2022-07-22 15:58:05 566

m0_70847086的博客