- 基于Vue的移动端UI框架整理
天马3798
Vuevue.js前端javascript移动端UI框架
一、Vant官方地址:https://youzan.github.io/vant/#/zh-CN/简介:有赞公司开发。特性:60+高质量组件、90%单元测试覆盖率、完善的中英文文档和示例、支持按需引入、支持主题定制、支持国际化、支持TS、支持SSR。特别说明:vant4版本支持Vue3支持下拉刷新支持触底加载更多使用推荐:推荐使用二、MintUI官方地址:http://mint-ui.github
- Vue组件封装
逆风微笑的程序狗
前言日常Vue开发常用组件有Vant、ElementUi、VuxUI、MintUI等组件库。可是作为一个前端菜鸡常常也会遇到需要自己封装组件的需求。所以在下面会介绍自己封装组件的心得体会。准备首先创建一个Vue项目1.先安装node菜鸟教程有相关教程终端输入node-v,如果出现相应的版本号,则说明安装成功。2.安装淘宝镜像npminstall-gcnpm--registry=https://re
- 解决MintUI使用Popup出现滑动穿透的问题
渣猫不让吸
问题描述:列表页.png在使用Vue+mintui做移动端的会页面开发时,列表使用的是vue-infinite-scroll做无限滚动,当进入列表页后,点击全部按钮后弹出模态框,当组员列表不可滑动时,在组员列表上滑动会导致模态框下的列表跟着一起滑动,而组员列表可以滑动时,则不会导致底下的列表滑动。并且在组员筛选所在div上滑动也会出现相同状况。需求进入列表页,列表页可以正常滑动,当弹出模态框后,底
- Vue-cli自动安装Element-UI
清风木子云
前端vuevue-cli3elementui
Element-UI介绍官方文档:http://element-cn.eleme.io/#/zh-CN/component什么是Element-UIelement-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js2.0的桌面组件库,而手机端有对应框架是MintUI。整个ui风格简约,很实用,同时也极大的提高了开发者的效率,是一个非常受欢迎的组件库。安装Element
- 软件开发相关网站
学致前端攻略
前端开发软件开发网站后端开发编程语言人工智能githubjava服务器
前端比较流行的UI框架目前前端用的比较多的框架有如下几个AntDesign:AntDesign-一套企业级UI设计语言和React组件库MintUI:https://mint-ui.github.io/#!/zh-cnWeUI:WeUIiViewUI:AhighqualityUIToolkitbasedonVue.jscube-ui:https://didi.github.io/cube-ui/#
- 在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常用的组件库大全【前端工程师必备】
张毫洁
笔记前端vue.jsjavascript
Vue常用的组件库大全【前端工程师必备】(一)移动端常用组件库1)Vantui2)CubeUI3)VUX4)NuTUI3.06)倒计时组件库7)表格组件库8)富文本编辑器9)Loading加载动画组件10)Mintui11)vonic12)Vux-ydui13.Mand-Mobile(二)PC端(web端)常用组件库1)ElementUI(Vue2)2)ElementUIPLUS(Vue3)3)A
- Vue开发微信H5页面内容缓存问题
李小白Saa
前阵子,做一个微信H5推广页面,用的是Vue+MintUI,路由使用History模式下,在微信分享时,出现的页面内容不更新的问题。经测试,发现问题只出现在IOS上。需求描述:同一个页面根据路由上的不同参数展示不同的内容。出现的问题:加入我第一次打开页面是order/123/1,第二次打开order/123/2,展示的还是order/123/1的内容。问题分析:因为苹果分享会是调取签名失败是因为:
- Vue-CLI基本使用 / elementUI / MintUI / Vant / Plugin
Angel_6c4e
一.Vue-CLI基本使用什么是Vue-CLI(CommandLineInterface)?Vue-CLI是vue官方提供的脚手架工具,默认已经帮我们搭建好了一套利用webpack管理vue的项目结构如何安装Vue-cli和使用Vue-CLI?安装脚手架工具:npminstall-g@vue/cli检查是否安装成功:vue--version通过脚手架创建项目:vuecreateproject-na
- vue移动端 demo
午夜阳光5021
移动端项目介绍初始化项目vueinitwebpackvueShop进入项目根目录cnpminpmrundevMint-Ui介绍cnpmimint-ui-S导入所有MintUI组件:importMintUIfrom'mint-ui'导入样式表:import'mint-ui/lib/style.css'挂载到Vue身上Vue.use(MintUI)在vue中使用MintUI中的Button按钮和Toa
- vue beforeRouteLeave beforeRouteEnter实际应用
芒果大饼
离开页面前的提示data(){},beforeRouteLeave(to,from,next){//mintui弹窗组件this.$Messagebox.confirm("",{message:"Doyoureallywanttoleave?youhaveunsavedchanges!",title:"提示",confirmButtonText:"确定",cancelButtonText:"稍后再
- 17-Vue-mintUI
仰望_IT
image什么是mintUImintUI是饿了么前端团队推出的一款基于Vue.js2.0的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,让我们能够专注于业务逻辑而不是UI界面mintUI的使用官方文档1.安装mintUInpmimint-ui-S2.导入框架和css文件在main.js中写入以下内容:importVuefrom'vue'importAppfrom'.
- 修改mintui Datetime picker 的开始和结束时间
武汉前端阿杰
htmljsexportdefault{data(){return{startDate:newDate('1968-01-01'),endDate:newDate('2020-01-01'),
- Vue - day7
小浅_
day7使用饿了么的MintUI组件Mint-UI官方文档使用ElementUI组件Element-UI官方文档MUI(代码片段)体验上来说,MUI和bootstrap类似理论上,任何项目都可以使用MUI或Bootstrap但是,Mint-UI或Element-UI只适用于Vue项目注意:MUI不能使用npm下载,需要去github下载,手动
- 前端框架和后端框架总结
韩同学叫园园
笔记前端框架
前端框架1-HTML,CSS和JavaScript框架,用于开发响应式,移动端先行的web项目2-web端开发:Vue.js和nvue,Bootstrap,Layui,Element-UI,MintUI,Angular,Reactapp前端开发:uni-app框架开发工具:VisualstudioCodehbuilder后端框架1-php语言开发:ThinkPHP框架CakePHP2-java语言
- 图片预览插件vue-photo-preview的使用
zuo-yiran
vue学习笔记插件vue.js插件前端
移动端项目中需要图片预览的功能,但本身使用mintui,vantui中虽然也有,但是为了一个组件安装这个有点儿多余,就选用了vue-photo-preview插件实现(其实偷懒也不想自己写)。1、安装npmivue-photo-preview--save或者用淘宝镜像cnpmivue-photo-preview--save2、引入打开项目中main.js,添加如下代码importpreviewfr
- 对于Vue3移动端项目的样式组件选择
都挺好,刚刚好
移动端前端
对于Vue3移动端项目的样式组件,有许多选择可供使用。以下是一些常见的选择:Vant:Vant是一套基于Vue.js的移动端组件库,具有丰富的组件和良好的文档支持,可以快速构建移动端应用。MintUI:MintUI是一套基于Vue.js的移动端组件库,提供了一些常见的移动端UI组件,如按钮、轮播图、弹窗等。Vuetify:Vuetify是一个基于MaterialDesign的VueUI组件库,提供
- vue MintUI实现上拉分页加载更多
渣渣砖
Vue
MintUI实现上拉分页加载更多要用到Infinitescroll新闻页面{{item.title}}Loading。。。exportdefault{data(){return{list:[],page:1,loading:false}},methods:{loadMore(){//loadMore函数在dom渲染完成时会自动触发一次,所以可以将请求数据的函数放入调用this.requestDat
- Vue的Ui框架之Mint-UI的使用方法
渣渣砖
VueUI框架
基于Vue的Ui框架饿了么公司基于vue开发的vue的Ui组件库ElementUi基于vuepc端的UI框架MintUi基于vue移动端的ui框架mintUI的使用:1.找官网2.安装npminstallmint-ui-S-S表示--save3.引入mintUi的css和插件importMintfrom'mint-ui';Vue.use(Mint);import'mint-ui/lib/style
- 【vue】初探vue,创建vue项目
高老庄里的高小翠
Vuevue
前言:如果要开发一个平台,不仅需要掌握后端技术,还需要通过前端页面进行展示,即达到美观效果,又方便我们进行操作达到很好的交互效果。这里我接触到了vue前端框架,市面上有很多比较好用的基于vue的前端组件库,比如面向app的饿了么MintUI,面向腾讯微信内网页和微信小程序的WeUI,服务于pc界面的iViewUI,面向所有层次的layUI,还有现在即将要学习的饿了么推出的ElementUI,主要用
- 引入Mint-ui
皮酱丶
importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importMintUIfrom'mint-ui'import'mint-ui/lib/style.css'Vue.use(MintUI)Vue.config.productionTip=falsenewVue({router,render:h=>h(App)})
- vue项目mintui 日期插件滑动穿透事件
书简虫子
{{birthdayval}}data(){return{handler:function(e){e.preventDefault();},}closeTouch:function(){document.getElementsByTagName("body")[0].addEventListener('touchmove',this.handler,{passive:false});//阻止默认事
- vue-lazyload 配置不成功
index_ab68
可能是同时引入了vue-lazyload和mint-ui组件都是使用v-lazy冲突解决方法:main.jsVue.use(vueLazyload)配置放在Vue.use(MintUI)前面附带截图:有配置loading和error路径写法123.png
- Vue.use()的用法详解
儒雅的烤地瓜
Vue.js学习笔记vue.jsjavascriptVue.use组件prototype
目录前言官方解释Demo演示Object对象创建项目创建组件使用组件function函数创建函数引入测试前言相信很多人在用Vue使用别人的组件时,会在在main.js中用到Vue.use(xx)。例如:Vue.use(VueRouter)、Vue.use(MintUI)、Vue.use(ElementUI)。比如,在Vue的main.js中,我们引入elementUI,一般通过如下代码引入:imp
- 全站开发好用vue库、API、框架 等好用网站合集
D_evin_
vue.js前端大前端vuejavascript
1.Element,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库Element-Theworld'smostpopularVueUIframework2.Vant有赞前端团队开源的基于vue的移动端组件库Vant3-LightweightMobileUIComponentsbuiltonVue3.MintUI基于vue的移动端框架mint-uidocumentation4.i
- 2019-06-03babel对mintUI按需导入时候.babelrc报错
菩灵
需要增加到.babelrc中的应该是这个:["component",{"libraryName":"mint-ui","style":true}]“component”的后面应该是一个对象而不是数组记得html中要增加meta:vp的视口(babel-plugin-component官网)[https://www.npmjs.com/package/babel-plugin-component]
- 前端Vue.js常用的库
我的名字就这么长
1.moment日期时间2.animate.css动画效果3.饿了么UI库element-ui和iview后端webui库,MintUI移动端4.vant-ui5.NPMinstall指令image.png
- mintui轮播——图片设置100%,高度自适应
书简虫子
方法一、css实现:(此例中图片宽高比例为1:1)就是通过padding-top或者padding-bottom实现,高度设置为0。这个属性当它的值为百分比的时候,是按该元素的宽度来计算的。也就是说当设为100%的时候,其高度就等于自身的宽度,形成一个正方形。也就是说可以通过这个来设置已知尺寸比例的图片宽度100%高度自适应。方法二、使用js判断图片的宽度得到具体数值之后,再来利用js设置图片的高
- 为什么axios不是使用的vue.use()
情话_2ee5
问题相信很多人在用Vue使用别人的组件时,会用到Vue.use()。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用axios时,就不需要用Vue.use(axios),就能直接使用。那这是为什么呐?答案因为axios没有install。什么意思呢?接下来我们自定义一个需要Vue.use()的组件,也就是有install的组件,看完之后就明白了。定义组件生成模版v
- mongodb3.03开启认证
21jhf
mongodb
下载了最新mongodb3.03版本,当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题,现总结如下:
(百度上搜到的基本都是老版本的,看到db.addUser的就是,请忽略)
Windows下我做了一个bat文件,用来启动mongodb,命令行如下:
mongod --dbpath db\data --port 27017 --directoryperdb --logp
- 【Spark103】Task not serializable
bit1129
Serializable
Task not serializable是Spark开发过程最令人头疼的问题之一,这里记录下出现这个问题的两个实例,一个是自己遇到的,另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在,至少目前阶段碰到此类问题,没有什么章法
1.
package spark.exampl
- 你所熟知的 LRU(最近最少使用)
dalan_123
java
关于LRU这个名词在很多地方或听说,或使用,接下来看下lru缓存回收的实现
1、大体的想法
a、查询出最近最晚使用的项
b、给最近的使用的项做标记
通过使用链表就可以完成这两个操作,关于最近最少使用的项只需要返回链表的尾部;标记最近使用的项,只需要将该项移除并放置到头部,那么难点就出现 你如何能够快速在链表定位对应的该项?
这时候多
- Javascript 跨域
周凡杨
JavaScriptjsonp跨域cross-domain
 
- linux下安装apache服务器
g21121
apache
安装apache
下载windows版本apache,下载地址:http://httpd.apache.org/download.cgi
1.windows下安装apache
Windows下安装apache比较简单,注意选择路径和端口即可,这里就不再赘述了。 2.linux下安装apache:
下载之后上传到linux的相关目录,这里指定为/home/apach
- FineReport的JS编辑框和URL地址栏语法简介
老A不折腾
finereportweb报表报表软件语法总结
JS编辑框:
1.FineReport的js。
作为一款BS产品,browser端的JavaScript是必不可少的。
FineReport中的js是已经调用了finereport.js的。
大家知道,预览报表时,报表servlet会将cpt模板转为html,在这个html的head头部中会引入FineReport的js,这个finereport.js中包含了许多内置的fun
- 根据STATUS信息对MySQL进行优化
墙头上一根草
status
mysql 查看当前正在执行的操作,即正在执行的sql语句的方法为:
show processlist 命令
mysql> show global status;可以列出MySQL服务器运行各种状态值,我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
- 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名
aijuans
Spring 3
本文介绍如何给Spring的Bean配置文件的Bean定义别名?
原始的
<bean id="business" class="onlyfun.caterpillar.device.Business">
<property name="writer">
<ref b
- 高性能mysql 之 性能剖析
annan211
性能mysqlmysql 性能剖析剖析
1 定义性能优化
mysql服务器性能,此处定义为 响应时间。
在解释性能优化之前,先来消除一个误解,很多人认为,性能优化就是降低cpu的利用率或者减少对资源的使用。
这是一个陷阱。
资源时用来消耗并用来工作的,所以有时候消耗更多的资源能够加快查询速度,保持cpu忙绿,这是必要的。很多时候发现
编译进了新版本的InnoDB之后,cpu利用率上升的很厉害,这并不
- 主外键和索引唯一性约束
百合不是茶
索引唯一性约束主外键约束联机删除
目标;第一步;创建两张表 用户表和文章表
第二步;发表文章
1,建表;
---用户表 BlogUsers
--userID唯一的
--userName
--pwd
--sex
create
- 线程的调度
bijian1013
java多线程thread线程的调度java多线程
1. Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。
2. 多数线程的调度是抢占式的(即我想中断程序运行就中断,不需要和将被中断的程序协商)
a) 
- 查看日志常用命令
bijian1013
linux命令unix
一.日志查找方法,可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log
二.查看日志常用命令1.grep '关键字' error.log:在error.log中搜索'关键字'2.grep -C10 '关键字' error.log:显示关键字前后10行记录3.grep '关键字' error.l
- 【持久化框架MyBatis3一】MyBatis版HelloWorld
bit1129
helloworld
MyBatis这个系列的文章,主要参考《Java Persistence with MyBatis 3》。
样例数据
本文以MySQL数据库为例,建立一个STUDENTS表,插入两条数据,然后进行单表的增删改查
CREATE TABLE STUDENTS
(
stud_id int(11) NOT NULL AUTO_INCREMENT,
- 【Hadoop十五】Hadoop Counter
bit1129
hadoop
1. 只有Map任务的Map Reduce Job
File System Counters
FILE: Number of bytes read=3629530
FILE: Number of bytes written=98312
FILE: Number of read operations=0
FILE: Number of lar
- 解决Tomcat数据连接池无法释放
ronin47
tomcat 连接池 优化
近段时间,公司的检测中心报表系统(SMC)的开发人员时不时找到我,说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作,发现用户不能登录时,都是在Tomcat中将这个项目Reload一下就好了,不过只是治标而已,因为大概几个小时之后又会 再次出现无法登录的情况。
今天上午,开发人员小毛又找到我,要我协助将这个问题根治一下,拖太久用户难保不投诉。
简单分析了一
- java-75-二叉树两结点的最低共同父结点
bylijinnan
java
import java.util.LinkedList;
import java.util.List;
import ljn.help.*;
public class BTreeLowestParentOfTwoNodes {
public static void main(String[] args) {
/*
* node data is stored in
- 行业垂直搜索引擎网页抓取项目
carlwu
LuceneNutchHeritrixSolr
公司有一个搜索引擎项目,希望各路高人有空来帮忙指导,谢谢!
这是详细需求:
(1) 通过提供的网站地址(大概100-200个网站),网页抓取程序能不断抓取网页和其它类型的文件(如Excel、PDF、Word、ppt及zip类型),并且程序能够根据事先提供的规则,过滤掉不相干的下载内容。
(2) 程序能够搜索这些抓取的内容,并能对这些抓取文件按照油田名进行分类,然后放到服务器不同的目录中。
- [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费
comsci
资源
降低通讯服务资费,就意味着有更多的用户进入,就意味着通讯服务提供商要接待和服务更多的用户,在总体运维成本没有由于技术升级而大幅下降的情况下,这种降低资费的行为将导致每个用户的平均带宽不断下降,而享受到的服务质量也在下降,这对用户和服务商都是不利的。。。。。。。。
&nbs
- Java时区转换及时间格式
Cwind
java
本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用,以及不同时区时间相互转化的方法和原理。
问题描述:
向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如,服务器位于东八区(北京时间,GMT+8:00),而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
- readonly,只读,不可用
dashuaifu
jsjspdisablereadOnlyreadOnly
readOnly 和 readonly 不同,在做js开发时一定要注意函数大小写和jsp黄线的警告!!!我就经历过这么一件事:
使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能,有的就不行,而且函数readOnly有黄线警告!!!就这样被折磨了不短时间!!!(期间使用过disable函数,但是发现disable函数之后后台接收不到前台的的数据!!!)
- LABjs、RequireJS、SeaJS 介绍
dcj3sjt126com
jsWeb
LABjs 的核心是 LAB(Loading and Blocking):Loading 指异步并行加载,Blocking 是指同步等待执行。LABjs 通过优雅的语法(script 和 wait)实现了这两大特性,核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器,倡导的是一种模块化开发理念,核心价值是让 JavaScript 的模块化开发变得更
- [应用结构]入口脚本
dcj3sjt126com
PHPyii2
入口脚本
入口脚本是应用启动流程中的第一环,一个应用(不管是网页应用还是控制台应用)只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。
Web 应用的入口脚本必须放在终端用户能够访问的目录下,通常命名为 index.php,也可以使用 Web 服务器能定位到的其他名称。
控制台应用的入口脚本一般在应用根目录下命名为 yii(后缀为.php),该文
- haoop shell命令
eksliang
hadoophadoop shell
cat
chgrp
chmod
chown
copyFromLocal
copyToLocal
cp
du
dus
expunge
get
getmerge
ls
lsr
mkdir
movefromLocal
mv
put
rm
rmr
setrep
stat
tail
test
text
- MultiStateView不同的状态下显示不同的界面
gundumw100
android
只要将指定的view放在该控件里面,可以该view在不同的状态下显示不同的界面,这对ListView很有用,比如加载界面,空白界面,错误界面。而且这些见面由你指定布局,非常灵活。
PS:ListView虽然可以设置一个EmptyView,但使用起来不方便,不灵活,有点累赘。
<com.kennyc.view.MultiStateView xmlns:android=&qu
- jQuery实现页面内锚点平滑跳转
ini
JavaScripthtmljqueryhtml5css
平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”。
效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码:
&
- kafka offset迁移
kane_xie
kafka
在早前的kafka版本中(0.8.0),offset是被存储在zookeeper中的。
到当前版本(0.8.2)为止,kafka同时支持offset存储在zookeeper和offset manager(broker)中。
从官方的说明来看,未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话,可以考虑在合适
- android > 搭建 cordova 环境
mft8899
android
1 , 安装 node.js
http://nodejs.org
node -v 查看版本
2, 安装 npm
可以先从 https://github.com/isaacs/npm/tags 下载 源码 解压到
- java封装的比较器,比较是否全相同,获取不同字段名字
qifeifei
非常实用的java比较器,贴上代码:
import java.util.HashSet;
import java.util.List;
import java.util.Set;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import net.sf.json.JsonConfig;
i
- 记录一些函数用法
.Aky.
位运算PHP数据库函数IP
高手们照旧忽略。
想弄个全天朝IP段数据库,找了个今天最新更新的国内所有运营商IP段,copy到文件,用文件函数,字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件,直接用phpmyadmin导入.csv文件的形式导入。(生命在于折腾,也许你们觉得我傻X,直接下载人家弄好的导入不就可以,做自己的菜鸟,让别人去说吧)
当然用到了ip2long()函数把字符串转为整型数
- sublime text 3 rust
wudixiaotie
Sublime Text
1.sublime text 3 => install package => Rust
2.cd ~/.config/sublime-text-3/Packages
3.mkdir rust
4.git clone https://github.com/sp0/rust-style
5.cd rust-style
6.cargo build --release
7.ctrl