react hook api vue

vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间

1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......

vue3

一、简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
vue3 vue

vue核心原理(Diff算法、虚拟dom)

核心原理&源码 Diff 算法 这里参考大佬文章:https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom,以及 snabbdom(被整合进 vue 2 ......
算法 原理 核心 Diff vue

vue-element-template去除登录

一、修改src目录下的permission.js文件 1、注释 //if (hasToken) { // if (to.path '/login') { // // if is logged in, redirect to the home page // next({ path: '/' }) / ......
vue-element-template template element vue

vue-element-template改为从后台获取菜单

一、后端接口获取菜单信息 1、返回数据样式 { "code": 20000, "data": [{ "menuId": "2000000000000001", "parentMenuId": "0", "name": "Json工具", "menuType": 2, "component": "#" ......

Vue插件router

路由 概念: 一组key-value对应关系 key1 + value1 => 路由route key2 + value2 => 路由route ...... - 上述路由的集合,就是'路由器'(router) - key为路径,value对应 组件或者 回调func 插件: vue-router, ......
插件 router Vue

jenkins学习笔记之十五:SonarSQube API使用

本章主要通过SonarSQube API在pipeline第一次执行时就指定自定义的质量配置和质量阈 API 文档:http://192.168.1.134:9000/web_api 一、编写sonar API(sonarapi.groovy) 注意替换代码中sonarserve的地址及认证凭据,凭 ......
SonarSQube jenkins 笔记 API

【git】解决gogs迁移后报错remote: hooks/pre-receive: line 2: /data/gogs/gogs: No such file or directory

【gogs迁移后错误提示】 remote: hooks/pre-receive: line 2: /data/gogs/gogs: No such file or directory To http://192.168.1.129:53000/yin.xia/sgs-vue.git ! [remot ......
gogs pre-receive directory receive remote

Solon2 接口开发: 分布式 Api Gateway 开发预览

建议使用专业的分布式网关产品,比如: nginx apisix [推荐] k8s ingress controller 等... 对 Solon 来讲,只有 Gateway:它调用本地接口时,则为本地网关;调用远程接口时,则为分布式网关。 1、一个简单的分布式接口网关效果预览 基于上一节的 ApiG ......
分布式 接口 Gateway Solon2 Solon

Flutter、UniApp、Taro和 React Native 对比分析

Flutter、UniApp 和 React Native 都是现代的跨平台移动应用开发框架,它们都有自己的优势和适用场景。以下是它们的对比分析: Flutter Flutter 是一个由 Google 推出的移动应用开发框架,使用 Dart 语言编写。Flutter 具有高度的可定制性和丰富的 U ......
Flutter UniApp Native React Taro

react学习笔记

https://www.bilibili.com/video/BV1jg4y1x7yD/?spm_id_from=333.337.search-card.all.click&vd_source=caabcbd2a759a67e2a3de8acbaaf08ea ......
笔记 react

vue打包后前端修改ip地址

1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
前端 地址 vue

Vue 工具

http://www.axios-js.com/ API测试资源 https://jsonplaceholder.typicode.com/ Fetch API ......
工具 Vue

vue2 - axios 的使用

Axios 官网:http://axios-js.com/zh-cn/docs/ Axios的模块化: 二次封装Axios import Vue from "vue" import VueAxios from "vue-axios"; Vue.use(VueAxios) const response ......
axios vue2 vue

Mac电脑创建Vue项目时报错 错误内容:Error: command failed: npm install --loglevel error --legacy-peer-deps

解决方法:在命令vue create xxx前加sudo。 错误原因:应该是用户权限吧,深入不清楚,反正添加sudo后可以成功创建vue项目了。 ......

React 防抖(Debounce)Hook

防抖动 (debounce)是常见的需求,那么如何搭配 React Hooks 实现防抖动呢,下面演示两种方案。 方案一 副作用防抖 /** * * @param {React.EffectCallback} fn * @param {React.DependencyList} deps * @pa ......
Debounce React Hook

10 个顶级开源 API 网关和管理工具

微服务和API(应用程序编程接口的缩写)在可持续的现代应用程序开发中几乎变得司空见惯。API 驱动微服务(一种将应用程序构建为小型、独立且可管理的服务/片段的架构设计),它们定义了(API 的)消费者如何与底层服务交互和使用。 对于企业和其他组织而言,API 已成为数字化转型战略的核心。API 使用 ......
网关 管理工具 顶级 工具 API

vue按需加载组件,异步组件

vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
组件 vue

react+echarts出现“There is a chart instance already initialized on the dom.”

写了一个关于echatrs组件,报错dom重复 配置信息从props拿 let chart; useEffect(() => { if (chart) { updateChartView(); }else{ chart = echarts.init(dom.current) updateChartV ......
initialized instance echarts already react

vue点击图片获取图片原像素坐标

<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
图片 坐标 像素 vue

javaSE-day04(常用API三)

1.为什么JDK8要新增日期类 /** * 目标:搞清楚为什么要用JDK 8开始新增的时间类。 */ public class Test { public static void main(String[] args) { // 传统的时间类(Date、SimpleDateFormat、Calend ......
javaSE-day 常用 javaSE day API

javaSE-day04(常用API二)

常用API小结(StringBuilder类、StringJoiner类、Math类、System类、Runtime、BigDecimal类、Data类、SimpleDataFormat、Calendar类) ......
javaSE-day 常用 javaSE day API

vue-element-admin e-icon-picker的input一直不出来

今天项目中有用到e-icon-picker,然后正常引入如下: 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了,但是页面中一直都没有出现 各种查找原因,最终浪费了很久时间才找到原因,是e-icon-picker的版本的问题,也就是1.1.7版本的input并没有,这个是版本自己的 ......

Vue基础语法整理

# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 demo容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
语法 基础 Vue

Vue10*10图片表格的点击效果

要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
表格 效果 图片 10 Vue

100 多个常用免费 API 接口推荐与分享,收藏备用

写在最前 各类免费 API 接口整理,主要是 APISpace 上和其他各类开放平台上的一些,有需要的赶紧收藏备用。 高德地图 标准图层 TileLayer 卫星图层 TileLayer.Satellite 路网图层 TileLayer.RoadNet 实时交通图层 TileLayer.Traffi ......
接口 多个 常用 100 API

【vue-blog】从SCF改为tsx

修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
vue-blog blog vue SCF tsx

django-rest-framework-从零开始-4-视图函数api_view的使用

django-rest-framework-从零开始-4-视图函数api_view的使用 1、前言 我们之前测试都是基于本地调试,采用直接运行py的方式,并没有启动服务,接下来,我们尝试通过请求与相应来处理一些请求,首先是编写视图,接下来就是生成路由,然后启动服务即可。 2、编写视图函数 (1)在s ......

《渗透测试》JS架构&框架识别&泄漏提取&API接口枚举&FUZZ爬虫&插件项目 Day14

0、什么是JS渗透测试? 在Javascript中也存在变量和函数,当存在可控变量及函数调用即可参数漏洞 JS开发的WEB应用和PHP,JAVA,NET等区别在于即没有源代码,也可以通过浏览器的查看源代码获取真实的点。获取URL,获取JS敏感信息,获取代码传参等,所以相当于JS开发的WEB应用属于白 ......
amp 爬虫 架构 插件 框架

react循环与条件判断

react没有语法糖,循环和条件判断都是通过原生js来实现 1. 条件判断 // 三元表达式 const getDiv = (flag)=>{ return ( <div>XXX</div> {flag?<div>条件1</div>:<div>条件2</div>} ) } ... // if判断 c ......
条件 react