前端开发
-
前面很详细的介绍了子组件与父组件通信 以及 父组件如何与子组件通信 下面将给大家介绍两种组件间通信的方式，适用于任意组件间通信 全局事件总线 ? 使用事件总线 1、接受数据：A组件想接受数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身 //方法一： methods() { demo(data){....} .... mouted(){ this.$bus.$on('xxx',this.demo) } beforeDestroy() { //在摧毁Schoo
2024-12-03 -
图片放在src同级的static文件夹下 <template> <div> <div v-for="(image, index) in images" :key="index"> <img :src="require(`@/assets/${image}`)" alt="Local Image" /> </div> </div> </template> <script> export default { data() { return {
2024-12-03 -
<template> <div class="tabs"> <div class="line"></div> <div ref="tabs" class="tab_item" :class="{active_item:ActiveIndex == index}" v-for="(item,index) in tabList" :key="index" @click="ActiveItem(index)">{{ item }}</div> </div
2024-12-03 -
12. new一个对象具体做了什么？ 使用关键字new创建新实例对象经过了以下几步： 1、创建一个新对象，如：var person = {}; 2、新对象的_proto_属性指向构造函数的原型对象。 3、将构造函数的作用域赋值给新对象。（也所以this对象指向新对象） 4、执行构造函数内部的代码，将属性添加给person中的this对象。 5、返回新对象person。 var person = {}; person._proto_ = Person.protot
2024-12-03 -
HTML代码块： <textarea class="weui_textarea" id="textarea" maxlength="200"></textarea> <div class="data-count"><span id="count">0</span>/200</div> jQuery方法： $('#textarea').on('input', function(){ var text = $(this).val(); var len = text.length;
2024-12-03 -
1、Vivus 是一个轻量级的 JavaScript 类（无依赖项），允许您对 SVG 进行动画处理，使它们看起来像是被绘制的。有多种不同的动画可用，还可以选择创建自定义脚本以您喜欢的任何方式绘制 SVG。 https://github.com/maxwellito/vivus http://maxwellito.github.io/vivus/ 2、svgjs 用于操作 SVG 和动画的轻量级库 https://svgjs.dev/docs/3.2/ 3、raphaeljs 是一个用于
2024-12-03 -
react-utils-dev-sdk 安装 npm install react-utils-dev-sdk 如果在国内网络阻塞，使用 yarn 安装 yarn add react-utils-dev-sdk 常用方法 deepCopy 深拷贝 const newObj = deepCopy({a: 1, b: 2}) // {a: 1, b: 2} formatTimeSplit 时间戳格式化工具 const date = formatTimeSplit(1725861630886)
2024-12-03 -
react——在函数组件中使用路由 第一种方法： 安装：react-router-dom因为是函数组件，所以需要用withRouter包裹导出 import {withRouter} from "react-router-dom" const App = () => { return ( <div> <h1>APP</h1> </div> ); } export default withRouter(App); 使用方法为传
2024-12-03 -
一、理解 ES6中新添加的数据类型，本质和Object一样，都是哈希结构的键值对集合。Map数据类型是对Object的补充，传统Object键名只能是字符串，而Map的键名不限于字符串。 二、创建Map实例 使用内置对象Map（构造函数），通过new字符进行实例化。Map函数可以接受一个数组为参数，该数组的每个元素为表示键值对的数组。 let map1 = new Map(); // {size:0} let map2 = new Map([['name','jack']]); /
2024-12-03 -
SAP目前只支持三种HTML样式选择： 样式一 背景色：深色，蓝 特点：适中型排列，与SAP界面排列相同，富含UI特征，整齐美观 二维码： HTML样式: HTML-Business (veraltet) HTML模板： 前端界面： 样式二 背景色：浅色，蓝 特点：紧凑型，按钮自上而下排列，与SAP界面排列相同，整齐美观 二维码： HTML样式: Mobile Geräte (ohne HTML-Tabellen) HTML模板： 前端界面： 样式三 背景色：浅色，白 特点：间
2024-12-03