- vant框架,实现checkbox的处理
l996ily
vantvue
全选importcarApifrom"@/api/car/index"importVuefrom"vue";import{SwipeCell,Card,Checkbox,SubmitBar,}from"vant";Vue.use(SwipeCell).use(Card).use(Checkbox).use(SubmitBar);exportdefault{name:"car",data(){ret
- vue动态挂载组件
寒墨茗殇
vueelementvue.jsjavascript前端
vue动态挂载组件,比如弹窗组件main.js:首先创建公共js,并引入importcommonfrom'@/utils/common'Vue.use(common)confirmDialog.vue:然后写组件的样式和方法{{cancelText}}{{confirmText}}exportdefault{data(){return{dialogFn:null,content:'',title:
- htmlToPdf
是貔貅喔
vue.jsjavascript前端
importhtmlToPdffrom'./utils/htmlToPdf.js'Vue.use(htmlToPdf)//htmlToPdf.js//导出页面为PDF格式/*用法1.main.js中引入importhtmlToPdffrom'@/util/htmlToPdf'Vue.use(htmlToPdf)2.vue页面中调用按钮中方法@click="getPdf()"data中声明变量dat
- vue中路由router的使用
weixin_46051260
vuevue.jsjavascript前端
$route和$router的区别$router:全局路由对象,包含很多的属性和对象,包含所有的路由,任何页面都可以调用push(跳转页面)、replace(替换页面)、go(页面的前进或后退)$route:局部路由对象(当前激活的路由信息对象),可以获取当前路由的信息(path、name、params、query)基本使用安装vue-routernpmivue-router应用插件Vue.use
- html密码框ml表单文本框,表单组件 PasswordInput 密码输入框 - 闪电教程JSRUN
刘芮希
html密码框ml表单文本框
PasswordInput密码输入框介绍带网格的输入框组件,可以用于输入支付密码、短信验证码等,通常与数字键盘组件配合使用引入importVuefrom'vue';import{PasswordInput,NumberKeyboard}from'vant';Vue.use(PasswordInput);Vue.use(NumberKeyboard);代码演示基础用法:value="value"in
- uni-app商城(八)商品详情页
R·ZORO
uni-appuni-app小程序javascript
1.定义全局数据共享storeimportVuefrom'vue'importVuexfrom'vuex'importmoduleCartfrom'@/store/cart.js'Vue.use(Vuex)conststore=newVuex.Store({modules:{//挂载购物车的vuex模块,模块内成员的访问路径调整为m_cart//购物车模块中cart数组访问路径是m_cart/ca
- img标签的onerror事件(应用以及注意事项)
摇摇奶昔x
vueHTML5htmlvue.js
建议只用懒加载:https://www.npmjs.com/package/vue-lazyloadnpminstallvue-lazyload--save-devimportVueLazyloadfrom'vue-lazyload'Vue.use(VueLazyload,{loading:require('img/loading.png'),//加载中图片,一定要有,不然会一直重复加载占位图er
- 异常解决---Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法
一块小砖头儿
vuevue
最近在使用vue做项目的时候,点击左侧同一个页面(相同路由)会导致报错Uncaught(inpromise)NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated"}解决办法importRouterfrom'vue-router';Vue.use(Router)//添加这下面一段代码,就可以解决报错c
- Vue2.x下使用vue-i18n国际化
制冷男孩
vue.js
npm上下载vue-i18nnpminstallvue-i18n新建文件夹配置i18n//i18m文件夹下新建index.jsimportVuefrom'vue'importVuei18nfrom'vue-i18n'Vue.use(Vuei18n)importzhfrom'./zh.js'importenfrom'./en.js'consti18n=newVuei18n({locale:local
- Mac 安装element-ui
小鱼小鱼起来码码
vueelementuimacvue
第一步:$sudo-s第二步:$npmielement-ui-S第三步:mian.jsimportElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);
- 微信小程序uni-app,使用vue3配置vuex
超级无敌暴龙战士大全
微信小程序uni-appvue.js
直接复制//store.js//#ifndefVUE3importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({//#endif//#ifdefVUE3import{createStore}from'vuex'conststore=createStore({//#endifstate:{test:"测试
- Vue中两个让你幸福感爆棚的组件导入小技巧之require.context
一笑程序猴
VUE小知识vue.jsjavascriptrequire.context全局组件注册自动导入模块
前言小伙伴们大家好,在上一篇文章Vue中两个让你幸福感爆棚的组件导入小技巧之循环代替CtrlC/V(独家总结)中我们已经学习了一个注册全局组件的小技巧,使得我们在注册大量全局组件时不再被Vue.use或Vue.component所霸屏。不知道小伙伴们看了以后幸福感有没有提升呢,如果觉得还不过瘾,那么接下来的这个连import都可以省略的小技巧会不会让你怦然心动呢?我们今天要分享的是一个webpac
- vue-preview实现缩略图踩坑记录:Property or method “$preview“ is not defined 用不了、无法修改图片样式
H_xiang_xiang
前端vuevue.js
文章目录基本配置Propertyormethod"$preview"isnotdefined报错无法修改缩略图样式深度选择器基本配置1、下载npmivue-preview-S2、在index.js中引入并安装importVuePreviewfrom'vue-preview'Vue.use(VuePreview)3、如果是按照早几年的视频教学方法,会在页面中引入以下标签然后报错↓。Propertyo
- 前端基础之《Vue(12)—插件封装》
csj50
前端基础前端vue
一、插件封装1、在Vue生态中,除了Vue本身,其它所有的与Vue相关的第三方包,都是插件例子:importVueRouterform'vue-router'Vue.use(VueRouter)//注册插件2、如何封装Vue插件(1)第一种写法constPlugin={install(Vue){//dosomething}}(2)第二种写法constPlugin=function(Vue){}3、
- 三种图片预览插件viewer、vue-photo-preview、vue-picture-preview
小大周
vue.js前端javascript
第一种:viewerjs使用介绍1、先安装依赖npminstallv-viewer--save2、main.js内引用并注册调用//main.jsimportViewerfrom‘v-viewer’import‘viewerjs/dist/viewer.css’Vue.use(Viewer);Viewer.setDefaults({Options:{“inline”:true,“button”:t
- Vue中如何使用百度地图
在荒野的梦想
Vue前端vue.js前端
一、安装vue-baidu-mapnpminstallvue-baidu-map--save二、全局注册(也可以局部注册,具体参考vue-baidu-map文档)importVuefrom'vue'importBaiduMapfrom'vue-baidu-map'Vue.use(BaiduMap,{//ak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apic
- (vue2.0)vue-awesome-swiper(v3.1.3)的初级使用
AlexKain
vue
[email protected]//或者npminstallvue-awesome-swiper--save引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)代码部分<
- 006 ElementUI
简 洁 冬冬
vuevue.js前端elementui
https://element.eleme.cn/#/zh-CNElementUI是组件库,网站快速成型工具
[email protected]在main.js中写入以下内容:importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);
- vue如何实现列表自动滚动、向上滚动的效果
Brilliant Nemo
vuevue.js前端javascript
研究了一个插件列表自动滚动的插件vue-seamless-scroll感受这是个做大屏可视化时可靠帮手请欣赏一下效果图如图所示可以看到它自动向上滚动以及鼠标移动进入表格则停止滚动1.第一步进行安装npminstallvue-seamless-scroll--save2.在main.js直接导入使用importscrollfrom'vue-seamless-scroll'Vue.use(scroll
- vue2中引入elementui
康620
elementui前端javascript
npm安装推荐使用npm的方式安装,它能更好地和webpack打包工具配合使用。npmielement-ui-S引入:importVuefrom'vue';importElementUIfrom'element-ui';//1import'element-ui/lib/theme-chalk/index.css';//2importAppfrom'./App.vue';Vue.use(Elemen
- router-view的name属性 <router-view name=“path“></router-view>
FFF-X
vue.js前端javascript
多个router-view的问题一个页面可以配置多个router-view,加上name属性使之区分,在路由配置中需要将component变为components,代码如下//vue2importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)constroutes=[{path:'/',name:'Home',compon
- element ui 封装Table组件
沃野_juededa
ui
1.首先npmielement-ui-S安装element-ui2.引入Element在main.js中写入以下内容:importVuefrom'vue';importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importAppfrom'./App.vue';Vue.use(ElementUI);n
- vee-validate验证设置中文但是无效
桃子不吃李子
报错javascript
无效代码:importzh_CNfrom'vee-validate/dist/locale/zh_CN'Vue.use(VeeValidate)//表单验证VeeValidate.Validator.localize('zh_CN',{message:{...zh_CN.messages,is:(field)=>`${field}必须与密码相同`},attributes:{phone:'手机号',
- vue2中使用Animate.css动画插件
T-shmily
前端vue.js动画
①安装Animate官网npminstallanimate.css--saveyarnaddanimate.css或者直接下载②引入在main.js中importanimatedfrom"animate.css";Vue.use(animated)或import'animate.css';也可以直接引入在需要用动画的组件中import'animate.css'③使用vue官网vue官网Transi
- vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
xiaoweiwei99
前端htmlvue.js学习javascript
版本:vue3vue/cli5.0.0做写store时报错importVuefrom"vue";importVuexfrom"vuex";importgettersfrom"./getters";importuserfrom"./modules/user";Vue.use(Vuex);conststore=newVuex.Store({modules:{user,},getters,});expo
- 开发指南102-datav的使用
大道不孤,众行致远
平台开发指南vue.js前端javascript
官网地址:DataV整体思路:datav的设计有个问题,各个类型的图数据结构不同。如果让前端做数据转换会很麻烦。所以要求后端返回前端所需结构。具体结构看官网。前端:main.js中新增importDataVfrom'@jiaminghi/data-view'Vue.use(DataV)引入DavaVforvue前端写法很简单:无需关心格式,都由后台来处理。后台:org.qlmqlm-dto-dvc
- [配置]vue无限滚动vue-infinite-scroll的配置
tom_wong666
vueinfiniteScroll
安装:npmivue-infinite-scroll-D引用:main.js中通过如下方式注册全局引用importinfiniteScrollfrom'vue-infinite-scroll'Vue.use(infiniteScroll)页面中使用:vue-infinite-scroll示例说明:首先:v-infinite-scroll="loadMore"中的loadMore事件绑定处理函数,在
- 【前端开发学习笔记12】Vue_5
wei387245232
学习笔记vue.js
Vuex构建多组件共享的数据环境index.js://创建一个空仓库//目标:安装vuex插件,初始化一个空仓库//1.安装vuex:yarnaddvuex@3//2.新建vuex模块文件:新建store/index.js专门存放vuex//3.创建仓库:Vue.use(Vuex),创建仓库newVuex.Store()//4.main.js导入挂载:在main.js中导入挂载到Vue实例上//这
- Vue全流程--Vue2路由
不清参
Vue全流程vue.jsjavascript前端
引入路由的原因:实现单页面应用(SPA)什么是单页面应用:1、点击跳转链接后直接在原本的页面展示。路径发生相应改变2、整个应用只有一个完整页面3、数据需要通过ajax获取Vue2中的路由是什么:Vue2路由是一个插件库叫做vue-router需要引入npmivue-router应用方式//插件引入importVueRouterfrom'vue-router'//插件使用Vue.use(VueRou
- vue-codemirror实现代码块编辑回填
小桥流水人家丶
vue.jsjavascript前端
下载:
[email protected]"vue-codemirror";import"codemirror/lib/codemirror.css";Vue.use(VueCodemirror);组件--RichText.vue//引入全局实例import_CodeMirrorfrom"codemirror"
- Maven
Array_06
eclipsejdkmaven
Maven
Maven是基于项目对象模型(POM), 信息来管理项目的构建,报告和文档的软件项目管理工具。
Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性,所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法,许多 Apache Jakarta 项目发文时使用 Maven,而且公司
- ibatis的queyrForList和queryForMap区别
bijian1013
javaibatis
一.说明
iBatis的返回值参数类型也有种:resultMap与resultClass,这两种类型的选择可以用两句话说明之:
1.当结果集列名和类的属性名完全相对应的时候,则可直接用resultClass直接指定查询结果类
- LeetCode[位运算] - #191 计算汉明权重
Cwind
java位运算LeetCodeAlgorithm题解
原题链接:#191 Number of 1 Bits
要求:
写一个函数,以一个无符号整数为参数,返回其汉明权重。例如,‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。
汉明权重:指一个字符串中非零字符的个数;对于二进制串,即其中‘1’的个数。
难度:简单
分析:
将十进制参数转换为二进制,然后计算其中1的个数即可。
“
- 浅谈java类与对象
15700786134
java
java是一门面向对象的编程语言,类与对象是其最基本的概念。所谓对象,就是一个个具体的物体,一个人,一台电脑,都是对象。而类,就是对象的一种抽象,是多个对象具有的共性的一种集合,其中包含了属性与方法,就是属于该类的对象所具有的共性。当一个类创建了对象,这个对象就拥有了该类全部的属性,方法。相比于结构化的编程思路,面向对象更适用于人的思维
- linux下双网卡同一个IP
被触发
linux
转自:
http://q2482696735.blog.163.com/blog/static/250606077201569029441/
由于需要一台机器有两个网卡,开始时设置在同一个网段的IP,发现数据总是从一个网卡发出,而另一个网卡上没有数据流动。网上找了下,发现相同的问题不少:
一、
关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
- 安卓按主页键隐藏程序之后无法再次打开
肆无忌惮_
安卓
遇到一个奇怪的问题,当SplashActivity跳转到MainActivity之后,按主页键,再去打开程序,程序没法再打开(闪一下),结束任务再开也是这样,只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity
本来代码:
// 销毁这个Activity
fin
- 通过cookie保存并读取用户登录信息实例
知了ing
JavaScripthtml
通过cookie的getCookies()方法可获取所有cookie对象的集合;通过getName()方法可以获取指定的名称的cookie;通过getValue()方法获取到cookie对象的值。另外,将一个cookie对象发送到客户端,使用response对象的addCookie()方法。
下面通过cookie保存并读取用户登录信息的例子加深一下理解。
(1)创建index.jsp文件。在改
- JAVA 对象池
矮蛋蛋
javaObjectPool
原文地址:
http://www.blogjava.net/baoyaer/articles/218460.html
Jakarta对象池
☆为什么使用对象池
恰当地使用对象池化技术,可以有效地减少对象生成和初始化时的消耗,提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
- ArrayList根据条件+for循环批量删除的方法
alleni123
java
场景如下:
ArrayList<Obj> list
Obj-> createTime, sid.
现在要根据obj的createTime来进行定期清理。(释放内存)
-------------------------
首先想到的方法就是
for(Obj o:list){
if(o.createTime-currentT>xxx){
- 阿里巴巴“耕地宝”大战各种宝
百合不是茶
平台战略
“耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”,“耕地宝”由阿里巴巴投入一亿 ,主要是用来进行农业方面,将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权,还增加了土地的流通与 利用率,提高了土地的产量,有利于大规模的产业化的高科技农业的 发展,阿里在农业上的探索将会引起新一轮的产业调整,但是集体化之后农民的个体的话语权 将更少,国家应出台相应的法律法规保护
- Spring注入有继承关系的类(1)
bijian1013
javaspring
一个类一个类的注入
1.AClass类
package com.bijian.spring.test2;
public class AClass {
String a;
String b;
public String getA() {
return a;
}
public void setA(Strin
- 30岁转型期你能否成为成功人士
bijian1013
成功
很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人
- [Velocity三]基于Servlet+Velocity的web应用
bit1129
velocity
什么是VelocityViewServlet
使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中,以Servlet+Velocity的方式实现web应用
Servlet + Velocity的一般步骤
1.自定义Servlet,实现VelocityViewServl
- 【Kafka十二】关于Kafka是一个Commit Log Service
bit1129
service
Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解?
A message is considered "committed" when all in sync replicas for that partition have applied i
- NGINX + LUA实现复杂的控制
ronin47
lua nginx 控制
安装lua_nginx_module 模块
lua_nginx_module 可以一步步的安装,也可以直接用淘宝的OpenResty
Centos和debian的安装就简单了。。
这里说下freebsd的安装:
fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz
tar zxvf lua-5.1.4.tar.gz
cd lua-5.1.4
ma
- java-14.输入一个已经按升序排序过的数组和一个数字, 在数组中查找两个数,使得它们的和正好是输入的那个数字
bylijinnan
java
public class TwoElementEqualSum {
/**
* 第 14 题:
题目:输入一个已经按升序排序过的数组和一个数字,
在数组中查找两个数,使得它们的和正好是输入的那个数字。
要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字,输出任意一对即可。
例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
- Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder
bylijinnan
javanetty
今天看Netty如何实现一个Http Server
org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory:
pipeline.addLast("decoder", new HttpRequestDecoder());
pipeline.addLast(&quo
- java敏感词过虑-基于多叉树原理
cngolon
违禁词过虑替换违禁词敏感词过虑多叉树
基于多叉树的敏感词、关键词过滤的工具包,用于java中的敏感词过滤
1、工具包自带敏感词词库,第一次调用时读入词库,故第一次调用时间可能较长,在类加载后普通pc机上html过滤5000字在80毫秒左右,纯文本35毫秒左右。
2、如需自定义词库,将jar包考入WEB-INF工程的lib目录,在WEB-INF/classes目录下建一个
utf-8的words.dict文本文件,
- 多线程知识
cuishikuan
多线程
T1,T2,T3三个线程工作顺序,按照T1,T2,T3依次进行
public class T1 implements Runnable{
@Override
 
- spring整合activemq
dalan_123
java spring jms
整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分: a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接 b、真正产生到JMS服务器链接的ConnectionFactory还得
- MySQL时间字段究竟使用INT还是DateTime?
dcj3sjt126com
mysql
环境:Windows XPPHP Version 5.2.9MySQL Server 5.1
第一步、创建一个表date_test(非定长、int时间)
CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
- Parcel: unable to marshal value
dcj3sjt126com
marshal
在两个activity直接传递List<xxInfo>时,出现Parcel: unable to marshal value异常。 在MainActivity页面(MainActivity页面向NextActivity页面传递一个List<xxInfo>): Intent intent = new Intent(this, Next
- linux进程的查看上(ps)
eksliang
linux pslinux ps -llinux ps aux
ps:将某个时间点的进程运行情况选取下来
转载请出自出处:http://eksliang.iteye.com/admin/blogs/2119469
http://eksliang.iteye.com
ps 这个命令的man page 不是很好查阅,因为很多不同的Unix都使用这儿ps来查阅进程的状态,为了要符合不同版本的需求,所以这个
- 为什么第三方应用能早于System的app启动
gqdy365
System
Android应用的启动顺序网上有一大堆资料可以查阅了,这里就不细述了,这里不阐述ROM启动还有bootloader,软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来(包括wifi, power, rild, surfaceflinger, mediaserver等等)-> 启动Dalivk中的第一个进程Zygot
- App Framework发送JSONP请求(3)
hw1287789687
jsonp跨域请求发送jsonpajax请求越狱请求
App Framework 中如何发送JSONP请求呢?
使用jsonp,详情请参考:http://json-p.org/
如何发送Ajax请求呢?
(1)登录
/***
* 会员登录
* @param username
* @param password
*/
var user_login=function(username,password){
// aler
- 发福利,整理了一份关于“资源汇总”的汇总
justjavac
资源
觉得有用的话,可以去github关注:https://github.com/justjavac/awesome-awesomeness-zh_CN 通用
free-programming-books-zh_CN 免费的计算机编程类中文书籍
精彩博客集合 hacke2/hacke2.github.io#2
ResumeSample 程序员简历
- 用 Java 技术创建 RESTful Web 服务
macroli
java编程WebREST
转载:http://www.ibm.com/developerworks/cn/web/wa-jaxrs/
JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API,可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
- CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项
超声波
oraclelinux
前言:
这两天项目要上线了,由我负责往服务器部署整个项目,因此首先要往服务器安装oracle,服务器本身是CentOS6.5的64位系统,安装的数据库版本是11g,在整个的安装过程中碰到很多的坑,不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。
安装过程中可能遇到的问题(注
- HttpClient 4.3 设置keeplive 和 timeout 的方法
supben
httpclient
ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() {
@Override
public long getKeepAliveDuration(HttpResponse response, HttpContext context) {
long keepAlive
- Spring 4.2新特性-@Import注解的升级
wiselyman
spring 4
3.1 @Import
@Import注解在4.2之前只支持导入配置类
在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean
3.2 示例
演示java类
package com.wisely.spring4_2.imp;
public class DemoService {
public void doSomethin