- Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
前端小狮
vuevuedemovue组件vuevuex
element★11612-饿了么出品的Vue2的webUI工具套件Vux★7503-基于Vue和WeUI的组件库iview★5801-基于Vuejs的开源UI组件库mint-ui★5517-Vue2的移动UI元素vue-material★2790-通过VueMaterial和Vue2建立精美的app应用muse-ui★2611-三端样式一致的响应式UI库Keen-UI★2587-轻量级的基本UI
- VUE -- 组件库
煸橙干儿~~
VUE基础vue.js前端javascript
目前较流行的组件库有:PC端:●ElementUI:ElementUI官网(饿了么前端团队开发,有vue2和vue3两种版本)●AntDesign:AntDesign官网(阿里团队开发)●ViewUI:ViewUI官网(也叫ivew)APP端:●Vant:vantUI官网●mint-ui:mint-ui官网(饿了么团队开发)
- mint-ui Infinite scroll无限滚动指令使用
dakedou
引入import{InfiniteScroll}from'mint-ui';v-infinite-scroll这是加载时触发这里面的方法开始滚动条件。触发加载方法滚动的infinite-scroll-distance使用这个属性,他外框的高度一定得是屏幕充满100%。infinite-scroll-disabled这的方法为真滚动不会被触发。(这里要定义一个属性默认是false,加载的时候是fal
- 53、浅谈vue项目打包优化策略
world_7735
使用vue-cli部署生产包时,发现资源包很大,打包后的vendor.js达到了1.4M,这已经很大了,而且会影响到首屏加载。那么,怎么优化呢?1.组件按需加载这是首先可以优化的点。如果频繁使用了第三方组件/UI库,如我的项目中经常同时使用了element-ui,mint-ui,echarts等组件库,如果全部引入,项目体积非常大,这时可以按需引入组件。示例如下:1.1element-uinpmi
- vue移动端项目搭建
粥的进击之旅
使用框架:vue使用插件:vue-cli,vue-loader,axios,px2rem使用UI框架:mint-ui第一步、先用vue-cli直接搭建项目先全局安装vue-clinpminstall--gvue-cli然后执行创建项目语句vue-cli3.x则用vuecreateproject-namevue-cli2.x用(我这用的是2.x)vueinitwebpackproject-name搭
- vue删除前提示弹窗this.$confirm
Eirmood
示例图import{MessageBox}from'element-ui'Vue.prototype.$confirm=MessageBox.confirm页面中使用confirmResult返回结果是字符串,取消是cancel,确定是confirm
- Vue.js(相关开源项目库集合)
weixin_30650859
ui前端webpackViewUI
内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue-material★3328-通过VueMaterial和V
- Vue应用框架整合与实战
barnett_y
【Vue2.0-3.0点滴知识】
实用框架以及工具UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件Element-UI★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue-material★3328-通过VueM
- 前端开发全家桶:UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
天εə界
前端前端vue
element★11612-饿了么出品的Vue2的webUI工具套件Vux★7503-基于Vue和WeUI的组件库iview★5801-基于Vuejs的开源UI组件库mint-ui★5517-Vue2的移动UI元素vue-material★2790-通过VueMaterial和Vue2建立精美的app应用muse-ui★2611-三端样式一致的响应式UI库Keen-UI★2587-轻量级的基本UI
- vue-cli 安装步骤
2点半
vue脚手架工具vue-clinpminstallvue-cli-g通过vue-cli创建基于webpack的vue项目并初始化vueinitwebpackmy-project安装依赖包cdproject-namenpminstall启动项目npmrundev使用Mint-UI$npminstallmint-ui-save
- 【VUE】微商城(四)----封装轮播图组件,axios安装使用
攻城狮·建哥
VUE微商城vue.js开发语言前端前端框架vue
微商城源码微商城后端接口项目以及部署说明包含API接口说明文档1、在components文件夹下新建SwiperView.vue文件,并添加基本结构如图所示:2、打开mint-ui文档找到轮播图组件mint-uidocumentation并且复制轮播图基础用法123
- 公众号开发(3) —— vant移动端框架使用
倾我一生来读
微信公众号javascript前端前端框架
常见的vue移动端组件库有vux、cube-ui、Mint-UI、Vant等,其中Vant是一个比较轻量、可靠的移动端组件库,同时支持vue2和vue3,对于移动端的适配性更好,所以公众号开发的过程中选择vant作为前端框架,以下记录vue2中vant的使用过程.1vant安装通过npm安装vant:npmivant@latest-v2-Sbabel-plugin-import是一款babel插件
- html mint ui,移动端UI库对比 vant mint-ui
就念
htmlmintui
基于vuecli3构建的项目,对比vantmint-ui实现同样功能,打包后体积大小;一mint-ui是饿了么团队开发的基于vue.js的移动端UI库1安装:npminstall--save-devmint-ui2引入:A:全局引入,在main.js中importMintfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use(Mint)B:按需引入,使用
- vue+mint-ui的picker组件封装一个省市区三级联动组件
Korcia
mint-uipickervue
最近在用vue做项目,然后需要做一个省市区的三级联动的功能,于是研究了一下mint-ui,写了效果如下的一个组件我们的数据文件如下形式,将他分开成一个js文件并将数据暴露出来:cityData.jsexportconstCITY_DATA=[{"id":"110000","name":"北京市","city":[{"id":"110100","name":"北京市","district":[{"i
- vue组件汇总
jingtian678
web大前端Vue
内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue-material★3328-通过VueMaterial和V
- 前端组件库
爬坑的小白
前端vue.jsjavascript
UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue-material★3328-通过VueMaterial和Vue2建立精美的app应用vuetify★2925-为移动而
- vue封装提示框
zn专用
vue
在utils下,新建myconfirm.js文件import{MessageBox,Message}from"element-ui";//删除弹窗exportdefaultfunctionmyconfirm(text){returnnewPromise((resolve,reject)=>{MessageBox.confirm(text,'系统提示',{confirmButtonText:'确定'
- 分享几个做手机端的插件
小皮皮不皮
插件
最近做了一个手机端的项目,然后找了几个插件来使用,使用过程中也发现了一些好用的插件。在这里给大家分享一下,希望能有帮助!1——mint-ui:http://mint-ui.github.io/#!/zh-cn刚开始使用的是这个插件,因为好多人都说好用,网上也评论挺多的。但是使用过程中发现它的官网总是会打不开,而且有些功能并没有很好用,比方说做登录的输入框,没有友好提示的语句方法,其他的没有发现,因
- 在vue中使用Mint-ui
问题_解决_分享_讨论_最优
一、什么是MintUI当我们一听到XXUI就可以知道它是一个界面相关的框架,玩过前端的人至少听说过Bootstrap「它是Twitter开源的一个css/html工具包」,而MintUI是饿了么团队开源的一款基于Vue.js的移动端组件库二、MintUI的使用方法1、使用cdn的方式引入我们在使用Vue.js的时候不一定非要使用vue-cli来创建一个单页面应用,很可能们使用别的技术栈来搭配Vue
- Vue项目mint-ui引入方式(完整引入、按需引入)
笑胖仔
一、使用vue-clinpminstall-gvue-clivueinitwebpackprojectname二、引入MintUI你可以引入整个MintUI,或是根据需要仅引入部分组件。我们先介绍如何引入完整的MintUI。1、完整引入(1)、安装mint-ui:npmintallmint-ui--save(2)、main.js中引入:importMintUIfrom'mint-ui'import
- vue muit-ui infinite-scroll源码解析
qiaoba_gogo
fe源码mint-uivue
infinitescroll基本使用vue的mint-ui的infinitescroll的基本使用地址:infinite-scroll接入指南.简单解释一下:1、指令接受的method:处理loadmore回调2、自定义属性infinite-scroll-disabled:为false时:不会进行是否到达底部的判断,因此就触发不了loadmore回调3、自定义属性infinite-scroll-d
- Vue 扩展插件、双大括号表达式、强制数据绑定、绑定事件监听、计算属性、监视属性、计算属性高级、class 与 style 绑定、条件渲染、列表渲染
Neversaybye不放弃
1、Vue扩展插件:*vue-cli:vue脚手架*vue-resource(axios):ajax请求*vue-router:路由*vuex:状态管理*vue-lazyload:图片懒加载*vue-scroller:页面滑动相关*mint-ui:基于vue的UI组件库(移动端)*element-ui:基于vue的UI组件库(PC端)*它本身只关注UI,可以轻松引入vue插件或其它第三方库开发项目
- 实战Vue:Mint UI移动端购物商城
Dev _
VueAngularReact
文章目录UI组件库下载安装配置UI组件库使用mint-ui组件库中组件短消息提示框iconfont确认框创建空组件实现提示框案例mint-ui表单组件输入框开关组件单选列表表单组件案例mint-ui组件库面板底部导航条面板底部导航条案例组件中数据传递(父组件传递数据子组件)父组件在模板中调用子组件微信消息列表功能案例用户登录案例安装xampp软件安装nodejs软件创建服务器目录下载安装第三方模块
- vue(element-ui)删除前提示弹窗this.$confirm
欣简书
示例图import{MessageBox}from'element-ui'Vue.prototype.$confirm=MessageBox.confirm项目中使用confirmResult返回结果是字符串,取消是cancel,确定是confirm
- vue实现图片预览组件的封装与使用
H_XMM
这是移动端使用vue框架与mint-ui实现的父用子之间的通信实现的图片预览的功能,在父组件中每一张图片都可以实现图片放大查看。子组件exportdefault{data(){return{scroll:0}},props:{imgSrc:{type:Array},defaultIndex:{type:Number,default:0},isShow:{type:Boolean,deflault:
- vue做购物车demo
jane819
-->商品数量单价编辑{{item.shoppingName}}-+{{item.price}}删除总价{{totalPrice}}数量{{totalNum}}//importVuefrom'vue'importTabbarfrom'@/components/tabbar'import{MessageBox}from'mint-ui';//复选框插件//import{Checklist}from'
- 2021-03-20 Vue进阶(幺捌零):Vue优质开源项目汇总(持续更新中...)
半眼鱼
UI组件element★9305-饿了么出品的Vue2的webUI工具套件Vux★6802-基于Vue和WeUI的组件库mint-ui★4776-Vue2的移动UI元素iview★4458-基于Vuejs的开源UI组件库Keen-UI★2363-轻量级的基本UI组件合集vue-material★2207-通过VueMaterial和Vue2建立精美的app应用muse-ui★1992-三端样式一致
- 有赞商城总结
Grit0821
首页ul列表触底加载更多数据使用外部UI库mint-ui,infinite-scroll无限滚动指令,实质就是滚动距底部一定距离,执行方法进行数据请求。Foot组件的点击切换和跳转其他页面Foot组件底部导航图标.active切换遍历列表生成底部导航图标,通过location.search拿到查询参数,qs.parse()解析得到CurIndex(默认初始值0),动态绑定class通过index=
- vue项目打包优化策略
愿你开心每一天
vue项目打包优化策略使用vue-cli部署生产包时,发现资源包很大,打包后的vendor.js达到了1.4M,这已经很大了,而且会影响到首屏加载。那么,怎么优化呢?1.组件按需加载这是首先可以优化的点。如果频繁使用了第三方组件/UI库,如我的项目中经常同时使用了element-ui,mint-ui,echarts等组件库,如果全部引入,项目体积非常大,这时可以按需引入组件。示例如下:1.1ele
- Vue|自定义组件库组件“前缀“咋定义?
学术袁
VUE+EGGvuejshtml
定义组件"前缀"自定义组件库组件"前缀",咋定义?假如我自己个写一个组件库,怎么自定义自己的前组件前缀名。如:我自定义一个Button按钮,要让ta带上我自定义的特色,成为这样。设计实现分析设计实现的分析,理念来自开源组件库mint-ui,源码仓库。查看组件库源码文件mint-ui/src/index.js(简略下源码展示),其中以组件importButtonfrom'../packages/bu
- Java实现的基于模板的网页结构化信息精准抽取组件:HtmlExtractor
yangshangchuan
信息抽取HtmlExtractor精准抽取信息采集
HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件,本身并不包含爬虫功能,但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。
HtmlExtractor是为大规模分布式环境设计的,采用主从架构,主节点负责维护抽取规则,从节点向主节点请求抽取规则,当抽取规则发生变化,主节点主动通知从节点,从而能实现抽取规则变化之后的实时动态生效。
如
- java编程思想 -- 多态
百合不是茶
java多态详解
一: 向上转型和向下转型
面向对象中的转型只会发生在有继承关系的子类和父类中(接口的实现也包括在这里)。父类:人 子类:男人向上转型: Person p = new Man() ; //向上转型不需要强制类型转化向下转型: Man man =
- [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系
comsci
dp
对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....
首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
- storm 自定义 日志文件
商人shang
stormclusterlogback
Storm中的日志级级别默认为INFO,并且,日志文件是根据worker号来进行区分的,这样,同一个log文件中的信息不一定是一个业务的,这样就会有以下两个需求出现:
1. 想要进行一些调试信息的输出
2. 调试信息或者业务日志信息想要输出到一些固定的文件中
不要怕,不要烦恼,其实Storm已经提供了这样的支持,可以通过自定义logback 下的 cluster.xml 来输
- Extjs3 SpringMVC使用 @RequestBody 标签问题记录
21jhf
springMVC使用 @RequestBody(required = false) UserVO userInfo
传递json对象数据,往往会出现http 415,400,500等错误,总结一下需要使用ajax提交json数据才行,ajax提交使用proxy,参数为jsonData,不能为params;另外,需要设置Content-type属性为json,代码如下:
(由于使用了父类aaa
- 一些排错方法
文强chu
方法
1、java.lang.IllegalStateException: Class invariant violation
at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228)
at o
- Swing中文件恢复我觉得很难
小桔子
swing
我那个草了!老大怎么回事,怎么做项目评估的?只会说相信你可以做的,试一下,有的是时间!
用java开发一个图文处理工具,类似word,任意位置插入、拖动、删除图片以及文本等。文本框、流程图等,数据保存数据库,其余可保存pdf格式。ok,姐姐千辛万苦,
- php 文件操作
aichenglong
PHP读取文件写入文件
1 写入文件
@$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab");
if(!$fp){
echo "open file error" ;
exit;
}
$outputstring="date:"." \t tire:".$tire."
- MySQL的btree索引和hash索引的区别
AILIKES
数据结构mysql算法
Hash 索引结构的特殊性,其 检索效率非常高,索引的检索可以一次定位,不像B-Tree 索引需要从根节点到枝节点,最后才能访问到页节点这样多次的IO访问,所以 Hash 索引的查询效率要远高于 B-Tree 索引。
可能很多人又有疑问了,既然 Hash 索引的效率要比 B-Tree 高很多,为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
- JAVA的抽象--- 接口 --实现
百合不是茶
抽象 接口 实现接口
//抽象 类 ,方法
//定义一个公共抽象的类 ,并在类中定义一个抽象的方法体
抽象的定义使用abstract
abstract class A 定义一个抽象类 例如:
//定义一个基类
public abstract class A{
//抽象类不能用来实例化,只能用来继承
//
- JS变量作用域实例
bijian1013
作用域
<script>
var scope='hello';
function a(){
console.log(scope); //undefined
var scope='world';
console.log(scope); //world
console.log(b);
- TDD实践(二)
bijian1013
javaTDD
实践题目:分解质因数
Step1:
单元测试:
package com.bijian.study.factor.test;
import java.util.Arrays;
import junit.framework.Assert;
import org.junit.Before;
import org.junit.Test;
import com.bijian.
- [MongoDB学习笔记一]MongoDB主从复制
bit1129
mongodb
MongoDB称为分布式数据库,主要原因是1.基于副本集的数据备份, 2.基于切片的数据扩容。副本集解决数据的读写性能问题,切片解决了MongoDB的数据扩容问题。
事实上,MongoDB提供了主从复制和副本复制两种备份方式,在MongoDB的主从复制和副本复制集群环境中,只有一台作为主服务器,另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式,需要指明
- 【HBase五】Java API操作HBase
bit1129
hbase
import java.io.IOException;
import org.apache.hadoop.conf.Configuration;
import org.apache.hadoop.hbase.HBaseConfiguration;
import org.apache.hadoop.hbase.HColumnDescriptor;
import org.apache.ha
- python调用zabbix api接口实时展示数据
ronin47
zabbix api接口来进行展示。经过思考之后,计划获取如下内容: 1、 获得认证密钥 2、 获取zabbix所有的主机组 3、 获取单个组下的所有主机 4、 获取某个主机下的所有监控项  
- jsp取得绝对路径
byalias
绝对路径
在JavaWeb开发中,常使用绝对路径的方式来引入JavaScript和CSS文件,这样可以避免因为目录变动导致引入文件找不到的情况,常用的做法如下:
一、使用${pageContext.request.contextPath}
代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名,这样不管如何部署,所用路径都是正确的。
- Java定时任务调度:用ExecutorService取代Timer
bylijinnan
java
《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由,我认为其中最重要的理由是:
如果TimerTask抛出未检查的异常,Timer将会产生无法预料的行为。Timer线程并不捕获异常,所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下,Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时,已经被
- SQL 优化原则
chicony
sql
一、问题的提出
在应用系统开发初期,由于开发数据库数据比较少,对于查询SQL语句,复杂视图的的编写等体会不出SQL语句各种写法的性能优劣,但是如果将应用系统提交实际应用后,随着数据库中数据的增加,系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据,劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍,可见对于一个系统
- java 线程弹球小游戏
CrazyMizzz
java游戏
最近java学到线程,于是做了一个线程弹球的小游戏,不过还没完善
这里是提纲
1.线程弹球游戏实现
1.实现界面需要使用哪些API类
JFrame
JPanel
JButton
FlowLayout
Graphics2D
Thread
Color
ActionListener
ActionEvent
MouseListener
Mouse
- hadoop jps出现process information unavailable提示解决办法
daizj
hadoopjps
hadoop jps出现process information unavailable提示解决办法
jps时出现如下信息:
3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
- PHP图片水印缩放类实现
dcj3sjt126com
PHP
<?php
class Image{
private $path;
function __construct($path='./'){
$this->path=rtrim($path,'/').'/';
}
//水印函数,参数:背景图,水印图,位置,前缀,TMD透明度
public function water($b,$l,$pos
- IOS控件学习:UILabel常用属性与用法
dcj3sjt126com
iosUILabel
参考网站:
http://shijue.me/show_text/521c396a8ddf876566000007
http://www.tuicool.com/articles/zquENb
http://blog.csdn.net/a451493485/article/details/9454695
http://wiki.eoe.cn/page/iOS_pptl_artile_281
- 完全手动建立maven骨架
eksliang
javaeclipseWeb
建一个 JAVA 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=App
[-Dversion=0.0.1-SNAPSHOT]
[-Dpackaging=jar]
建一个 web 项目 :
mvn archetype:create
-DgroupId=com.demo
-DartifactId=web-a
- 配置清单
gengzg
配置
1、修改grub启动的内核版本
vi /boot/grub/grub.conf
将default 0改为1
拷贝mt7601Usta.ko到/lib文件夹
拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹
拷贝wifiscan到bin文件夹,chmod 775 /bin/wifiscan
拷贝wifiget.sh到bin文件夹,chm
- Windows端口被占用处理方法
huqiji
windows
以下文章主要以80端口号为例,如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等. 这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
- 开源ckplayer 网页播放器, 跨平台(html5, mobile),flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 !
天梯梦
mobile
CKplayer,其全称为超酷flv播放器,它是一款用于网页上播放视频的软件,支持的格式有:http协议上的flv,f4v,mp4格式,同时支持rtmp视频流格 式播放,此播放器的特点在于用户可以自己定义播放器的风格,诸如播放/暂停按钮,静音按钮,全屏按钮都是以外部图片接口形式调用,用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了,
- 简单工厂设计模式
hm4123660
java工厂设计模式简单工厂模式
简单工厂模式(Simple Factory Pattern)属于类的创新型模式,又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例,被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式,可以理解为是不同工厂模式的一个特殊实现。
- maven笔记
zhb8015
maven
跳过测试阶段:
mvn package -DskipTests
临时性跳过测试代码的编译:
mvn package -Dmaven.test.skip=true
maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为,即跳过编译,又跳过测试。
指定测试类
mvn test
- 非mapreduce生成Hfile,然后导入hbase当中
Stark_Summer
maphbasereduceHfilepath实例
最近一个群友的boss让研究hbase,让hbase的入库速度达到5w+/s,这可愁死了,4台个人电脑组成的集群,多线程入库调了好久,速度也才1w左右,都没有达到理想的那种速度,然后就想到了这种方式,但是网上多是用mapreduce来实现入库,而现在的需求是实时入库,不生成文件了,所以就只能自己用代码实现了,但是网上查了很多资料都没有查到,最后在一个网友的指引下,看了源码,最后找到了生成Hfile
- jsp web tomcat 编码问题
王新春
tomcatjsppageEncode
今天配置jsp项目在tomcat上,windows上正常,而linux上显示乱码,最后定位原因为tomcat 的server.xml 文件的配置,添加 URIEncoding 属性:
<Connector port="8080" protocol="HTTP/1.1"
connectionTi