- vue keep-alive
w_wx_x
作用: vue内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive是用在一个直属子组件被开关的情形,同时只有一个子组件在渲染,若有v-for则不会工作 注:keep-alive是一个抽象组件,自身不会渲染一个DOM元素,也不会出现在父组件链中//页面文件//路由exportdefaultnewRouter({routes:[{path:'/',name:'
- Flutter之命名路由页面传值
Harvey_DH_
flutterjava前端
一.在风格组件MaterialApp内的routes可选参数中创建命名路由MaterialApp{.....//其他代码无关home:MyHomePage()routes{//在routes中注册路由"new_SearchPage":(context)=>newPage()//注册一个路由器名称}}提示:"new_SearchPage"是命名路由的名称。二.在点击按钮的时候,响应Push路由器跳转
- Rails101 课外作业 3.13
RealAnalysis
第一个要求加一个“扣分”按钮,做的事跟加分按钮相反很容易,把controller定义改了以后,routes也加好,View也参考upvote的写法,分分钟搞定.但是一直不成功...也是郁闷了半天,后来用railsconsole试了一下,model的设置是没有问题的,能改变count的数据,也能成功删掉一票vote...最后盯着controller的定义研究,感觉问题在这里搞了半天,最后参考了教程里
- Spring Cloud Gateway之路由配置
面朝大海,春不暖,花不开
微服务前端服务器网络
SpringCloudGateway支持多种方式的路由配置,允许根据各种条件和需求来定义和控制请求的路由行为。以下是SpringCloudGateway中常用的路由配置选项和相关功能:基本路由配置路由的基本配置通常包括路由ID、目标URI、谓词(Predicates)和过滤器(Filters)。这是一个最基本的路由配置结构:spring:cloud:gateway:routes:-id:examp
- 关于 router-view-slot
今晚也失眠
前端javascript开发语言
关于router-view-slotApp.vue配置动态路由importlayoutfrom"@/layout/index.vue";constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:"/",name:"layout",redirect:"/dashboard",c
- 静态路由和策略路由的配置实践
weixin_34075551
移动开发操作系统
前言一般在多网卡的网络访问关系中我们通常根据目标IP地址段来添加静态路由(static-routes),在主机系统配置层面这个需求一般都比较简单也不需要使用非常复杂的命令,说实话如果不是因为开发测试中心同事@谢恒的乱入启发,我也不会发现还有策略路由这样一种灵活通用的配置方法来实现Linux多网卡多路由的设定,灰常感谢。策略路由的出现在某些业务场景下可能更优于静态路由更新记录2016年03月18日-
- prerender-spa-plugin:Unable to prerender all routes(亲测有效)
one.dream
报错记录前端javascript开发语言
使用prerender-spa-plugin打包报错mac下这里设置为headless:true,更换插件yarnadd@dreysolano/prerender-spa-pluginconstPrerenderSPAPlugin=require('@dreysolano/prerender-spa-plugin');因为使用了webpack5有些插件没有更新导致的
- vue3+vue-router4 路由守卫
徐同保
vue.js前端javascript
router/index.ts:import{createRouter,createWebHistory}from'vue-router'constrouter=createRouter({history:createWebHistory(import.meta.env.BASE_URL),routes:[{path:'/',redirect:'/home',},{path:'/home',com
- flutter之笔记路由
yinlang
1、页面跳转的几种方式*1、默认方式Navigator.of(context).push(MaterialPageRoute(builder:(BuildContextcontext)=>DetailPageDemo(title:'详情')));*2、预定义路由routes:{//预定义'/about':(context)=>DetailPageDemo(title:'about')},Navig
- vue history 路由模式打包发布到服务器设置
aimee66
要求描述页面访问地址首页:https://hello.haha.com/world用户中心:https://hello.haha.com/world/user路由设置路由配置js设置mode为history,这样会去掉#号和正常的路由地址一样exportdefaultnewRouter({mode:'history',routes:[{path:'/world',//注意路由的path需要和页面的
- Vue Router 动态路由匹配
李轻舟
我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个User组件,对于所有ID各不相同的用户,都要使用这个组件来渲染。那么,我们可以在vue-router的路由路径中使用“动态路径参数”(dynamicsegment)来达到这个效果:constUser={template:'User'}constrouter=newVueRouter({routes:[//动态路径参数以冒
- 关于 SAP 电商云 Spartacus UI checkout 流程的一些讨论
JerryWang_汪子熙
WhatisbehaviorbeforeJerry’sfixThechapterbelowdescribedthebehaviorBEFOREJerry’sfix.Scenario1Firststepofcheckout:shippingaddresspageurl:http://localhost:4299/electronics-spa/en/USD/checkout/shipping-add
- Spring Cloud Gateway 网关路由
乐小鑫
SpringCloud微服务gatewayspringcloud网络http
一、路由断言路由断言就是判断路由转发的规则二、路由过滤器1.路由过滤器可以实现对网关请求的处理,可以使用Gateway提供的,也可以自定义过滤器2.路由过滤器GatewayFilter(默认不生效,只有配置到路由后才会生效):只对一个路由生效,配置到routes下,和predicates同级对所有路由生效:配置到default-filters3.全局过滤器GlobalFilter(所有路由都生效)
- 前端如何根据不同账号动态生成路由
xtcgjk
javascript前端vue.js
2.创建一个路由守卫函数,用于检查用户是否已登录或具有所需的权限://router.jsimportVueRouterfrom'vue-router';importroutesfrom'./routes';constrouter=newVueRouter({routes,});router.beforeEach((to,from,next)=>{constisLoggedIn=//检查用户是否已登
- 学习blog:Vue实现路由懒加载以及将组件打包到一个模块中
weixin_43160044
Vue前端vue
目前VueRouter官方推荐的懒加载形式是这样constFoo=()=>import('./Foo.vue')constrouter=newVueRouter({routes:[{path:'/foo',component:Foo}]})当然你也可以直接这么写constrouter=newVueRouter({routes:[{path:'/foo',component:()=>import('
- vue中的路由元信息(meta)
大号火龙果
一、官方文档路由元信息:定义路由的时候可以配置meta字段constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:true}}]}]})那么如何访问这个字段meta呢?首先,我们称呼routers配置
- Vue-58、Vue技术命名路由
一叶飘零晋
vuevue.js前端javascript
命名路由1、作用:可以简化路由的跳转2、如何使用1、给路由命名:routes:[{name:'guanyu',//给路由命名path:'/about',component:About},{path:'/home',component:Home,children:[{path:'news',component:News},{path:'message',component:Message,child
- nginx一个域名配置多个vue项目
秀萝卜
在已有项目一的情况下,不改变项目一的访问地址,在同一域名的二级目录下部署项目二,配置如下:一、修改vue.js配置1.修改vue-router路由配置src/router/index.js文件a.项目一constrouter=newVueRouter({mode:'history',routes:routes})b.项目二constrouter=newVueRouter({base:'jx',mo
- 修改网卡IP和设置固定静态路由
蟑蚂子
修改网卡的ip地址cd/etc/sysconfig/network-scriptsvimifcfg-ens160systemctlrestartnetwork设置固定的静态路由vim/etc/sysconfig/static-routes创建static-routes文件文件中添加anynet182.9.0.0netmask255.255.0.0gw100.0.0.1devens160system
- vue3学习——路由
可乐KL
vue3学习前端vue3
安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'import{constantRoute}from'@/router/routes.ts'letrouter=createRouter({history:createWebHashHistory(),routes
- Vue3中路由配置Catch all routes (“*“) must .....问题
小袁搬码
vue3Node.jsvue-routervue.js前端vue3vue-router
Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.vue2中加载并添加异步路由(OK)3.转vue3后不好使(Error)1.代码2.错误2.处理方式1.修改前2.修改后3.vue3中完整代码案例1.业务场景描述1.加载并添加异步路由场景从vue2
- 2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面
丰起云啸
我们经常遇到客户如果输错URL,就会出现空白,那么我们怎么结局呢?1.路由所有匹配不到时,返回首页;//创建路由对象并配置路由规则letrouter=newVueRouter({routes:[{path:'/',redirect:{name:"home"}},//重定向到主页{name:'home',path:'/home',component:Home},{path:'/music',comp
- (已解决)在vue路由配置中,export const constantRoutes和const routes有什么区别,
BrianGriffin
vue.jsjavascript前端
在VueRouter的配置中,exportconstconstantRoutes和constroutes主要是关于变量的作用域和导出方式的不同。constroutes:只是声明了一个常量routes,其中可能包含了应用中的路由配置数组。这个常量的作用范围仅限于当前文件,如果不将其导出,则其他文件无法直接访问到这个变量。exportconstconstantRoutes:同样声明了一个常量,但同时使
- Vue-59、Vue技术路由的props配置
一叶飘零晋
vuevue.js前端javascript
路由的props配置1、作用:让组件更方便的收到参数routes:[{name:'guanyu',path:'/about',component:About},{path:'/home',component:Home,children:[{path:'news',component:News},{path:'message',component:Message,children:[{name:'x
- Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.
富朝阳
错误处理前端javascriptvuevue-router
问题vue页面404适配过程中遇到这样一个问题,Error:Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2的版本,查阅了资料才发现vue3对404配置进行了修改,必须要使用正则匹配,vue2404配置//除已经定义好了的路由,其它路由都跳到/404路由{path:'*',//不识别的path404
- 2019-07-08
三野道长
前端vue到js到顶层的app.vue到index的’‘(是后端路径名)到后端routes到数据库Ajax框架修改url
- Vue Router 路由重定向-笔记
卫渤
语法//
[email protected],
[email protected]({routes:[{name:'test',path:'/test',component:test}]})DEMOHTML代码//...登陆注册重定向1重定向2//...JS代码//定义组件letlogin={template:'登陆组件'}letregister={template:'注册组件'}//定义路由c
- vue 自定义底部菜单栏
小李不小
最近vue不是特别火,自己想写一个vue的底部菜单栏,然后试着开始写,起来还是听痛苦的,但是还是写出来,这个过程重查询了一些资料和看了一些视频。1写好界面这是我写好的四个界面image.png2在router.js重定义路由在一级路由下面定义自己tabbr的子路由。routes:[{path:'/',name:'index',component:()=>import('./views/index'
- UmiMax学习笔记
zxo_apple
学习笔记javascript
####安装:pnpmdlxcreate-umi@latest/***access:权限*1.在app.ts中配置全局初始化函数getInitialState*2.在根目录下的access.ts中配置自定义要暴露的权限种类*3.在routes中可直接使用access.ts中暴露的权限key(字符串形式)*4.在组件中使用constaccess=useAccess()可拿到暴露的所有权限种类*5.搭
- 【Vue3】 Vue-Router路由和路由导航守卫
博主花神
【Vue3】专栏vue.js前端javascript
路由前后端分离阶段路由单页面富应用阶段前端路由如何做到URL和内容进行映射?URl的hash(哈希)URl的historyVue-Router基本使用1,安装Vue-Router2,新建页面router文件下的index.js,路由,导入页面,导入路由,创建路由关系3,main.js3,app.vue里面router-link属性路由懒加载分包处理路由routes的其他属性动态路由和路由嵌套1,动
- 深入浅出Java Annotation(元注解和自定义注解)
Josh_Persistence
Java Annotation元注解自定义注解
一、基本概述
Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制,用来将任何的信息或元数据(metadata)与程序元素(类、方法、成员变量等)进行关联。
更通俗的意思是为程序的元素(类、方法、成员变量)加上更直观更明了的说明,这些说明信息是与程序的业务逻辑无关,并且是供指定的工具或
- mysql优化特定类型的查询
annan211
java工作mysql
本节所介绍的查询优化的技巧都是和特定版本相关的,所以对于未来mysql的版本未必适用。
1 优化count查询
对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
真正的count()函数的作用到底是什么。
count()是一个特殊的函数,有两种非常不同的作用,他可以统计某个列值的数量,也可以统计行数。
在统
- MAC下安装多版本JDK和切换几种方式
棋子chessman
jdk
环境:
MAC AIR,OS X 10.10,64位
历史:
过去 Mac 上的 Java 都是由 Apple 自己提供,只支持到 Java 6,并且OS X 10.7 开始系统并不自带(而是可选安装)(原自带的是1.6)。
后来 Apple 加入 OpenJDK 继续支持 Java 6,而 Java 7 将由 Oracle 负责提供。
在终端中输入jav
- javaScript (1)
Array_06
JavaScriptjava浏览器
JavaScript
1、运算符
运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
- 国内顶级代码分享网站
袁潇含
javajdkoracle.netPHP
现在国内很多开源网站感觉都是为了利益而做的
当然利益是肯定的,否则谁也不会免费的去做网站
&
- Elasticsearch、MongoDB和Hadoop比较
随意而生
mongodbhadoop搜索引擎
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性,避免落大部队太远,我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎,它们存储着JSON文档,MongoDB存着JSON文档,或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
- mac os 系统科研软件总结
张亚雄
mac os
1.1 Microsoft Office for Mac 2011
大客户版,自行搜索。
1.2 Latex (MacTex):
系统环境:https://tug.org/mactex/
&nb
- Maven实战(四)生命周期
AdyZhang
maven
1. 三套生命周期 Maven拥有三套相互独立的生命周期,它们分别为clean,default和site。 每个生命周期包含一些阶段,这些阶段是有顺序的,并且后面的阶段依赖于前面的阶段,用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例,它包含的阶段有pre-clean, clean 和 post
- Linux下Jenkins迁移
aijuans
Jenkins
1. 将Jenkins程序目录copy过去 源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面 tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
- request.getInputStream()只能获取一次的问题
ayaoxinchao
requestInputstream
问题:在使用HTTP协议实现应用间接口通信时,服务端读取客户端请求过来的数据,会用到request.getInputStream(),第一次读取的时候可以读取到数据,但是接下来的读取操作都读取不到数据
原因: 1. 一个InputStream对象在被读取完成后,将无法被再次读取,始终返回-1; 2. InputStream并没有实现reset方法(可以重
- 数据库SQL优化大总结之 百万级数据库优化方案
BigBird2012
SQL优化
网上关于SQL优化的教程很多,但是比较杂乱。近日有空整理了一下,写出来跟大家分享一下,其中有错误和不足的地方,还请大家纠正补充。
这篇文章我花费了大量的时间查找资料、修改、排版,希望大家阅读之后,感觉好的话推荐给更多的人,让更多的人看到、纠正以及补充。
1.对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。
2.应尽量避免在 where
- jsonObject的使用
bijian1013
javajson
在项目中难免会用java处理json格式的数据,因此封装了一个JSONUtil工具类。
JSONUtil.java
package com.bijian.json.study;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
- [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
bit1129
zookeeper
Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API,它包含了如下几个内部类
首先分析它的内部类,从WatchRegistration开始,为指定的znode path注册一个Watcher,
/**
* Register a watcher for a particular p
- 【Scala十三】Scala核心七:部分应用函数
bit1129
scala
何为部分应用函数?
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
- Tomcat Error listenerStart 终极大法
ronin47
tomcat
Tomcat报的错太含糊了,什么错都没报出来,只提示了Error listenerStart。为了调试,我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties,内容如下
Java代码
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
- 不用加减符号实现加减法
BrokenDreams
实现
今天有群友发了一个问题,要求不用加减符号(包括负号)来实现加减法。
分析一下,先看最简单的情况,假设1+1,按二进制算的话结果是10,可以看到从右往左的第一位变为0,第二位由于进位变为1。
 
- 读《研磨设计模式》-代码笔记-状态模式-State
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
当一个对象的内在状态改变时允许改变其行为,这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中,可以把复杂的判断逻辑简化
如果在
- CUDA程序block和thread超出硬件允许值时的异常
cherishLC
CUDA
调用CUDA的核函数时指定block 和 thread大小,该大小可以是dim3类型的(三维数组),只用一维时可以是usigned int型的。
以下程序验证了当block或thread大小超出硬件允许值时会产生异常!!!GPU根本不会执行运算!!!
所以验证结果的正确性很重要!!!
在VS中创建CUDA项目会有一个模板,里面有更详细的状态验证。
以下程序在K5000GPU上跑的。
- 诡异的超长时间GC问题定位
chenchao051
jvmcmsGChbaseswap
HBase的GC策略采用PawNew+CMS, 这是大众化的配置,ParNew经常会出现停顿时间特别长的情况,有时候甚至长到令人发指的地步,例如请看如下日志:
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
- maven环境快速搭建
daizj
安装mavne环境配置
一 下载maven
安装maven之前,要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。
maven下载地址:http://maven.apache.org/download.html,目前最新的是这个apache-maven-3.2.5-bin.zip,然后解压在任意位置,最好地址中不要带中文字符,这个做java 的都知道,地址中出现中文会出现很多
- PHP网站安全,避免PHP网站受到攻击的方法
dcj3sjt126com
PHP
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
- yii中给CGridView设置默认的排序根据时间倒序的方法
dcj3sjt126com
GridView
public function searchWithRelated() {
$criteria = new CDbCriteria;
$criteria->together = true; //without th
- Java集合对象和数组对象的转换
dyy_gusi
java集合
在开发中,我们经常需要将集合对象(List,Set)转换为数组对象,或者将数组对象转换为集合对象。Java提供了相互转换的工具,但是我们使用的时候需要注意,不能乱用滥用。
1、数组对象转换为集合对象
最暴力的方式是new一个集合对象,然后遍历数组,依次将数组中的元素放入到新的集合中,但是这样做显然过
- nginx同一主机部署多个应用
geeksun
nginx
近日有一需求,需要在一台主机上用nginx部署2个php应用,分别是wordpress和wiki,探索了半天,终于部署好了,下面把过程记录下来。
1. 在nginx下创建vhosts目录,用以放置vhost文件。
mkdir vhosts
2. 修改nginx.conf的配置, 在http节点增加下面内容设置,用来包含vhosts里的配置文件
#
- ubuntu添加admin权限的用户账号
hongtoushizi
ubuntuuseradd
ubuntu创建账号的方式通常用到两种:useradd 和adduser . 本人尝试了useradd方法,步骤如下:
1:useradd
使用useradd时,如果后面不加任何参数的话,如:sudo useradd sysadm 创建出来的用户将是默认的三无用户:无home directory ,无密码,无系统shell。
顾应该如下操作:
- 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
jinnianshilongnian
nginxlua
JSON库
在进行数据传输时JSON格式目前应用广泛,因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能;目前Lua也有几个JSON库,本人用过cjson、dkjson。其中cjson的语法严格(比如unicode \u0020\u7eaf),要求符合规范否则会解析失败(如\u002),而dkjson相对宽松,当然也可以通过修改cjson的源码来完成
- Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
yaerfeng1989
timerquartz定时器
原创整理不易,转载请注明出处:Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
代码下载地址:http://www.zuidaima.com/share/1772648445103104.htm
有两种流行Spring定时器配置:Java的Timer类和OpenSymphony的Quartz。
1.Java Timer定时
首先继承jav
- Linux下df与du两个命令的差别?
pda158
linux
一、df显示文件系统的使用情况,与du比較,就是更全盘化。 最经常使用的就是 df -T,显示文件系统的使用情况并显示文件系统的类型。 举比例如以下: [root@localhost ~]# df -T Filesystem Type &n
- [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
ctfzh
VOandroidsqlite反射Cursor
在写DAO层时,觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了,就写了一个工具类,用到了反射,可以把查询记录的值装到对应的VO里,也可以生成该VO的List。
使用时需要注意:
考虑到Android的性能问题,VO没有使用Setter和Getter,而是直接用public的属性。
表中的字段名需要和VO的属性名一样,要是不一样就得在查询的SQL中
- 该学习笔记用到的Employee表
vipbooks
oraclesql工作
这是我在学习Oracle是用到的Employee表,在该笔记中用到的就是这张表,大家可以用它来学习和练习。
drop table Employee;
-- 员工信息表
create table Employee(
-- 员工编号
EmpNo number(3) primary key,
-- 姓