组件 函数vue design
01-React-组件-CSS模块化
Css Module (推荐) React 的脚手架已经内置了 css modules 的配置： .css/.less/.scss 等样式文件都修改成 .module.css/.module.less/.module.scss 等； 在以前我们的文件是这样的 index.css 如果使用了 CSS ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
[Ant Design Pro] a brief note when trying a frontend framework
I'm a backend developer and know little about frontend. but recently I tried a frontend building tool, Ant Design Pro. Here is an note when initiating ......
BootstrapBlazor组件库，Table组件外部导出数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么通过外部按钮来导出数据。 解决方案 通过@ref当前表格对象来获取数据，然后进行导出操作。 Razor代码 <Button cla ......
组件通信
认真学习前端第四天打卡 1.组件通信： 1.父子组件： 父->子：父组件在子组件标签里（响应式v-bind）自定义属性传递；子组件通过props属性接收 子->父：子组件实例自定义事件（$emit），父组件中子组件监听这个事件（v-on） 2.兄弟组件： $emit->$on(挂载后mounted） ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
虚函数与多态
一、Inheritance（继承）with virtual functions（虚函数） non-virtual 函数：你不希望derived class重新定义（override，复写）它。 virtual 函数：你希望derived class重新定义（override，复写）它，且你对它已有默 ......
typescript_error_函数实现重复
在对ts文件执行编译后, 即执行tsc命令后, 函数名报错:"函数实现重复", 原因是新生成的同名js文件中包含了同样的函数名被识别到 在.ts文件目录下执行tsc --init生成tsconfig.json文件, 之后再编译就不会报错了( 注意必须是.ts文件的目录, 我在对D:/test/typ ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
C语言中的函数指针以及模拟面向对象
函数指针的概念 顾名思义，函数指针就是指向函数的指针，该指针的值是函数的入口。下面的代码时函数指针的一个基本实例。 #include <stdio.h> int max_(int a, int b); int max1_(int (*func_p)(int, int), int a, int b); ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求，如下图。需要实现数据导出功能，ProTable搜索栏默认有重置和查询按钮，所以需要增 ......
getattr()函数、setattr()函数
getattr(object, name[, default]) getattr(object, name[, default]) getattr简介 参数 object – 对象。 name – 字符串，对象属性。 default – 默认返回值，如果不提供该参数，在没有对应属性时，将触发 Att ......
10. 函数和函数的定义
定义方式1：绝对值函数 ：functionfunction f(arr) { if (arr>=0){ return arr; }else{ return -arr; } }一旦执行到return 代表函数（方法）结束，返回结果！如果没有执行return 函数执行完也会返回结果，结果是NaN 定义方 ......
封装简易axios函数
function myAxios(config) { return new Promise((resolve,reject) => { const xhr = new XMLHttpRequest() if (config.params) { const params = new URLSearch ......
vue3 defineEmits的使用
1.计数器案例 父组件： <template> <h2>当前计数为： {{counter}}</h2> <HelloWorld @add1="add1" @decre1="decre1"></HelloWorld> </template> <script setup> import { ref } ......
Vue3中的Ref与Reactive：深入理解响应式编程
前言 Vue 3是一个功能强大的前端框架，它引入了一些令人兴奋的新特性，其中最引人注目的是ref和reactive。这两个API是Vue 3中响应式编程的核心，本文将深入探讨它们的用法和差异。 什么是响应式编程？ 在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新， ......
Python functools模块：提升函数式编程的5个常用函数
Python的 functools 模块是标准库中的一个强大工具，提供了一系列函数，用于优化和增强函数式编程的能力。这些函数可以帮助我们处理函数、操作装饰器、缓存结果等。介绍functools模块中的五个常用函数，包括 partial、wraps、lru_cache、reduce和compose，并 ......
记录--使用Canvas绘制一个验证码组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 使用Canvas绘制一个验证码组件 前言 验证码，这一日常伴随我们的要素，是我们在线交互的重要安全保障。你的手机短信里是否被它占据半壁江山，今天我们就来聊聊如何在网页上实现一个简单的验证码组件。大家在登录网站时为了防止被恶意攻击或者多次点 ......
Vue2.x项目使用MAPBOX地图
Vue2.x项目 下载安装依赖 npm i mapbox-gl --save npm i mapbox-gl-controls --save 组件代码（注意在官网注册和token值申请） <template> <div class="mapbox-map001"> <p> https://www.m ......
BootstrapBlazor组件库，Table组件导出选中行数据
BootstrapBlazor组件库，Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时，不知道怎么导出选中的行数据。 解决方案 通过SelectedRows来导出选中的行数据。 Razor代码 <Table TItem="Foo ......
BootstrapBlazor组件库，EditorForm表单组件自定义提示
BootstrapBlazor组件库，EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时，不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值，来修改默认的提示文本信息。 Razor代码 <E ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
element中的<el-cascader>组件当值是0时不选中问题
在element中的组件中，如果当前值是0时，无法显示。 解决方法：将为0的值转换成字符串的0，即 "0"。 ......
vue el-table-column 内容省略号，根据数字展示内容，鼠标移上展示详情
鼠标移上展示详情:title="scope.row.fmContent" <el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope"> <span :title="scope.row.fmContent"> ......