我很陈冠希-CSDN博客

原创将树形数据扁平化(转为一维数组)的函数方法

应用场景做树形数据时会有需要处理进行扁平化的操作来拿到里面的每一个孩子的id值,又要保留原有的树去做渲染,利用深拷贝+递归方法完成,直接上代码const arr1=deepClone(arr)moveChildrenLevel(arr)/** * 树形扁平化 * @param arr * @returns {*} */ moveChildrenLevel(arr1) { const send = [] const move = arr2 => {

2021-11-09 09:33:13 856

原创小程序原生语法

1.数据绑定{{}}属性绑定也用{{}}data:{count:0num:1}2.事件绑定事件类型: bindtap(相当于click) bindinput bindchange事件对象: event数据修改:this.setData({count:1})事件传参: 事件传参不能把参数写在方法中,要写在自定义属性中data-xxx获取参数传数: e.target.dataset.xxxinput表单: 小程序中数据不是双向绑定的, 视图层的改变,模型属没有变化获取表

2021-08-29 11:45:11 483

原创 CSS类名参考

Cascading Style Sheets 级联(层叠)样式表建议遵循以下顺序：1.布局定位属性：display/position/float/clear/visibility/overflow(建议display第一个写，毕竟关系到模式)2.自身属性：Width/height/margin/padding/border/background3.文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-

2021-08-29 10:39:30 297

原创 VUE组件化开发基础知识点

文章目录前言一、VUE里组件是什么？二、使用步骤1.引入库2.读入数据总结前言提示：以下是本篇文章正文内容，下面案例可供参考一、VUE里组件是什么？组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代码二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as sns.

2021-07-01 20:54:17 126

原创在vue项目中发送axios.ajax请求步骤

vue项目axios基础使用步骤下包导包配置请求的基准URL地址axios设置请求拦截器定义http发送axios.ajax下包npm i axios导包在main.js里输入这行代码import axios from “axios”配置请求的基准URL地址axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/’ 文档基准axios设置请求拦截器快捷键 axios-config-interceptors只要发送aja

2021-07-01 20:53:28 472

原创 VUE全家桶之VUE基础

VUE全家桶之VUE基础前言核心思想插值表达式 mustache 胡子语法vue全局API前言核心思想数据的双向绑定组件系统插值表达式 mustache 胡子语法{{msg}}{{1 + 2}}{{1 > 3 ? 1 : 3}} 有闪动的问题(绑定v-cloak解决)# vue指令### 本质自定义属性格式以v-开头的属性注意: 在指令中不要写插值语法直接写对应的变量名称例如在 v-text 中赋值的时候不要在写插值语法一般属性中不加

2021-07-01 10:54:20 74

原创全局安装脚手架及第一次配置项目详解

这里写目录标题全局安装脚手架（vue-cli)创建项目1、选择预设2、手动选择插件(大空格)3、选择你目前vue在使用的版本4、选择N 不是历史模式是哈希模式5、选择是sass还是less 根据业务需求来看你用说明选less6、选择标准 ESLint + Standard config7、检测语法是否规范不规范则报错8、是否单独形成一个配置文件,一般习惯选中第一个9、是否将以上选择保存起来变成一个预设模板??此时项目已经在初始化了全局安装脚手架（vue-cli)命令：npm install

2021-06-27 15:02:46 598

原创 VUE数组的变异方法(变更方法)

文章目录VUE数组的变异方法(变更方法)一、结论二、使用步骤1.引入库2.读入数据总结VUE数组的变异方法(变更方法)：在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变数组与对象是一个引用类型,视图层和模型层是响应式的,为什么我们传统做法在视口层无法显示呢?因为我们根本没有改变地址通过索引的方式添加或修改数组，并没有改变数组的地址并且push方法本身也没有修改数组的地址但是vue中对这些操作的方法做了改变这些

2021-06-21 19:41:43 2427

原创 VUE生命周期

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录生命周期创建期间的生命周期函数：运行期间的生命周期函数：销毁期间的生命周期函数：总结生命周期提示：VM的实力创建，更新，销毁的过程提示：以下是本篇文章正文内容，下面案例可供参考Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期函数(生命周期钩子函数)。创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性

2021-06-21 14:59:03 61

前端的博客