「已注销」
「已注销」

Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署

文章目录

  • 一、参考资料
  • 二、运行环境
  • 三、页面跳转问题
    • 3.1 MPA多页面
    • 3.2 SPA单页面
    • 3.3 MPA比较SPA
    • 3.4 SPA总结
  • 四、vue-router 路由插件
    • 4.1 路由的理解
    • 4.2 路由分类
      • 4.2.1 后端路由
      • 4.2.2 前端路由
    • 4.3 Vue2路由的使用
    • 4.4 Vue2路由使用的注意点
    • 4.5 多级嵌套路由
    • 4.6 vue-router路由传参
      • 4.6.1 query传参
      • 4.6.2 params传参
      • 4.6.3 props配置传参
    • 4.7 命名路由
    • 4.8 replace属性
    • 4.9 编程式路由导航
    • 4.10 缓存路由组件
    • 4.11 激活与失活钩子函数
    • 4.12 路由元信息
    • 4.13 路由导航守卫
    • 4.14 路由器的工作模式
  • 五、Vue2项目打包与部署
    • 5.1 Node.js库解决history模式路由的问题

一、参考资料

视频资料

二、运行环境

  • Windows11
  • Visual Studio Code v2022
  • Node.js v16.5.01
  • Vue/cli v5.0.6
  • Bootstrap 5.1.3

三、页面跳转问题

参考文章：点击查看

3.1 MPA多页面

MPA，即 MultiPage Application，指由多个独立html页面的应用，每个页面需要重复加载js、css等资源，页面切换由HTML文档进行控制，返回结果是HTML文档。

案例：index.html 和 about.html 两个静态页面之间的跳转，效果图如下：

Vue学习笔记（五）Vue2页面跳转问题 | vue-router路由概念、分类与使用 | 编程式路由导航 | 路由组件的缓存 | 5种路由导航守卫 | 嵌套路由 | Vue2项目的打包与部署_第1张图片
index.html

DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <title><%= htmlWebpackPlugin.options.title %>title>
  head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-offset-2 col-sm-8">
          <div class="page-header"><h2>Vue2路由案例h2>div>
        div>
      div>
      <div class="row">
        <div class="col-sm-2 col-sm-offset-2">
          <div class="list-group">
            <a class="list-group-item active" href="./index.html">主页a>
            <a class="list-group-item" href="./about.html">关于我们a>
          div>
        div>
        <div class="col-sm-6">
          <div class="panel">
            <div id="panel" class="panel-body">
                  <h1>主页h1>
            div>
          div>
        div>
      div>
    div>
  body>
html>

about.html

DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %>title>
    
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
  head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.strong>
    noscript>
    <div class="container">
      <div class="row">
        <div class="col-sm-offset-2 col-sm-8">
          <div class="page-header"><h2>Vue2路由案例h2>div>
        div>
      div>
      <div class="row">
        <div class="col-sm-2 col-sm-offset-2">
          <div class="list-group">
            <a class="list-group-item" href="./index.html">主页a>
            <a class="list-group-item active" href="./about.html">关于我们a>
          div>
        div>
        <div class="col-sm-6">
          <div class="panel">
            <div id="panel" class="panel-body">
                  <h1>关于我们h1>
            div>
          div>
        div>
      div>
    div>
  body>
html>

特点： URL发生变化、全局页面重新加载。

优点：

  • 首次加载速度快，访问页面时，服务器返回HTML，页面就会显示出来，整个过程只经历一次HTTP请求。
  • SEO效果好，搜索引擎在做网页排名时，会根据网页的内容来评判与排名。搜索引擎可是被HTML内容，多页面的应用则有更高的排名。

缺点：

  • 页面切换速度慢，每次跳转都要发送一个HTTP请求，如果网络卡，那么页面跳转的时候就会发送卡顿，影响用户体验。
  • 容易影响用户体验，如果网络慢，页面加载半天都加载不完，用户体验会很差。

3.2 SPA单页面

SPA，即 Single Page Web Application，是指单页面的Web应用，别名 CSR（Client Side Render），即客户端渲染。它所需的资源，如HTML、CSS和JS等，在一次请求中就加载完成。
浏览器渲染是指所有的页面渲染、逻辑处理、页面路由、接口请求均是在浏览器中发生。

对于SPA来说，页面的切换就是组件或视图之间的切换。
简单地说，SPA应用程序只有单个HTML页面文件，在Vue中可通过vue-router插件来局部切换组件，而不用刷新整个页面，从而实现无刷新切换页面。

SPA原理

参考资料：点击查看

SPA的重要实现之一就是改变路由时，页面不刷新。实现这个功能通常有两种方式，分别是适用 window.history对象 或 location.hash。

window.history 包含了浏览器的历史信息，常用的方法有：

history.back() // 相当于在浏览器点击后退按钮
history.forward() // 相当于在浏览器点击前进按钮
history.go(n) 		// 接收一个整数作为参数，移动到该整数指定的页面，比如go(1)相当于forawrd()，go(-1)则相当于back()，go(0)相当于刷新当前页面。

HTML5 对 history对象新增了 pushState() 和 replaceState() 方法，这两个方法可以往历史栈中添加数据，给用户的感觉就是浏览器的URL改变了，但是页面并没有重新刷新，pushState() 是在浏览器记录中添加一个新的记录，replaceState() 则是修改当前的浏览器记录，这是二者的差别，除此之外。使用时参数的字段和含义都一样。

window.history.pushState(state, title, url)

hash 是 location对象的属性，它是指URL的锚，即从#号开始的部分，修改location.hash并监听 window。hashchange事件也能达到同样的效果。

注：vue-router插件中Vue不支持 onHashChange事件，需要vue-router插件里的钩子函数解决。

特点： URL发生变化、整体页面不用重新加载，局部页面发生变化。

优点：

  • 页面切换速度快，由于页面每次切换时，不需要HTML文件的请求，这样节省了很多http发送时延。
  • 用户体验极佳，页面局部切换快，尤其是移动设备，尽管在网络环境查，由于组件是预先加载好的，所以不用发网络请求，使得用户有更好的视觉体验。
  • 分离前后端关注点，前端负责界面显示，后端负责数据存储和计算，各尽其职，不会混乱。
  • 减轻服务器的压力，服务器只需要出数据，不用管展示的逻辑和页面合成，提高了吞吐量。
  • API共享，同一套后端程序代码，不用修改就可以用于Web界面、手机、平板等多种客户端。
  • 完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整。

缺点：

  • 首次加载速度慢，首次加载需请求一次HTML，同时还要发送若干次JS请求，相当于MPA会慢一点。
  • SEO效果差，因为搜索引擎只识别HTML的内容，不识别JS，而单页面应用内容都是靠JS代码渲染出来的，搜索引擎不识别这部分内容，固然不会给好的排名，这就导致SPA应用做出来的网页在各大搜索引擎，比如谷歌、百度等上面的排名较低。
  • 较高的前端开发门槛，对技术能力要求较高，需对设计模式有一定的理解，因为面对的不只是简单的页面，而是一个运行在浏览器里面的应用。

3.3 MPA比较SPA

参考：点击查看

单页面应用 SPA 多页面应用 MPA
组成 一个外壳页面和多个页面片段组成 多个完整页面构成
跳转方式 单个页面片段删除或隐藏，加载另一个页面片段并显示。片段之间模拟跳转，不离开外壳页面。 页面之间的跳转是从一个页面到另一个页面
资源公用性（CSS和JS） 公用，只需在外壳页面加载 不共用，每个页面要单独加载
刷新方式 页面局部刷新或更改 整个页面进行刷新
URL模式 xxx.com/#/page1，xxx.com/#/page2 xxx.com/page1.html ，xxx.com/page2.html
用户体验感 页面切换快，用户体验好（包括移动设备） 页面切换加载慢，用户体验差，尤其是在移动设备
转场动画 易实现 无法实现
页面之间的数据传递 容易（Vuex或Vue中的父子组件通信 困难，依赖URL传参，或Cookie、localStorage和IndexDB等
搜索引擎优化（SEO） 困难，可采取服务器端渲染（SSR）优化 容易实现
适用范围 高体验需求、追求界面流畅度的应用 适用于追求高度支持搜索引擎的应用
开发成本 较高，需借助专业的框架，如React、Vue等来降低开发难度 较低，但页面重复的代码多。
维护成本 相对较低 相对较高

3.4 SPA总结

在Vue开发中，使用的就是SPA单页面开发的设计模式。

SPA的特点再次总结如下：

  • SPA，Single Page Web Application，指单页Web应用。
  • 整个应用只有一个完整的页面。
  • 点击页面中的导航链接不会刷新页面，只会做页面的局部更新。
  • 部分数据需要通过 ajax请求获取。

四、vue-router 路由插件

4.1 路由的理解

路由的特点：

  1. 一个路由就是一组映射关系（key - value）
  2. key 为路径，value 可能是 function 或者 component 组件

4.2 路由分类

4.2.1 后端路由

value是 function 函数，用于处理客户端提交的请求

工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据。

4.2.2 前端路由

value是component，用于展示页面内容

工作过程：当浏览器的路径改变时，对应的组件就会显示。

4.3 Vue2路由的使用

vue-router

包含功能：

  • 嵌套的路由/视图表
  • 模块化的、基于组件的路由配置
  • 路由参数、查询、通配符
  • 基于 Vue.js 过渡系统的视图过渡效果
  • 细粒度的导航控制
  • 带有自动激活的 CSS class 的链接
  • HTML5 历史模式或 hash 模式
  • 自定义的滚动条行为

Vue2版本目前可以使用的最新路由插件是 vue-router@3，而Vue3则可以使用最新的vue-route@4

第一步，在Vue脚手架项目中安装vue-router@3插件

npm i vue-router@3

第二步，将路由组件放到单独的文件夹，比如pages文件夹

在这里插入图片描述
About.vue

<template>
  <div>
    <h1

你可能感兴趣的:(学习笔记,vue.js,学习,bootstrap)

  • 金型人格的修炼 蒋沅臻_cb46
    姓名～沅臻【日精进打卡第46天】【知～学习】1.耳语练习30分钟NG2.有声阅读文章1篇OK3.看书30分钟OK4.运动30分钟NG5.扫除整理OK【行～实践】一、修身：（对自己个人）1、找爸爸好处第16天。二、齐家：（对家庭和家人）今天上课，没有接到弟弟的电话。三、建功：（对工作）1、经营者传习之旅第一天，今天接受的信息有点多，需要花时间好好消化。2、找到了金型人格的修炼方向。｛积善｝：发愿从2
  • 20210515成长日记 samantha
    1.呼吸法。2.柠檬水，西芹汁，果汁。3.小米粥午餐。4.拆书法学习1）本周的学习,我的目标是什么?了解拆书法,学会拆读一本书。2)整个听课和作业完成的过程中发生了什么?a.听着老师的讲课和完成作业,一层层升级了自己的拆书思维。打开了新的思维,不正确的学习方式让我产生焦虑,追逐干货。大量的听课追逐干货,如果能把这些学到的用到极致就是最大的成长和收获。听课的过程中有陷入知识为中心的思维而去记录老师说
  • 学习PET亲子沟通课第18课：怎样才能让孩子更亲近你 刘小小乐乐
    美国婚姻辅导专家查普曼博士:总结了爱一个人有五种方式，它们是：肯定的言辞，精心的时刻，礼物，身体的接触，服务的行动。这五种爱的方式称为五种爱语，爱的语言。孩子是爱的五项全能，没有他不擅长的爱语。第18课作业:1.写出家里每一个人的主要爱语。并试一试用这种方式去爱他们一个星期，观察他们的反应以及你们关系的变化。老公:服务的行动，肯定的言辞女儿:肯定的言辞，精心的时刻，礼物，身体的接触。2.你打算以后
  • 跟剽悍一只猫学习收获之知识创富 财务自由的社群运营人苏宝
    001找一个细分领域，然后在这个领域内做到擅长，做到专业，然后慢慢成为第一。002不断输出自己做到的心得，通过创作内容、提供咨询，创建社群等方式赚钱，提升能力。003帮你的客户成长，帮他们赚到。004注重自己的信誉，专业能力和经验，不断修炼。
  • 7.22学习感悟 唐醋里脊 学习算法
    数组（单一性，有序性，连续性基于内存空间）1）一维数组，定义数据类型都能行除了（void）2）数组内[]元素至少有一个。3）一维数组的引用4）定义这一行只表示类型说明符。5）数组的数组名代表数组的首元素地址6）数组不能整体赋值7）数组小的比数组大的位置靠前（有序性）8）数组的越阶访问。9）计算数组中元素的个数。（1）逆序（2）选择排序：在合适的数组位置上放上合适的数（3）冒泡排序：相邻两个元素核心
  • 如何获取Cookie？？ 念君思宁 Java注意java要笑着学java开发语言后端ide
    在学习Servlet的时候，我们便学习过如何获取Cookie，我们来回顾以下吧！@RestController@RequestMapping("/param")publicclassParamController{//如何获取Cookie@RequestMapping("/getCookie")publicStringgetCookie(HttpServletRequestrequest){Coo
  • mysql学习记录7.22 woshishui68892
    记录一下在学习mysql时避免忘记的内容。日期计算MySQL提供了一些函数，可用于对日期执行计算，例如，计算年龄或提取部分日期。要确定您的每只宠物几岁，请使用该TIMESTAMPDIFF()功能。它的参数是要表示结果的单位，以及两个日期之间的差值。以下查询为每只宠物显示出生日期，当前日期和年龄（以年为单位）。一个别名（age）是用来制造最终输出列标签更有意义。SELECTname,birth,CU
  • 逻辑函数 汤汤grace
    打卡第13天今天学习的是逻辑函数看似简单，实则里面蕴含着千万种可能，怎么选怎么用，IF配什么更简单高效，这都是学问。而且这个还要充分的开动小脑筋才能想出来。逻辑值TRUE,FALSE,不难理解，一真一假，平时考试也常遇见这两个大侠，但是，到了EXCEL,他们可会各种变身。比如，True*1,在单元格就会返回“1”，而False*1,就会返回"0".再来谈谈跟逻辑值有关系的函数And：所有条件都为T
  • 305李03days作业#裂变实验室# 李_d891
    A账号大数据里加的人B账号精筛选一遍的客户C账号vip客户深度信任客户今天事情有点多，没有好好学习，明天重新写一个补到新作业里。
  • 生活是个大坑 2019_ddd4
    早上看到浙大学霸密密麻麻的时间安排表，很受震撼！向他学习。问自己有什么,凭什么可以不够努力。十年是一个坎，07年毕业，2017年一个大坎，差点跨掉，虽然走过去了，但付出了极其惨重的代价！年轻的时候真的是自以为是，被社会大学好好给你上了一课后，摔得够痛，心有余悸。所以我给自己只剩十年的时光，2027年，希望也能平安度过！世上有另外一个世界吗？我是敬畏的。世上有心怀报复的人吗？有，所以面对它，凡事谨慎
  • python+playwright 学习-91 cookies的获取保存删除相关操作 上海-悠悠 playwrightpython
    前言playwright可以获取浏览器缓存的cookie信息，可以将这些cookies信息保存到本地，还可以加载本地cookies。获取cookies相关操作在登录前和登录后分别打印cookies信息，对比查看是否获取成功。fromplaywright.sync_apiimportsync_playwrightwithsync_playwright()asp:browser=p.chromium.
  • 复盘《商业闭环里最重要的一环——交付》 蒲兰Dandelion
    第一次以第四阶层来思考的复盘，从操盘手的角度来分析问题。以下午的155人在来切入以下午的155人在线的答疑干货来切入，听了的人都觉得很有价值，花99旁听到3999元的一对一的咨询。有一波正向反馈，答疑的内容认真执行就会收获巨大。而且你只要说一句就知道你缺啥？从底层逻辑来剖析问题，最快的成长方式是跨行去观察学习思考：以下午的超值交付入手，这个话题的切入已经在体现超值交付；同时收获一大波正向证言，发了
  • 学习游戏制作记录（敌人的状态机，敌人和玩家的共同继承以及实现敌人的移动和待机）7.20 ★YUI★ 学习游戏unityc#
    1.敌人的状态机敌人的状态与玩家类似，同样需要敌人，敌人状态和管理状态的状态机，让我们创建三个脚本：Enemy，EnemyState，EnemyStateMachine。EnemyState脚本：publicclassEnemyState//不需要继承，因为它将作为父类{protectedEnemyStateMachineenemyStateMachine;//状态机protectedEnemye
  • 阿里云天池-学习笔记（7.22） 2301_81822737 深度学习
    概念的初步认识和学习一、损失函数损失函数是衡量模型预测值与真实值之间差异的一个量度，通过最小化这个差异来优化模型的参数。损失函数的选择直接影响到模型的训练效果和最终性能。二、one-hot编码one-hot编码使用N位状态寄存器来对N个状态进行编码，每个状态都有它独立的寄存器位，并且在任意时候其中只有一位有效（即为1，其余为0）。具体来说，对于每个分类变量，都会为其分配一个唯一的二进制位，并使用该
  • 【晨间日记】 2020年8月9日 语瞳SAMA
    2020年8月9日天气：小雨转多云【90天践行目标】（63/90）①5：30早起②22：30早睡③写晨间日记【昨日践行】①6：02起床②22：58入睡③晨间日记已达成【今日青蛙】①完成暑期实践总结报告②开始校友邦打卡③英语百词斩*昨日三只青蛙已达成【反思日志】昨天母亲带着欣远和欣栩来老房子这边吃晚饭，带来了许多欢乐与活力。其中让我印象最为深刻的是欣远的学习能力。自己在六级英语百词斩时，欣远与欣栩也
  • YOLOv13_SSOD：基于超图关联增强的半监督目标检测框架（原创创新算法）
    YOLOv13_SSOD：基于超图关联增强的半监督目标检测框架项目背景随着深度学习技术的快速发展，目标检测在各个领域都取得了显著的进展。然而，现有的监督学习方法在实际应用中面临着标注数据稀缺、泛化能力不足等挑战。特别是在火灾烟雾检测、工业质检等特定场景中，获取大量高质量标注数据的成本极高。为了解决这一问题，本项目基于最新发布的YOLOv13架构，结合EfficientTeacher半监督学习框架，
  • 蓝桥杯算法心得——巧克力（贪心） 晴天学长 算法算法蓝桥杯java
    大家好，我是晴天学长，这是一道国赛题，其中贪心的思想值得学习（逆向思维），写比较器也非常的实用，需要的小伙伴请自取哦！1）巧克力2).算法思路每一天都选保质期内最便宜的注意：这里一定要从最后一天开始选择，这样才可以将保质期这一条件充分利用起来我也是受了其它题解的启发：如果有保质期很长，价格很低，但你很早就吃完了，后面不得不选择昂贵的巧克力，也就是说它原本可以在很多天之后吃就行，现在却在前几天就吃了
  • USB串口通信、握手协议、深度学习等技术要点 深度学习教程, 深度学习人工智能网络协议
    基于OpenMV的智能车牌识别系统：从硬件到算法的完整实现前言本文将详细介绍一个基于OpenMV微控制器的智能车牌识别系统的设计与实现。该系统集成了嵌入式视觉处理、串口通信协议、深度学习OCR识别等多种技术，实现了从图像采集到车牌识别的完整流程。系统架构概述整体设计思路该车牌识别系统采用分布式架构设计，将计算密集型任务与嵌入式控制分离：┌─────────────┐USB串口通信┌────────
  • 论语学习丨子路第十三（8） 爱读书的无业游民
    原文：子谓卫公子荆，善居室。始有，曰：苟合矣。少有，曰：苟完矣。富有，曰：苟美矣。翻译：孔子说卫公子荆善于处理家室。日用器具刚准备，就说：差不多备齐啦。到备了一些时，就说：算相当完备啦！到准备充足时，他说：再好不过啦！论语别裁：孔子在卫国看到一位世家公子，并不是近代语所谓的公子哥儿。古代的公子是世袭的，大体上都由长子继承。除非这个家族犯了罪，否则是代代相传下去的。例如孟尝君、信陵君、平原君等等，这
  • 高效率慢生活第40天【失误】 Sunshine_0613
    早安～有多自律就有多自由❤永远爱自己，尊重自己。时间:2018.12.28日23:30晨起时间:6:30自问:1、你准备过好今天了么?美好的一天的大概是这样的。早上自然醒来，精神状态饱满，精力充沛而不是身心疲惫。起床洗涑好后，把一天重要的学习内容进行学习和打卡，完成任务，穿上干净漂亮的衣服，在绿色公园呼吸新鲜的空气，做健身操，全身心放松，舒适，去吃上最爱的早餐店，幸福吃早餐，早早来到公司化上美美的
  • 深入浅出理解 IOC（控制反转）与 DI（依赖注入） snowfoootball 前后端java开发语言spring
    深入浅出理解IOC（控制反转）与DI（依赖注入）深入理解Spring框架中的IoC与DI在学习Spring框架时，控制反转（IoC）和依赖注入（DI）是不可回避的核心概念。它们不仅是设计模式的体现，更是实现高内聚、低耦合架构的关键。本文将从“为何需要”与“如何实现”两个维度，深入剖析这两个概念。一、为何需要IoC与DI：面向对象设计的挑战考虑以下传统的Java代码示例：publicclassOrd
  • 2019-04-10 我是个石头
    1.自律A1①早起提前到4:50，朗读文章、录制音频、三点即兴演讲。✔②复盘✔③每天看书60分钟，两天听懂书一本，看三篇文章。✔④演讲视频每天10个，音频一个。✔⑤坚持健身一小时。✔⑥文章输出2000字。✔2.练车科目三。✔3.制作工资表。未做好，电脑忘记带了。今日收获①.学习。今天把小狗钱钱这本书看完还看了第二部的前一百页，小狗钱钱第一本书，我主要有以下收获。对于钱财的分配，学会投资。去寻找一个
  • 代码随想录算法Day35(2)||贪心算法-LeetCode406根据身高重建队列
    学习内容参考卡哥代码随想录，有文字学习资料（代码随想录网站）和视频讲解（b站）2.根据身高重建队列题目力扣题目链接(opensnewwindow)假设有打乱顺序的一群人站成一个队列，数组people表示队列中一些人的属性（不一定按顺序）。每个people[i]=[hi,ki]表示第i个人的身高为hi，前面正好有ki个身高大于或等于hi的人。请你重新构造并返回输入数组people所表示的队列。返回的
  • 2020-04-04 我心依旧_79e2
    【六项精进打卡】2020.4.4日姓名：陈岗企业名称：上海孚因流体动力设备股份有限公司打卡第712天【知~学习】《六项精进》3遍,共1568遍《大学》1遍，共940遍【经典名言名句分享》只有创造，才是真正的享受，只有拼搏，才是充实的生活。修身：（对自己个人）有理想的地方，地狱就是天堂，有希望的地方，痛苦也成快乐。1每天坚持诵读《六项精进》和《大学》。2学会宽恕他人，同时从错误中吸取教训。3每天中午
  • 7、开启C与Unity 3D的编程之旅 珊珊333333 UnityC#Unity3D编程基础
    开启C#与Unity3D的编程之旅1.前期准备在进行每一个教程之前，都有一个名为Scene的场景文件。在整个学习过程中，教程通常从下载项目中的Scene文件开始。打开场景的方法有两种：-直接在项目面板的Assets目录下双击场景图标。-选择File→OpenScene来打开项目中的任何场景。2.学习回顾与要点创建并将新的C#文件分配给对象并不复杂，在Unity3D编辑器中有多种方法可以实现。添加代
  • 成功日记（Day1115） 狮子座的兔子姑娘
    1、学习中药一课程。~1.5h。2、跟g夙微信闲唠嗑。~0.5h。3、给自己剪头发。~0.5h。4、和包、李微信闲唠嗑。~0.5h。5、和z鹤微信闲聊几句。~0.25h。6、在赫男那做了个生命密码的测试，说我今年会有工作上的大转折，然后又聊了会天。~1h。心情：尚可。还算开心。
  • Day1学习心得||Leetcode704,27,977
    Part1数组的一些注意点第一天学习的内容是数组，基础的内容就按下不表，浅记一下补上的漏洞1.数组的元素不能删除，只能覆盖乍一看可能比较奇怪，但是仔细思考一下很简单。关注一下数组的本质其实是内存上开辟的一串连续的内存空间。在程序中，只能将内存空间中存储的内容改写，而不能完全去除（即使动态数组也只是释放）。2.二维数组的空间地址依然是连续的（顺序比较像阅读的顺序）tip:虽然还没学过Java，但是先
  • 【Python】Gym 库：于开发和比较强化学习（Reinforcement Learning, RL）算法 彬彬侠 Python基础pythonGym强化学习RLGymnasium
    Gym是Python中一个广泛使用的开源库，用于开发和比较强化学习（ReinforcementLearning,RL）算法。它最初由OpenAI开发，提供标准化的环境接口，允许开发者在各种任务（如游戏、机器人控制、模拟物理系统）中测试RL算法。Gym的设计简单且灵活，适合学术研究和工业应用。2022年，Gym被整合到Gymnasium（由FaramaFoundation维护）中，成为主流的强化学习
  • 今晚线上会议 与美好同行
    今晚是我们阳明心学诚意班第二次线上会议，说是7:00——7:45，却开到了八点半多。不喜欢开会的我没有一点厌烦，主持人吴老师也是这样说，估计参加会议的我们都一样的感受。这样的会议，不是谁在讲话，而是大家分享学习感受。或者有所得，或者仍迷惑，大家有什么说什么，无拘无束。主持人吴老师是一个曾学过阳明心学两年，然后离开又回到这上面来的人。她说了她的学习感受。她的离开又回来，是给我们的最好的现身说法。她学
  • Sissi书单｜《每天刷本书》365天不间断阅读第24天 每天刷的sissi
    很喜欢这本书，看起来一点不费劲儿，像聊天一样。而且会有很多温馨又感动的瞬间。好像那个正在回答问题的人就是你自己一样。推荐阅读啊～喜欢～虽然每个人被分配到的考验是不一样的，但是方法是可以借鉴和学习的，掌握的方法越多，解题思路就越多～
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他