- Vue-前端发展史
lengzher_5601
Vuevue.jshtmlcssjsjsp
文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design:阿里巴巴出品,基于React的UI框架ElementUI、iview、ice:饿了么出品,基于Vue的UI框架BootStrap:Teitter推出的一个用于前端开发的开源工具包AmazeUI
- 一起来动手实现一个ai聊天对话
本文,我们将根据前文来实现一个ai聊天对话项目,感受真实的业务。项目技术栈vite---一个前端工程构建工具。antd---一个reactui组件库。@ant-design/icons----一个react图标库。mockjs---模拟消息对话数据。dayjs---一个日期处理库react---一个javascript框架。typescript---javascript的超集。ew-message
- 【vue 后台管理模板 ranAdmin 支持ant-design/ant-design/electron-plus/electron-plus-electron】
RanShakaLove
ranAdminvueelectronvue.jselectronjavascript
【vue后台管理模板支持ant-design/ant-design/electron-plus/electron-plus-electron】个性化功能项目主要功能项目演示github地址vue-ant-designgitee地址vue-ant-design项目地址项目4个分支ant-designant-dessign-electronelement-pluselement-plus-electr
- github 拉取 ant-design-pro 初始化项目的方法
猫会走猫步
githubgitnpm
gitclone--depth=1https://github.com/ant-design/ant-design-pro.gitmy-project进入项目路径:cdmy-project安装依赖:npminstall若已使用过ant-design-pro,拉取之前也可以先清除,管理员运行命令行输入npmcacheclean--force清除缓存,然后clonegit仓库。
- React Native实现手风琴折叠菜单效果
做全栈攻城狮
使用了各类手风琴组件,都出现了各类问题。而市面上手风琴效果的第三方组件又不是很多。最终使用的是antdesign的手风琴效果,简单高效。组件网址:https://rn.mobile.ant.design/components/accordion-cn/#components-accordion-demo-basic使用DEMO:https://github.com/ant-design/ant-d
- Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design
咏春-迪迦
JavaScriptjavascriptvue.js前端
项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件,复制粘贴即可使用!/***Vite配置文件*@author斗宗强者*@since2021-12-1623:09*/import{resolve}from"path";import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importVit
- 前端组件库自定义主题切换探索-01-方案借鉴与思路参考
东扯葫芦西扯瓜
探索原因背景首先自然是项目有需求,这是必须去做的原因其次,是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架,比如avue,而是有着自己的UI组件库第三,我们的组件库基于ant-design-vue,而ant-design-vue并没有很好的支持主题动态切换(主题总体模式仅支持深色和浅色,其他颜色只支持主色切换,不支持其他颜色和属性动态定制)第四,我
- 关于umjs的主题切换实现
千击万磨还坚韧,任尔东西南北风
javascript
注意本文写作日期2024年7月7日,我目前是最新版本的注意:该功能仅antdv5可用最后目标实现先说一下,umijs布局默认是内置@ant-design/pro-layout布局写的看一下官网ProLayout-高级布局和布局与菜单直接在app.tsx加入以下,umijs会读取对应信息配置到ProLayout...exportconstlayout=()=>{return{logo:logo,ri
- Next.js脚手架进阶 — 封装fetch && 增加中间件
weixin_33923148
json前端后端ViewUI
Next.js脚手架进阶系列完美契合ant-design封装fetch&&增加中间件部署上线封装fetch首先先来说一下为什么要用fetch而不是axios吧,主要有以下两点:第一,我在另一个脚手架express-react-scaffold里使用的就是axios,秉着学习新东西的想法,想自己封装一下fetch。第二,个人觉得fetch的功能更为强大,因为fetch是原生支持的API,更加的底层,
- JEECG框架的入门学习
HITZXL
前后端分离框架前端框架
学习背景近期项目中,使用到了一个叫ant-design-vue-jeecg的框架。就看看这个名字,也可以看出来三个框架:ant-design前端UI框架VUE前端框架jeecg这个框架接触不多,学习一下框架简介官网:JEECG官方网站-基于BPM的低代码开发平台JeecgBoot低代码平台,基于SpringBoot+AntDesign的前后端分离架构,集成完善的工作流平台、强大的代码生成器、流程设
- 设置ant-design vue表单a-input输入类型为数字
梅秃头
前端开发vue.jsjavascript前端
新增/更新表单时,要求表单输入框类型数字类型,而后端实体类该属性为字符类型,以下操作可以帮助你实现在v-model后面添加类型限制,即number在表单校验中添加type:'number'rules:{age:[{type:'number',required:true,message:'年龄必须为数字类型',trigger:'change'}],}这时,新增时表单的数据类型校验是没问题了,但是更新
- npm 以组织为单位发布依赖包(@username/package-name、@org-name/package-name)
示例:@ant-design/aliyun-theme@ant-design/antd-theme-variable@ant-design/charts//...1.注册组织在官网注册相应的组织,npmjs.com以个人账号登录。点击头像找到AddOrganization,填写相关信息,创建完成。2.发布首先需要在终端中设置npm登录信息:npmlogin发布分为两种情况,一种是已经创建了项目,现
- 【ant-design】表单validate验证名称重复
GUlGA
vue笔记前端javascript开发语言
methods:{validateToName(rule,value,callback){check({userName:value}).then((res)=>{varexist=res.data.exist//console.log('ex',exist)if(exist){callback(newError('名称已存在'))}else{callback()}})},}
- ant-design基于Mock访问本地服务器的资源
天蒙蒙亮
React
前些时间项目开发中,遇到需要访问服务器上的静态资源,无论怎样配置,一直报跨域,405。那就搭建localhost服务器访问本地-----模拟和服务器一样的环境。大体步骤:1.在项目中搭建好本地服务器。2.定义接口和数据源。3.调用接口。(方式一:在组件中调用接口;方式二:在models中调用方法(调用接口),数据传给payload传给组件。)如何使用mockjs。转载:https://blog.c
- React Native for Arcgis 地图开发 LocationCtrl (十五)
haibalai
定位工具封装和使用LocationCtrlimportReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'react-native';import{Button,List,Switch}from'@ant-design/react-native';i
- React Native for Arcgis 地图开发 LocationDisplayCtrl (十四)
haibalai
定位展示LocationDisplayCtrl封装importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet,DeviceEventEmitter}from'react-native';import{Button,List,Switch}from'@ant-design/react-nativ
- 前端常见需求整理 - 日期处理(包含moment、时间戳、日期对象)
共沐春鳅
前端javascript
格式介绍moment对象使用UI框架的时间相关组件时(如ant-design),默认的绑定值的格式往往为这种。/*控制台的打印效果*/Moment{...}Moment{_d:(...)_isAMomentObject:true_isUTC:(...)_isValid:(...)_locale:(...)_pf:(...)}字符串部分栗子对应YYYY-MM-DDHH:mm:ss2022-04-12
- 【React】在项目中使用阿里图标库
一颗不甘坠落的流星
工作随记react.jsjavascript前端
文章目录打开阿里图标库==》选择相应图标项目选择Symbol格式,并复制链接基于antd新建一个JS文件MyIcon.js,并绑定上面复制的链接import{createFromIconfontCN}from'@ant-design/icons';//图标有更新时,需更新下面图标链接exportconstMyIcon=createFromIconfontCN({scriptUrl:'//at.al
- npm 以组织为单位发布依赖包(@username/package-name、@org-name/package-name)
idxx9527
npm前端node.js
示例:@ant-design/aliyun-theme@ant-design/antd-theme-variable@ant-design/charts//...1.注册组织在官网注册相应的组织,npmjs.com以个人账号登录。点击头像找到AddOrganization,填写相关信息,创建完成。2.发布首先需要在终端中设置npm登录信息:npmlogin发布分为两种情况,一种是已经创建了项目,现
- 【React】前端项目引入阿里图标
香菜啵子欸
前端笔记React笔记前端react.js前端框架
【React】前端项目引入阿里图标1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;2、加入并进入到项目中去选择Symbol点击复制代码3、安装@ant-design/icons4.新建一个MyIcon.js文件内容如下5、在项目中使用1、登录自己的iconfont-阿里巴巴矢量图标库,把需要的图标加入到自己的项目中去;2、加入并进入到项目中去选择Symbol点
- 【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘
香菜啵子欸
React笔记react
【Antd】Modulenotfound:Can'tresolve'@ant-design/icons'in'E:\xx\xx\xx'项目中使用报错信息报错原因解决方法项目中使用import{Layout,Menu}from'antd';import{MenuUnfoldOutlined,UploadOutlined}from'@ant-design/icons';报错信息【Antd】Module
- React博客项目系列2 文章复制代码,评论添加表情
我先润了
reactreact.jsjavascript前端
React博客项目系列1编写markdown文章,代码高亮,显示文章与目录文章复制代码要实现的功能:鼠标悬浮在博文里的代码块,右上角出现复制按钮点击复制按钮,复制代码块里的代码下载依赖yarnaddcopy-to-clipboard功能实现//封装组件import{CopyOutlined,LoadingOutlined}from'@ant-design/icons'importReact,{us
- UI框架组件(详细版)
小龙博客
uijavascript开发语言
常用UI框架:与React功能性框架配合的UI框架:Ant-design:AntDesignofReact-AntDesignAnt-design-Mobile:AntDesignMobile|AMobileDesignSpecificationReact-Bootstrap:React-BootstrapMaterial-UI:MUI:TheReactcomponentlibraryyoualw
- Ant-design dataPicker组件所遇问题
微_______凉
1datePicker所加的className类名作用的范围是输入框,不能控制展开的下拉框样式2展开的日历框的位置是相对于body,并不在中,而且层级较高,为1050,超过了Modal组件的层级,官方提供的dropdownClassName属性并不能加上类名,需用popupStyle加在DatePicker上,可通过这种方法来解决层级过高的问题。3Mode属性为year/mode不能选中4结合mo
- React Native for Arcgis 地图开发 GraphicCtrl (十三)
haibalai
GraphicCtrl的使用importReact,{useState,useEffect}from'react';import{View,Text,ScrollView,StyleSheet}from'react-native';import{Button,List,Switch}from'@ant-design/react-native';import{GraphicCtrl,GraphicL
- 封装ProTable组件
_琉
react.js前端前端框架
今天分享一篇关于ProComponents(ant.design)的文章,后面也会围绕ProTable这个组件去更新一个比较好用的table。这次主要用到的技术点:import{createContext,useEffect}from'react';import{useRef,useState}from'react';importProTablefrom'@ant-design/pro-table
- 【Ant Design of Vue】Modal.confirm无法关闭的bug
狂飙的肥兔
AntDesignofVuevue.jsbugjavascript
一、问题在使用AntDesignVue的Modal.confirm确认框时,出现了点击取消和确定后Modal.confirm确认框无法关闭的问题二、代码代码完全是copy的官网的代码,但是copy到本地后就会出现上述问题Confirmimport{ExclamationCircleOutlined}from'@ant-design/icons-vue';import{createVNode,def
- React 基于Ant Degisn 实现table表格列表拖拽排序
夏林夕
react.js前端前端框架
效果图:代码:myRow.jsimport{MenuOutlined}from'@ant-design/icons';import{DndContext}from'@dnd-kit/core';import{restrictToVerticalAxis}from'@dnd-kit/modifiers';import{arrayMove,SortableContext,useSortable,ver
- Ant Design 5.0+react管理系统
菜鸟码农qq
react前端框架
用户管理页面代码importReact,{useEffect,useRef,useState}from'react';importtype{ProColumns}from'@ant-design/pro-table';importProTablefrom'@ant-design/pro-table'import{Button,Checkbox,Form,Input,message,Modal,Se
- 开源 UI 组件库和开发工具库概览 | 开源专题 No.59
开源服务指南
开源专题开源ui
ant-design/ant-designStars:87.9kLicense:MITAntDesign是一个企业级UI设计语言和ReactUI库。为Web应用程序设计的企业级UI。提供一套高质量的开箱即用的React组件。使用可预测静态类型编写TypeScript代码。包含完整的设计资源和开发工具包。支持数十种语言国际化支持基于CSS-in-JS实现强大主题定制功能。microsoft/flue
- scala的option和some
矮蛋蛋
编程scala
原文地址:
http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html
对于学习 Scala 的 Java™ 开发人员来说,对象是一个比较自然、简单的入口点。在 本系列 前几期文章中,我介绍了 Scala 中一些面向对象的编程方法,这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念,找到其缺点
- NullPointerException
Cb123456
androidBaseAdapter
java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference
出现以上异常.然后就在baidu上
- PHP使用文件和目录
天子之骄
php文件和目录读取和写入php验证文件php锁定文件
PHP使用文件和目录
1.使用include()包含文件
(1):使用include()从一个被包含文档返回一个值
(2):在控制结构中使用include()
include_once()函数需要一个包含文件的路径,此外,第一次调用它的情况和include()一样,如果在脚本执行中再次对同一个文件调用,那么这个文件不会再次包含。
在php.ini文件中设置
- SQL SELECT DISTINCT 语句
何必如此
sql
SELECT DISTINCT 语句用于返回唯一不同的值。
SQL SELECT DISTINCT 语句
在表中,一个列可能会包含多个重复值,有时您也许希望仅仅列出不同(distinct)的值。
DISTINCT 关键词用于返回唯一不同的值。
SQL SELECT DISTINCT 语法
SELECT DISTINCT column_name,column_name
F
- java冒泡排序
3213213333332132
java冒泡排序
package com.algorithm;
/**
* @Description 冒泡
* @author FuJianyong
* 2015-1-22上午09:58:39
*/
public class MaoPao {
public static void main(String[] args) {
int[] mao = {17,50,26,18,9,10
- struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题!
7454103
DAOspringAjaxjsonqq
struts2.18 出来有段时间了! (貌似是 稳定版)
闲时研究下下! 貌似 sruts2 搭配 json 做 ajax 很吃香!
实践了下下! 不当之处请绕过! 呵呵
网上一大堆 struts2+json 不过大多的json 插件 都是 jsonplugin.34.jar
strut
- struts2 数据标签说明
darkranger
jspbeanstrutsservletScheme
数据标签主要用于提供各种数据访问相关的功能,包括显示一个Action里的属性,以及生成国际化输出等功能
数据标签主要包括:
action :该标签用于在JSP页面中直接调用一个Action,通过指定executeResult参数,还可将该Action的处理结果包含到本页面来。
bean :该标签用于创建一个javabean实例。如果指定了id属性,则可以将创建的javabean实例放入Sta
- 链表.简单的链表节点构建
aijuans
编程技巧
/*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h"
#define NODE(name, key_word, help) \ Node name[1]={{NULL, NULL, NULL, key_word, help}}
typedef struct node { &nbs
- tomcat下jndi的三种配置方式
avords
tomcat
jndi(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来,使得我们可以用名称
访问对象。目录服务是一种命名服务,在这种服务里,对象不但有名称,还有属性。
tomcat配置
- 关于敏捷的一些想法
houxinyou
敏捷
从网上看到这样一句话:“敏捷开发的最重要目标就是:满足用户多变的需求,说白了就是最大程度的让客户满意。”
感觉表达的不太清楚。
感觉容易被人误解的地方主要在“用户多变的需求”上。
第一种多变,实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的,只是比较多,也比较混乱,用户一般只能了解自己的那一小部分,所以没有用户能清楚的表达出整体需求。而由于各种条件的,用户表达自己那一部分时也有
- 富养还是穷养,决定孩子的一生
bijian1013
教育人生
是什么决定孩子未来物质能否丰盛?为什么说寒门很难出贵子,三代才能出贵族?真的是父母必须有钱,才能大概率保证孩子未来富有吗?-----作者:@李雪爱与自由
事实并非由物质决定,而是由心灵决定。一朋友富有而且修养气质很好,兄弟姐妹也都如此。她的童年时代,物质上大家都很贫乏,但妈妈总是保持生活中的美感,时不时给孩子们带回一些美好小玩意,从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
- oracle 日期时间格式转化
征客丶
oracle
oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP;
SYSDATE:不支持毫秒,取的是系统时间;
SYSTIMESTAMP:支持毫秒,日期,时间是给时区转换的,秒和毫秒是取的系统的。
日期转字符窜:
一、不取毫秒:
TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS')
简要说明,
YYYY 年
MM 月
- 【Scala六】分析Spark源代码总结的Scala语法四
bit1129
scala
1. apply语法
FileShuffleBlockManager中定义的类ShuffleFileGroup,定义:
private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) {
...
def apply(bucketId
- Erlang中有意思的bug
bookjovi
erlang
代码中常有一些很搞笑的bug,如下面的一行代码被调用两次(Erlang beam)
commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b
Author: Jovi Zhang <
[email protected]>
Date: Fri Dec 2 16:19:22 2011 +0100
erts:
- 移位打印10进制数转16进制-2008-08-18
ljy325
java基础
/**
* Description 移位打印10进制的16进制形式
* Creation Date 15-08-2008 9:00
* @author 卢俊宇
* @version 1.0
*
*/
public class PrintHex {
// 备选字符
static final char di
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 利用cmd命令将.class文件打包成jar
chenyu19891124
cmdjar
cmd命令打jar是如下实现:
在运行里输入cmd,利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes)
现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作:
cd D: 回车
cd workspace/prpal
- [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
comsci
eclipse设计模式算法工作swing
JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
&nb
- SecureCRT右键粘贴的设置
daizj
secureCRT右键粘贴
一般都习惯鼠标右键自动粘贴的功能,对于SecureCRT6.7.5 ,这个功能也已经是默认配置了。
老版本的SecureCRT其实也有这个功能,只是不是默认设置,很多人不知道罢了。
菜单:
Options->Global Options ...->Terminal
右边有个Mouse的选项块。
Copy on Select
Paste on Right/Middle
- Linux 软链接和硬链接
dongwei_6688
linux
1.Linux链接概念Linux链接分两种,一种被称为硬链接(Hard Link),另一种被称为符号链接(Symbolic Link)。默认情况下,ln命令产生硬链接。
【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中,保存在磁盘分区中的文件不管是什么类型都给它分配一个编号,称为索引节点号(Inode Index)。在Linux中,多个文件名指向同一索引节点是存在的。一般这种连
- DIV底部自适应
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- Centos6.5使用yum安装mysql——快速上手必备
dcj3sjt126com
mysql
第1步、yum安装mysql
[root@stonex ~]# yum -y install mysql-server
安装结果:
Installed:
mysql-server.x86_64 0:5.1.73-3.el6_5 &nb
- 如何调试JDK源码
frank1234
jdk
相信各位小伙伴们跟我一样,想通过JDK源码来学习Java,比如collections包,java.util.concurrent包。
可惜的是sun提供的jdk并不能查看运行中的局部变量,需要重新编译一下rt.jar。
下面是编译jdk的具体步骤:
1.把C:\java\jdk1.6.0_26\sr
- Maximal Rectangle
hcx2013
max
Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.
public class Solution {
public int maximalRectangle(char[][] matrix)
- Spring MVC测试框架详解——服务端测试
jinnianshilongnian
spring mvc test
随着RESTful Web Service的流行,测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架,如果版本低于3.2,请使用spring-test-mvc项目(合并到spring3.2中了)。
Spring MVC测试框架提供了对服务器端和客户端(基于RestTemplate的客户端)提供了支持。
&nbs
- Linux64位操作系统(CentOS6.6)上如何编译hadoop2.4.0
liyong0802
hadoop
一、准备编译软件
1.在官网下载jdk1.7、maven3.2.1、ant1.9.4,解压设置好环境变量就可以用。
环境变量设置如下:
(1)执行vim /etc/profile
(2)在文件尾部加入:
export JAVA_HOME=/home/spark/jdk1.7
export MAVEN_HOME=/ho
- StatusBar 字体白色
pangyulei
status
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
/*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
- 如何分析Java虚拟机死锁
sesame
javathreadoracle虚拟机jdbc
英文资料:
Thread Dump and Concurrency Locks
Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
- 位运算简介及实用技巧(一):基础篇
tw_wangzhengquan
位运算
http://www.matrix67.com/blog/archives/263
去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一,很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料,学习到了更多关于位运算的知识,有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章,与其说是原来那篇文章的follow-up,不如说是一个r
- jsearch的索引文件结构
yangshangchuan
搜索引擎jsearch全文检索信息检索word分词
jsearch是一个高性能的全文检索工具包,基于倒排索引,基于java8,类似于lucene,但更轻量级。
jsearch的索引文件结构定义如下:
1、一个词的索引由=分割的三部分组成: 第一部分是词 第二部分是这个词在多少