对应的路由匹配成功时, 会自动给当前元素设置一个router-link-active的class, 设置active-class可以修改默认的名称.
在进行高亮显示的导航菜单或者底部tabbar时, 会使用到该类.
但是通常不会修改类的属性, 会直接使用默认的router-link-active即可.
代码跳转
在VueRouter里面所有的组件都有一个$router 属性
this.$router.push('/home')
push==pushState
this.$router.relplace('/home')
raplace==repalceState
动态路由跳转
在某些情况下,一个页面的pathl路径可能是不确定的,比如我们进入用户界面时,希望如下的路径
/user/aaaa或/user/bbbb
除了有前面的/user之外,后面还跟上了用户的ID
这种path和Component的匹配关系,我们称之为动态路由(也是路由传递数据的一种方式)。
const routes = [
{
path:'/user/:id', //动态路由
component:User
}
]
//获取id
{{$router.params.id}}
认识路由的懒加载
当打包构建应用的时候。javascript包会变得非常大,页面这么多放在一个js文件中, 必然会影响页面的加载。如果我们一次性从服务器请求下来这个页面, 可能需要花费一定的时间, 甚至用户的电脑上还出现了短暂空白的情况.
路由懒加载可以解决以上问题
路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块.
只有在这个路由被访问到的时候, 才加载对应的组件
方式一: 结合Vue的异步组件和Webpack的代码分析.
const Home = resolve => { require.ensure(['../components/Home.vue'], () => { resolve(require('../components/Home.vue')) })};
方式二: AMD写法
const About = resolve => require(['../components/About.vue'], resolve);
方式三: 在ES6中, 我们可以有更加简单的写法来组织Vue异步组件和Webpack的代码分割.
const Home = () => import('../components/Home.vue')
嵌套路由
嵌套路由是一个很常见的功能
比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容.
一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件.
路由跳转传递参数
传递参数主要有两种类型: params和query
params的类型:
配置路由格式: /router/:id
传递的方式: 在path后面跟上对应的值
传递后形成的路径: /router/123, /router/abc
query的类型:
配置路由格式: /router, 也就是普通配置
传递的方式: 对象中使用query的key作为传递方式
传递后形成的路径: /router?id=123, /router?id=abc
传递方式一
传递方式二
获取参数
获取参数通过route ,并且当路由切换时,路由对象会被更新。
通过$route获取传递的信息如下:
router是有区别的
router.push方法
$route为当前router跳转对象里面可以获取name、path、query、params等
导航守卫
什么是导航守卫?
vue-router提供的导航守卫主要用来监听监听路由的进入和离开的.
vue-router提供了beforeEach和afterEach的钩子函数, 它们会在路由即将改变前和改变后触发.
们来考虑一个需求: 在一个SPA应用中, 如何改变网页的标题呢?
网页标题是通过
来显示的, 但是SPA只有一个固定的HTML, 切换不同的页面时, 标题并不会改变.<br> 但是我们可以通过JavaScript来修改<title>的内容.window.document.title = '新的标题'.<br> 那么在Vue项目中, 在哪里修改? 什么时候修改比较合适呢?<br> 我们可以利用beforeEach来完成标题的修改.<br> 首先, 我们可以在钩子当中定义一些标题, 可以利用meta来定义<br> 其次, 利用导航守卫,修改我们的标题.<br> 导航钩子的三个参数解析:<br> to: 即将要进入的目标的路由对象.<br> from: 当前导航即将要离开的路由对象.<br> next: 调用该方法后, 才能进入下一个钩子.</p>
<br>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 587px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image.png
</div>
</div>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 587px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image.png
</div>
</div>
<h4>keep-alive遇见vue-router</h4>
<p>keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。<br> 它们有两个非常重要的属性:<br> include - 字符串或正则表达,只有匹配的组件会被缓存<br> exclude - 字符串或正则表达式,任何匹配的组件都不会被缓存<br> router-view 也是一个组件,如果直接被包在 keep-alive 里面,所有路径匹配到的视图组件都会被缓存:</p>
<div class="image-package">
<div class="image-container" style="max-width: 700px; max-height: 210px;">
<div class="image-view">
</div>
</div>
<div class="image-caption">
image.png
</div>
</div>
<p>通过create声明周期函数来验证</p>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1703494550145806336"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(vue router 路由专题)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1890471862245322752.htm"
title="【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired" target="_blank">【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired</a>
<span class="text-muted">小跳不会Coding</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>使用vue开发项目时,安装插件一直安装不上,排查了之后才发现是:证书已过期报错信息:npmERR:requesttohttps://registry.npm.taobao.orgfailed,reason:certificatehasexpired翻译成中文就是:请求https://registry.npm.taobao.org失败,原因:证书已过期直接使用:(npmconfigsetregist</div>
</li>
<li><a href="/article/1890470223442669568.htm"
title="angular 新语法糖学习一" target="_blank">angular 新语法糖学习一</a>
<span class="text-muted"></span>
<div>延迟视图@defer是Angularv16引入的一项功能,用于优化组件的加载和渲染。它提供了一种延迟加载组件的方法,可以减少初始渲染时的开销,延迟加载(LazyLoading)主要是通过路由实现的。通过路由配置中的loadChildren属性,可以在需要时加载特定的模块。这种方式适合处理大型应用程序中的模块划分问题,但不能直接用于组件级别的延迟加载。随着angular的发展,在angularv16</div>
</li>
<li><a href="/article/1890449669021036544.htm"
title="大事件管理系统(vue3)compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)" target="_blank">大事件管理系统(vue3)compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)</a>
<span class="text-muted">章小絮</span>
<a class="tag" taget="_blank" href="/search/vue2%E5%92%8Cvue3%E5%AD%A6%E4%B9%A0/1.htm">vue2和vue3学习</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a>
<div>后台数据管理系统-项目架构设计在线演示:https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径:http://big-event-vue-api-t.itheima.net本项目的技术栈本</div>
</li>
<li><a href="/article/1890431772563402752.htm"
title="【鸿蒙】ArkUI-X跨平台问题集锦" target="_blank">【鸿蒙】ArkUI-X跨平台问题集锦</a>
<span class="text-muted">两块三刀</span>
<a class="tag" taget="_blank" href="/search/ArkUI-X/1.htm">ArkUI-X</a><a class="tag" taget="_blank" href="/search/HarmonyOS/1.htm">HarmonyOS</a><a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a>
<div>系列文章目录【鸿蒙】ArkUI-X跨平台问题集锦文章目录系列文章目录问题集锦1、HSP,HAR模块中无法引入importbridgefrom'@arkui-x.bridge';2、CustomDialog自定义弹窗中的点击事件在Android中无任何响应;3、调用buildRouterMode()路由跳转页面前,必须手动import('/*page')页面。无法自动导入?4、主题Android\i</div>
</li>
<li><a href="/article/1890413739316932608.htm"
title="比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比" target="_blank">比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比</a>
<span class="text-muted">dxh_888</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>Vue3的setup函数vsVue2的created和dataVue3引入了setup函数,作为CompositionAPI的核心部分,它彻底改变了Vue组件的逻辑组织和代码复用方式。与Vue2的data和created等选项相比,setup函数提供了更灵活、更强大的能力,尤其是在逻辑组织、代码复用和类型推断方面。1.逻辑组织Vue2的data和createddata:用于定义组件的响应式数据,返</div>
</li>
<li><a href="/article/1890409956121833472.htm"
title="vue3读取webrtc-stream 视频流" target="_blank">vue3读取webrtc-stream 视频流</a>
<span class="text-muted">cyw8998</span>
<a class="tag" taget="_blank" href="/search/webrtc/1.htm">webrtc</a>
<div>一.首先下载webrtc-stream,方便自己本地搭建视频流服务https://download.csdn.net/download/cyw8998/90373521解压后,启动命令webrtc-streamer.exe-H127.0.0.1:8020二.vue3代码如下videoimport'@/assets/adapter.min.js';import'@/assets/webrtcstre</div>
</li>
<li><a href="/article/1890409802190876672.htm"
title="Vue3中实现el-table单选功能(取消前一项的选中)" target="_blank">Vue3中实现el-table单选功能(取消前一项的选中)</a>
<span class="text-muted"></span>
<div>需求描述产品说,表格行要只能选中一个且,不能使用el-radio方式因为要可以取消选中于是乎,有了当前的文章记录我们先看效果图效果图代码思路首先,把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后,去除前一项的选中状态@select="selectChange"constsel</div>
</li>
<li><a href="/article/1890399983606231040.htm"
title="编程技巧:VUE 实现接口返回数据的流式处理" target="_blank">编程技巧:VUE 实现接口返回数据的流式处理</a>
<span class="text-muted">夸父CV</span>
<a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7%E4%B8%8E%E5%AE%9E%E7%8E%B0%E5%8E%9F%E7%90%86%E8%A7%A3%E6%9E%90/1.htm">编程技巧与实现原理解析</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/chrome/1.htm">chrome</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>一、写在前面ChatGPT的问答响应界面相信大家都见过,内容是一点一点追加式的显示。不是等好了一起发给你,然后一次性展示出来。这种效果和我们平常开发的展示渲染模式有点区别。可能有的同学会说,前端拿到报文后,我们做成这样的效果不就行行了,有什么难的。这话看起来很对,但其实不那么对。试想一下,如果一个问答内容响应体很大,几十上百兆,等报文传输完了,我们再显示,中间界面等待的时间会很长,体验其实是很差。</div>
</li>
<li><a href="/article/1890397588910305280.htm"
title="先进制造aps专题二十九 基于ai智能体的生产排程和工厂生产仿真引擎的设计" target="_blank">先进制造aps专题二十九 基于ai智能体的生产排程和工厂生产仿真引擎的设计</a>
<span class="text-muted">lijianhua_9712</span>
<a class="tag" taget="_blank" href="/search/aps/1.htm">aps</a><a class="tag" taget="_blank" href="/search/ai%E6%99%BA%E8%83%BD%E4%BD%93/1.htm">ai智能体</a><a class="tag" taget="_blank" href="/search/%E4%BB%BF%E7%9C%9F%E5%BC%95%E6%93%8E/1.htm">仿真引擎</a>
<div>上文中,我们说,通常的做法是,可以先通过排产仿真引擎产生生产计划,再在工厂仿真引擎里仿真执行,这样可以预先分析计划和执行的差异情况并进行调整优化这里的产生生产计划,仿真生产执行和数据分析都是人工进行的这些工作可以让ai智能体来做,从而实现整套流程的自动化和智能化我们可以在强化学习框架中结合排产仿真/工厂生产仿真框架,在强化学习框架的准备函数里启动排产仿真引擎获得生产计划,并导入到工厂仿真引擎里执行</div>
</li>
<li><a href="/article/1890391282749075456.htm"
title="HCIA项目实践(网络)---NAT地址转化技术" target="_blank">HCIA项目实践(网络)---NAT地址转化技术</a>
<span class="text-muted">沅沅真真</span>
<a class="tag" taget="_blank" href="/search/HCIA/1.htm">HCIA</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>十三NAT网络地址转换技术13.1什么是NATNAT(NetworkAddressTranslation)地址转换技术,是一种将内部网络的私有IP地址转换为外部网络的公有IP地址的技术。其主要作用是实现多个内部网络设备通过一个公有IP地址访问外部网络,有效解决了IPv4地址空间不足的问题。在NAT转换过程中,路由器会在数据包从内部网络发往外部网络时,将源IP地址替换为公有IP地址,并记录转换关系;</div>
</li>
<li><a href="/article/1890384597959634944.htm"
title="vue3后台系统动态路由实现" target="_blank">vue3后台系统动态路由实现</a>
<span class="text-muted">瑶琴AI前端</span>
<a class="tag" taget="_blank" href="/search/vue3%2Bts%E5%90%8E%E5%8F%B0%E7%B3%BB%E7%BB%9F%E6%90%AD%E5%BB%BA/1.htm">vue3+ts后台系统搭建</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a><a class="tag" taget="_blank" href="/search/%E5%8A%A8%E6%80%81%E8%B7%AF%E7%94%B1/1.htm">动态路由</a>
<div>动态路由的流程:用户登录之后拿到用户信息和token,再去请求后端给的动态路由表,前端处理路由格式为vue路由格式。1)拿到用户信息里面的角色之后再去请求路由表,返回的路由为tree格式后端返回路由如下:前端处理:共识:动态路由在路由守卫beforeEach里面进行处理,每次跳转路由都会走这里。1.src下新建permission.js文件,main.js中引入//main.jsimport'./</div>
</li>
<li><a href="/article/1890376907262849024.htm"
title="RIP协议" target="_blank">RIP协议</a>
<span class="text-muted">lq_ioi_pl</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a>
<div>目录RIP贝尔曼.福特算法RIP的版本RIPV1和RIPV2的区别:RIP的数据包破环方案RIP的配置拓展配置RIP在RIP里面,将两台直接相连的设备,具备通信条件的设备称为邻居关系。Destination/MaskProtoPreCostFlagsNextHopInterface在RIP中,传递一条路由条目,主要需要携带的参数是目标网段信息以及开销值(cost)开销值是动态路由协议选路的重要依据</div>
</li>
<li><a href="/article/1890366814723043328.htm"
title="如何在 Linux 中查找默认网关 IP?" target="_blank">如何在 Linux 中查找默认网关 IP?</a>
<span class="text-muted">wljslmz</span>
<a class="tag" taget="_blank" href="/search/Linux%E6%8A%80%E6%9C%AF/1.htm">Linux技术</a><a class="tag" taget="_blank" href="/search/%E9%BB%98%E8%AE%A4%E7%BD%91%E5%85%B3/1.htm">默认网关</a>
<div>在计算机网络中,默认网关(DefaultGateway)是一个关键的网络设备,通常是路由器或防火墙,它负责将数据包从本地网络转发到其他网络。对于Linux系统用户来说,了解如何查找默认网关的IP地址是非常重要的,尤其是在进行网络配置、故障排除或安全审计时。在深入探讨如何查找默认网关之前,首先需要理解什么是默认网关以及它在网络中的作用。默认网关是网络中用于转发数据包到其他网络的设备。当一台计算机需要</div>
</li>
<li><a href="/article/1890366309246496768.htm"
title="【前端开发学习笔记12】Vue_5" target="_blank">【前端开发学习笔记12】Vue_5</a>
<span class="text-muted">wei387245232</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>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实例上//这</div>
</li>
<li><a href="/article/1890365931155156992.htm"
title="IS-IS 泛洪机制 | LSP 处理流程" target="_blank">IS-IS 泛洪机制 | LSP 处理流程</a>
<span class="text-muted">斐夷所非</span>
<a class="tag" taget="_blank" href="/search/network/1.htm">network</a><a class="tag" taget="_blank" href="/search/IS-IS/1.htm">IS-IS</a><a class="tag" taget="_blank" href="/search/%E6%B3%9B%E6%B4%AA%E6%9C%BA%E5%88%B6/1.htm">泛洪机制</a>
<div>IS-IS泛洪机制作为一种链路状态路由协议,IS-IS与OSPF类似,在学习和计算路由之前,区域中的路由器首先需交换链路状态信息,最终使所有路由器的链路状态数据库达到一致状态,这就如同每台路由器都拥有一张相同的网络拓扑图。之后,每台路由器利用自身的SPF算法计算到达区域内任何其他网络的最优路由。路由器产生一个LSP后,会从所有运行了IS-IS的接口进行扩散。区域中的其他路由器从一个接口接收到LSP</div>
</li>
<li><a href="/article/1890359880171188224.htm"
title="Vue.js前端开发实战学习笔记" target="_blank">Vue.js前端开发实战学习笔记</a>
<span class="text-muted">cai-4</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于Vue3的UI组件库——El</div>
</li>
<li><a href="/article/1890342234277081088.htm"
title="网络安全开发包介绍" target="_blank">网络安全开发包介绍</a>
<span class="text-muted">网安墨雨</span>
<a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a>
<div>引言:网络安全领域的许多网络安全技术,如防火墙、入侵检测、安全扫描、网络嗅探、协议分析、流量统计、网络管理、蜜罐等,其设计和实现都离不开一些网络安全操作,其中一些基本操作都在底层进行,使用频繁,如网络地址的操作、网络接口的操作、数据包的捕获、数据包的构造和发送、网络入侵检测等;还有一些比较复杂的操作,如流量的统计、路由的管理,ARP缓存的配置、防火墙的管理和配置等,都会在开发网络安全模型或应用系统</div>
</li>
<li><a href="/article/1890338953941282816.htm"
title="VSCODE 常见问题" target="_blank">VSCODE 常见问题</a>
<span class="text-muted">SEVENTHD7</span>
<a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a>
<div>1VSCODE下载慢将下载地址中的az764295.vo.msecnd.net更换为vscode.cdn.azure.cn使用国内的镜像服务器加速,就好了2.函数跳转vue插件:Vetur、Vue2Snippets,vue-helper(支持CTRL+点击函数跳转||绑定对象跳转)目前装第一个就可以,后边的没有试过alt+返回上一级3.自动补全c/c++extension自动补全4.文件头部注释和</div>
</li>
<li><a href="/article/1890330888860921856.htm"
title="vue 配置vue.config.js 优化" target="_blank">vue 配置vue.config.js 优化</a>
<span class="text-muted">鸿是江边鸟,曾是心上人</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>1.压缩js,去除打印信息。module.exports={configureWebpack:{optimization:{minimize:true,//确保启用了压缩minimizer:[newTerserPlugin({terserOptions:{//在这里放入你的自定义Terser选项compress:{drop_console:true,//例如,移除console.log语句//更多</div>
</li>
<li><a href="/article/1890324837553991680.htm"
title="vue-点击生成动态值,动态渲染回显输入框" target="_blank">vue-点击生成动态值,动态渲染回显输入框</a>
<span class="text-muted">岂不闻</span>
<a class="tag" taget="_blank" href="/search/learn/1.htm">learn</a><a class="tag" taget="_blank" href="/search/or/1.htm">or</a><a class="tag" taget="_blank" href="/search/imporve/1.htm">imporve</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>1.前言动态点击生成数值,回显输入框,并绑定。2.实现点击生成exportdefault{data(){return{uploadData:{//假设peo.field是'workNum'workNum:''},peo:{field:'workNum'},inputKey:Date.now()//初始key值};},methods:{workNumProduce(){//生成工号逻辑,这里只是一个</div>
</li>
<li><a href="/article/1890323577127890944.htm"
title="Flask魔法:打造你的Web应用路由王国" target="_blank">Flask魔法:打造你的Web应用路由王国</a>
<span class="text-muted">木头左</span>
<a class="tag" taget="_blank" href="/search/python%E5%8A%9E%E5%85%AC%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">python办公自动化</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>哈喽,大家好,我是木头左!什么是Flask路由?在Flask中,路由是URL模式与处理函数之间的映射。当用户请求一个特定的URL时,Flask会将该请求分发给相应的处理函数。这些处理函数通常称为视图函数或端点。定义一个简单的Flask路由需要安装Flask。如果你还没有安装,可以使用pip进行安装:pipinstallFlask接下来,创建一个简单的Flask应用并定义一个基本的路由:fromfl</div>
</li>
<li><a href="/article/1890311598627680256.htm"
title="前端自动化测试:TDD 和 BDD 哪个更好一些?" target="_blank">前端自动化测试:TDD 和 BDD 哪个更好一些?</a>
<span class="text-muted">测试员小静</span>
<a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/1.htm">技术分享</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95/1.htm">测试</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E7%A8%8B%E5%B8%88/1.htm">测试工程师</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a>
<div>大家好,我是小静,今天整理了一份前端自动化测试手册,希望能对你有帮助!这里赠送一套软件测试相关资源:软件测试相关工具软件测试练习集深入自动化测试Python学习手册Python编码规范大厂面试题和简历模板关注我公众号:【程序员小濠】即可免费领取!交流群:175317069Vue应用测试项目环境搭建运行vuecreate[project-name]来创建一个新项目。选择"Manuallyselect</div>
</li>
<li><a href="/article/1890302019684593664.htm"
title="「Vue3系列」Vue3 Axios详解" target="_blank">「Vue3系列」Vue3 Axios详解</a>
<span class="text-muted">·零落·</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue3/1.htm">vue3</a>
<div>文章目录一、Vue3Axios二、Vue3Axios请求配置项三、Axios响应结构四、Axios拦截器请求拦截器响应拦截器拦截器的移除拦截器的应用场景五、相关链接一、Vue3Axios在Vue3中,你可以使用axios来执行AJAX请求。axios是一个流行的基于Promise的HTTP客户端,它可以在浏览器和node.js中使用。它提供了一种简单的方法来发送GET和POST请求,并处理响应。首</div>
</li>
<li><a href="/article/1890300255036043264.htm"
title="Vue3入门 ----- script setup、computed、watch、组件通讯、ref" target="_blank">Vue3入门 ----- script setup、computed、watch、组件通讯、ref</a>
<span class="text-muted">ELNino_Thomas.Liang</span>
<a class="tag" taget="_blank" href="/search/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>初使用和Vue2使用的optionsAPI(例如:数据放data中,方法放methods中)不同的是,Vue3是用了compositionAPI,提升了代码的可读性和可维护性,同时也保留了Vue2的optionsAPI.当前点击次数:{{count}}点击import{defineComponent,reactive,ref}from'vue'exportdefaultdefineComponen</div>
</li>
<li><a href="/article/1890300254515949568.htm"
title="VUE3.0+TS用ref获取元素" target="_blank">VUE3.0+TS用ref获取元素</a>
<span class="text-muted">ELNino_Thomas.Liang</span>
<div>div元素//在setup中无法使用thissetup(){//新建一个ref对象,对象命名必须与ref命名相同//在setup的中还不是一个DOM节点类型,在DOM挂载后才会是ELEMENT类型,所以要设置泛型consteleRef=ref(null)consthandleClick=()=>{if(eleRef.value){console.log(eleRef.value)}}//retur</div>
</li>
<li><a href="/article/1890300253802917888.htm"
title="Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置" target="_blank">Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置</a>
<span class="text-muted">ELNino_Thomas.Liang</span>
<a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
<div>解决vue2editor文本框报错报错提示:[Violation]AddedsynchronousDOMmutationlistenertoa'DOMNodeInsertedIntoDocument'event.原因:vue-editor无法编译div标签解决方法:replace()方法,可以尝试把数据中的div标签换成p标签语法:例如vue-editor标签中绑定的内容为content,cont</div>
</li>
<li><a href="/article/1890295713867296768.htm"
title="【vue】axios封装拦截" target="_blank">【vue】axios封装拦截</a>
<span class="text-muted">步步生花@苏殿主</span>
<a class="tag" taget="_blank" href="/search/vue%E5%AD%A6%E4%B9%A0%E5%8F%8A%E7%BB%8F%E9%AA%8C/1.htm">vue学习及经验</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/axios/1.htm">axios</a>
<div>文章目录1、安装axios2、新建文件3、引入文件4、使用1、安装axiosnpminstallaxios2、新建文件项目src目录创建util文件夹util文件夹下创建文件axios.config.js代码如下importaxiosfrom"axios";//请求拦截axios.interceptors.request.use(function(config){consttoken=localS</div>
</li>
<li><a href="/article/1890295334937096192.htm"
title="vue写一个axios的拦截器" target="_blank">vue写一个axios的拦截器</a>
<span class="text-muted">蓝胖子不是胖子</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>方便直接带入项目的工具类importaxios,{AxiosResponse}from'axios'importqsfrom'qs'import{ElMessage}from'element-plus'import{useUserStore}from'@/store/modules/user'importcachefrom'@/utils/cache'import{ElMessageBox}fro</div>
</li>
<li><a href="/article/1890294450857504768.htm"
title="Vue3.0+vite vite.config.ts配置与env" target="_blank">Vue3.0+vite vite.config.ts配置与env</a>
<span class="text-muted">WebCsDn_TDCode</span>
<a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
<div>目录摘要在项目中新项目前期可能需要配置各种来运行项目,以Vue3.0+vite来说明主要配置正文1.import.meta的理解JavaScript中的一个特殊对象,它提供了有关当前模块的元数据信息。2.env配置访问evn命令要获取环境变量,可以通过import.meta.env来访问。下面是一个示例:3.package.json配置项目启动命令4.vite.config.ts配置摘要在项目中新</div>
</li>
<li><a href="/article/1890293946869936128.htm"
title="在vue中根据devicePixelRatio处理多倍图(less)" target="_blank">在vue中根据devicePixelRatio处理多倍图(less)</a>
<span class="text-muted">Kyrossssssss</span>
<a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a>
<div>在vue中根据devicePixelRatio处理多倍图(less)devicePixelRatio为设备物理像素和设备独立像素的比例,在不同的机型上有2倍图和三倍图之分,比如p8和p8plus就是一个二倍一个三倍。在less中的处理.bg-image(@url){background-image:e(%("url(~@/assets/images/%a@2x.png)",e(@url)));@m</div>
</li>
<li><a href="/article/20.htm"
title="矩阵求逆(JAVA)初等行变换" target="_blank">矩阵求逆(JAVA)初等行变换</a>
<span class="text-muted">qiuwanchi</span>
<a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5%E6%B1%82%E9%80%86%EF%BC%88JAVA%EF%BC%89/1.htm">矩阵求逆(JAVA)</a>
<div>package gaodai.matrix;
import gaodai.determinant.DeterminantCalculation;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
/**
* 矩阵求逆(初等行变换)
* @author 邱万迟
*</div>
</li>
<li><a href="/article/147.htm"
title="JDK timer" target="_blank">JDK timer</a>
<span class="text-muted">antlove</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/schedule/1.htm">schedule</a><a class="tag" taget="_blank" href="/search/code/1.htm">code</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a>
<div>1.java.util.Timer.schedule(TimerTask task, long delay):多长时间(毫秒)后执行任务
2.java.util.Timer.schedule(TimerTask task, Date time):设定某个时间执行任务
3.java.util.Timer.schedule(TimerTask task, long delay,longperiod</div>
</li>
<li><a href="/article/274.htm"
title="JVM调优总结 -Xms -Xmx -Xmn -Xss" target="_blank">JVM调优总结 -Xms -Xmx -Xmn -Xss</a>
<span class="text-muted">coder_xpf</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a>
<div>堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。
典型设置:
java -Xmx</div>
</li>
<li><a href="/article/401.htm"
title="JDBC连接数据库" target="_blank">JDBC连接数据库</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a>
<div>package Util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
public class JDBCUtil {
//完</div>
</li>
<li><a href="/article/528.htm"
title="Unsupported major.minor version 51.0(jdk版本错误)" target="_blank">Unsupported major.minor version 51.0(jdk版本错误)</a>
<span class="text-muted">oloz</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType)
at org.apache.catalina.loader.WebappClassL</div>
</li>
<li><a href="/article/655.htm"
title="用多个线程处理1个List集合" target="_blank">用多个线程处理1个List集合</a>
<span class="text-muted">362217990</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/list/1.htm">list</a><a class="tag" taget="_blank" href="/search/%E9%9B%86%E5%90%88/1.htm">集合</a>
<div> 昨天发了一个提问,启动5个线程将一个List中的内容,然后将5个线程的内容拼接起来,由于时间比较急迫,自己就写了一个Demo,希望对菜鸟有参考意义。。
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.CountDownLatch;
public c</div>
</li>
<li><a href="/article/782.htm"
title="JSP简单访问数据库" target="_blank">JSP简单访问数据库</a>
<span class="text-muted">香水浓</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a>
<div>学习使用javaBean,代码很烂,仅为留个脚印
public class DBHelper {
private String driverName;
private String url;
private String user;
private String password;
private Connection connection;
privat</div>
</li>
<li><a href="/article/909.htm"
title="Flex4中使用组件添加柱状图、饼状图等图表" target="_blank">Flex4中使用组件添加柱状图、饼状图等图表</a>
<span class="text-muted">AdyZhang</span>
<a class="tag" taget="_blank" href="/search/Flex/1.htm">Flex</a>
<div>1.添加一个最简单的柱状图
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
<?xml version=
"1.0"&n</div>
</li>
<li><a href="/article/1036.htm"
title="Android 5.0 - ProgressBar 进度条无法展示到按钮的前面" target="_blank">Android 5.0 - ProgressBar 进度条无法展示到按钮的前面</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>在低于SDK < 21 的版本中,ProgressBar 可以展示到按钮前面,并且为之在按钮的中间,但是切换到android 5.0后进度条ProgressBar 展示顺序变化了,按钮再前面,ProgressBar 在后面了我的xml配置文件如下:
[html]
view plain
copy
<RelativeLa</div>
</li>
<li><a href="/article/1163.htm"
title="查询汇总的sql" target="_blank">查询汇总的sql</a>
<span class="text-muted">baalwolf</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>select list.listname, list.createtime,listcount from dream_list as list , (select listid,count(listid) as listcount from dream_list_user group by listid order by count(</div>
</li>
<li><a href="/article/1290.htm"
title="Linux du命令和df命令区别" target="_blank">Linux du命令和df命令区别</a>
<span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div> 1,两者区别
du,disk usage,是通过搜索文件来计算每个文件的大小然后累加,du能看到的文件只是一些当前存在的,没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。
</div>
</li>
<li><a href="/article/1417.htm"
title="AngularJS中的$apply,用还是不用?" target="_blank">AngularJS中的$apply,用还是不用?</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%24apply/1.htm">$apply</a>
<div> 在AngularJS开发中,何时应该调用$scope.$apply(),何时不应该调用。下面我们透彻地解释这个问题。
但是首先,让我们把$apply转换成一种简化的形式。
scope.$apply就像一个懒惰的工人。它需要按照命</div>
</li>
<li><a href="/article/1544.htm"
title="[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化" target="_blank">[Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
<div>ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类,它内部包含两个类,1. SendThread 2. EventThread, SendThread负责客户端和服务器端的数据通信,也包括事件信息的传输,EventThread主要在客户端回调注册的Watchers进行通知处理
ClientCnxn构造方法
&</div>
</li>
<li><a href="/article/1671.htm"
title="【Java命令一】jmap" target="_blank">【Java命令一】jmap</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Java%E5%91%BD%E4%BB%A4/1.htm">Java命令</a>
<div>jmap命令的用法:
[hadoop@hadoop sbin]$ jmap
Usage:
jmap [option] <pid>
(to connect to running process)
jmap [option] <executable <core>
(to connect to a </div>
</li>
<li><a href="/article/1798.htm"
title="Apache 服务器安全防护及实战" target="_blank">Apache 服务器安全防护及实战</a>
<span class="text-muted">ronin47</span>
<div>此文转自IBM.
Apache 服务简介
Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server),它是 Internet 上最常见也是使用最频繁的服务器之一,Web 服务器能够为用户提供网页浏览、论坛访问等等服务。
由于用户在通过 Web 浏览器访问信息资源的过程中,无须再关心一些技术性的细节,而且界面非常友好,因而 Web 在 Internet 上一推出就得到</div>
</li>
<li><a href="/article/1925.htm"
title="unity 3d实例化位置出现布置?" target="_blank">unity 3d实例化位置出现布置?</a>
<span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a>
<div>问:unity 3d实例化位置出现布置?
答:实例化的同时就可以指定被实例化的物体的位置,即 position
Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object
这样你不需要再用Transform.Position了,
如果你省略了第二个参数(</div>
</li>
<li><a href="/article/2052.htm"
title="《重构,改善现有代码的设计》第八章 Duplicate Observed Data" target="_blank">《重构,改善现有代码的设计》第八章 Duplicate Observed Data</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%87%8D%E6%9E%84/1.htm">重构</a>
<div>
import java.awt.Color;
import java.awt.Container;
import java.awt.FlowLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.FocusAdapter;
import java.awt.event.FocusE</div>
</li>
<li><a href="/article/2179.htm"
title="struts2更改struts.xml配置目录" target="_blank">struts2更改struts.xml配置目录</a>
<span class="text-muted">chiangfai</span>
<a class="tag" taget="_blank" href="/search/struts.xml/1.htm">struts.xml</a>
<div>struts2默认是读取classes目录下的配置文件,要更改配置文件目录,比如放在WEB-INF下,路径应该写成../struts.xml(非/WEB-INF/struts.xml)
web.xml文件修改如下:
<filter>
<filter-name>struts2</filter-name>
<filter-class&g</div>
</li>
<li><a href="/article/2306.htm"
title="redis做缓存时的一点优化" target="_blank">redis做缓存时的一点优化</a>
<span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/pipeline/1.htm">pipeline</a>
<div>
最近集群上有个job,其中需要短时间内频繁访问缓存,大概7亿多次。我这边的缓存是使用redis来做的,问题就来了。
首先,redis中存的是普通kv,没有考虑使用hash等解结构,那么以为着这个job需要访问7亿多次redis,导致效率低,且出现很多redi</div>
</li>
<li><a href="/article/2433.htm"
title="mysql导出数据不输出标题行" target="_blank">mysql导出数据不输出标题行</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%87%BA/1.htm">数据导出</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89%E7%AC%AC%E4%B8%80%E8%A1%8C/1.htm">去掉第一行</a><a class="tag" taget="_blank" href="/search/%E5%8E%BB%E6%8E%89%E6%A0%87%E9%A2%98/1.htm">去掉标题</a>
<div>当想使用数据库中的某些数据,想将其导入到文件中,而想去掉第一行的标题是可以加上-N参数
如通过下面命令导出数据:
mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName" > exportResult.txt
结果为:
studentid</div>
</li>
<li><a href="/article/2560.htm"
title="phpexcel导出excel表简单入门示例" target="_blank">phpexcel导出excel表简单入门示例</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a><a class="tag" taget="_blank" href="/search/phpexcel/1.htm">phpexcel</a>
<div>先下载PHPEXCEL类文件,放在class目录下面,然后新建一个index.php文件,内容如下
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('</div>
</li>
<li><a href="/article/2687.htm"
title="爱情格言" target="_blank">爱情格言</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/%E6%A0%BC%E8%A8%80/1.htm">格言</a>
<div> 1) I love you not because of who you are, but because of who I am when I am with you. 我爱你,不是因为你是一个怎样的人,而是因为我喜欢与你在一起时的感觉。 2) No man or woman is worth your tears, and the one who is, won‘t</div>
</li>
<li><a href="/article/2814.htm"
title="转 Activity 详解——Activity文档翻译" target="_blank">转 Activity 详解——Activity文档翻译</a>
<span class="text-muted">e200702084</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a>
<div>activity 展现在用户面前的经常是全屏窗口,你也可以将 activity 作为浮动窗口来使用(使用设置了 windowIsFloating 的主题),或者嵌入到其他的 activity (使用 ActivityGroup )中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是,用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro</div>
</li>
<li><a href="/article/2941.htm"
title="win7安装MongoDB服务" target="_blank">win7安装MongoDB服务</a>
<span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div>1. 下载MongoDB的windows版本:mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip,Linux版本也在这里下载,下载地址: http://www.mongodb.org/downloads
2. 解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d</div>
</li>
<li><a href="/article/3068.htm"
title="Javascript魔法方法:__defineGetter__,__defineSetter__" target="_blank">Javascript魔法方法:__defineGetter__,__defineSetter__</a>
<span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a>
<div>转载自: http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/
在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为
例如,在一个图书类中,我们自动为Book加上书名符号:
function Book(name){ </div>
</li>
<li><a href="/article/3195.htm"
title="错误的日期格式可能导致走nginx proxy cache时不能进行304响应" target="_blank">错误的日期格式可能导致走nginx proxy cache时不能进行304响应</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a>
<div>昨天在整合某些系统的nginx配置时,出现了当使用nginx cache时无法返回304响应的情况,出问题的响应头: Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05</div>
</li>
<li><a href="/article/3322.htm"
title="数据源架构模式之行数据入口" target="_blank">数据源架构模式之行数据入口</a>
<span class="text-muted">home198979</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E8%A1%8C%E6%95%B0%E6%8D%AE%E5%85%A5%E5%8F%A3/1.htm">行数据入口</a>
<div>注:看不懂的请勿踩,此文章非针对java,java爱好者可直接略过。
一、概念
行数据入口(Row Data Gateway):充当数据源中单条记录入口的对象,每行一个实例。
二、简单实现行数据入口
为了方便理解,还是先简单实现:
<?php
/**
* 行数据入口类
*/
class OrderGateway {
/*定义元数</div>
</li>
<li><a href="/article/3449.htm"
title="Linux各个目录的作用及内容" target="_blank">Linux各个目录的作用及内容</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a>
<div>1)根目录“/” 根目录位于目录结构的最顶层,用斜线(/)表示,类似于
Windows
操作系统的“C:\“,包含Fedora操作系统中所有的目录和文件。 2)/bin /bin 目录又称为二进制目录,包含了那些供系统管理员和普通用户使用的重要
linux命令的二进制映像。该目录存放的内容包括各种可执行文件,还有某些可执行文件的符号连接。常用的命令有:cp、d</div>
</li>
<li><a href="/article/3576.htm"
title="ubuntu12.04上编译openjdk7" target="_blank">ubuntu12.04上编译openjdk7</a>
<span class="text-muted">ol_beta</span>
<a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/OpenJDK/1.htm">OpenJDK</a>
<div>获取源码
从openjdk代码仓库获取(比较慢)
安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial
将以下内容添加到$HOME/.hgrc文件中,如果没有则自己创建一个: [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe</div>
</li>
<li><a href="/article/3703.htm"
title="将数据库字段转换成设计文档所需的字段" target="_blank">将数据库字段转换成设计文档所需的字段</a>
<span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a>
<div> 哈哈,出差这么久终于回来了,回家的感觉真好!
PowerDesigner的物理数据库一出来,设计文档中要改的字段就多得不计其数,如果要把PowerDesigner中的字段一个个Copy到设计文档中,那将会是一件非常痛苦的事情。</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类:</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>