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实 ......
vue核心原理(Diff算法、虚拟dom)
核心原理&源码 Diff 算法 这里参考大佬文章:https://mp.weixin.qq.com/s/oAlVmZ4Hbt2VhOwFEkNEhw diff 算法的进化 关于 diff 算法的最经典的就是 Matt Esch 的 virtual-dom,以及 snabbdom(被整合进 vue 2 ......
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改为从后台获取菜单
一、后端接口获取菜单信息 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, ......
jenkins学习笔记之十五:SonarSQube API使用
本章主要通过SonarSQube API在pipeline第一次执行时就指定自定义的质量配置和质量阈 API 文档:http://192.168.1.134:9000/web_api 一、编写sonar API(sonarapi.groovy) 注意替换代码中sonarserve的地址及认证凭据,凭 ......
【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 ......
Solon2 接口开发: 分布式 Api Gateway 开发预览
建议使用专业的分布式网关产品,比如: nginx apisix [推荐] k8s ingress controller 等... 对 Solon 来讲,只有 Gateway:它调用本地接口时,则为本地网关;调用远程接口时,则为分布式网关。 1、一个简单的分布式接口网关效果预览 基于上一节的 ApiG ......
Flutter、UniApp、Taro和 React Native 对比分析
Flutter、UniApp 和 React Native 都是现代的跨平台移动应用开发框架,它们都有自己的优势和适用场景。以下是它们的对比分析: Flutter Flutter 是一个由 Google 推出的移动应用开发框架,使用 Dart 语言编写。Flutter 具有高度的可定制性和丰富的 U ......
react学习笔记
https://www.bilibili.com/video/BV1jg4y1x7yD/?spm_id_from=333.337.search-card.all.click&vd_source=caabcbd2a759a67e2a3de8acbaaf08ea ......
vue打包后前端修改ip地址
1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
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 ......
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 ......
10 个顶级开源 API 网关和管理工具
微服务和API(应用程序编程接口的缩写)在可持续的现代应用程序开发中几乎变得司空见惯。API 驱动微服务(一种将应用程序构建为小型、独立且可管理的服务/片段的架构设计),它们定义了(API 的)消费者如何与底层服务交互和使用。 对于企业和其他组织而言,API 已成为数字化转型战略的核心。API 使用 ......
vue按需加载组件,异步组件
vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
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 ......
vue点击图片获取图片原像素坐标
<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
javaSE-day04(常用API三)
1.为什么JDK8要新增日期类 /** * 目标:搞清楚为什么要用JDK 8开始新增的时间类。 */ public class Test { public static void main(String[] args) { // 传统的时间类(Date、SimpleDateFormat、Calend ......
javaSE-day04(常用API二)
常用API小结(StringBuilder类、StringJoiner类、Math类、System类、Runtime、BigDecimal类、Data类、SimpleDataFormat、Calendar类) ......
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实例和容器是一一对应的 ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程:一.用PS切图 1.打开PS,选择切图工具,在左边复选框选择切图工具。 2.单击右键鼠标,选择划分切片。 3.选择水平划分、垂直划分10*10,点击确定。 4.单击菜单栏文件,在导出栏选择储存为Web所用格式。 二.用HBui ......
100 多个常用免费 API 接口推荐与分享,收藏备用
写在最前 各类免费 API 接口整理,主要是 APISpace 上和其他各类开放平台上的一些,有需要的赶紧收藏备用。 高德地图 标准图层 TileLayer 卫星图层 TileLayer.Satellite 路网图层 TileLayer.RoadNet 实时交通图层 TileLayer.Traffi ......
【vue-blog】从SCF改为tsx
修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
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应用属于白 ......
react循环与条件判断
react没有语法糖,循环和条件判断都是通过原生js来实现 1. 条件判断 // 三元表达式 const getDiv = (flag)=>{ return ( <div>XXX</div> {flag?<div>条件1</div>:<div>条件2</div>} ) } ... // if判断 c ......