Vue04

前言:此据狂神哔哩哔哩视频所写,转载请自觉附上链接,若有不妥之处,欢迎指正。

九、Vue入门小结

核心: 数据驱动,组件化

优点: 借鉴了AngulaJS的模块化开发 和 React 的虚拟化Dom,虚拟Dom操作放到内存中执行;

常用属性:

  • v-if
  • v-else-if
  • v-else
  • v-for
  • v-on 绑定事件,简写@
  • v-model 数据双向绑定
  • v-bind v-bind 该给组件绑定参数,简写:

组件化:

  • 组合组件slot 插槽
  • 组件内部绑定事件需要使用到吧this.$emit(“事件名”,参数)
  • 计算属性的特色,缓存计算数据

遵循SoC关注度分离原则,Vue是纯粹的视图框架,并不包含,比如Ajax之类的通信功能,为了解决通信问题,我们需要使用Axios框架做异步通信。

说明:

Vue的开发都是基于NodeJs,实际开发采用vue-cli脚手架开发,vue-router路由,vuex做状态管理;Vue UI,界面我们一般使用ElementUI(饿了么出品),或者ICE(阿里巴巴出品)来快度搭建前端项目~

官网:点击跳转中文官网;

​ 点击跳转官网

Vue:第一个vue-cli项目

什么是vue-cli?

vue-cli官网提供一个脚手架,用于快速生成一个vue的项目模板;预先定义好的目录结构及基础代码,就好比咱们再创建Maven项目时可以选择一个骨架项目,这个骨架项目就是脚手架,我们开发更加地快速;

主要功能:

  • 统一的目录结构
  • 本地测试
  • 热部署
  • 单元测试、
  • 集成打包上线

需要的环境:

  • Node.js:安装就无脑安装下一步就好,安装在自己的环境目录下。

  • Git; 镜像:

    确认nodejs安装成功:

  • Win + R 输入cmd(command 命令) 打开DOS(Disk Operating System)系统 然后输入 node -v,查看是否能够正确打印出版本号即可!

  • Win + R 输入cmd(command 命令) 打开DOS(Disk Operating System)系统 然后输入npm -v,查看是否能够正确打印出版本号即可!

    这个npm,就是一个软件包管理工具,就和Linux下的apt软件安装差不多!

    安装Node.js淘宝镜像加速器(cnpm),这样子的话,下载会很多~

    # -g 就是全局安装
    npm install cnpm -gsud
    
    # 或者使用一下语法解决 npm 速度慢的问题
    npm install --registry=https://registry.npm.taobao.arg
    

    安装过程 可能有点慢~,请耐心等待!虽然安装了cnpm,但是尽量少使用!

    安装位置:C:\Users\游翔\AppData\Roaming\npm 【注意:在我的电脑上,打开查看,勾选隐藏的项目,AppData是个隐藏目录,不勾选则看不到】

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mPVxIw1N-1594524192086)(C:%5CUsers%5C%E6%B8%B8%E7%BF%94%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Cimage-20200709082555383.png)]
    Vue04_第1张图片

    安装vue-cliao

    cnpm install vue-cli -g
    #测试是否安装成功
    #查看可以基于那些模板创建vue应用程序,通常我们选择webpack
    vue list
    

Vue04_第2张图片

Vue04_第3张图片

Vue04_第4张图片

【注意webpack】:vue是基于ES6的语法,但实际很多开发都是基于ES5的语法,有了webpack可以降级使用,解决了兼容性问题。

为什么使用vue-cli?

在实际开发中,会用的是vue-cli。

怎么使用Vue-cli?

第一个vue-cli应用程序

1、创建一个Vue项目,我们随便建立一个空的文件夹在电脑上:

D:\JavaProject\VScodeProjects

2、创建一个基于webpack模板的vue应用程序

# 这里的myvue是项目名称,可以根据自己的需求起名字
vue init webpack myvue

3、步骤:首先cmd进入DOC系统打开你所要创建项目的目录位置并且输入vue init webpack myvue

Vue04_第5张图片

接着按下enter键,会出现项目描述(Project description),接着继续按enter建,出现作者(Author),写上即可,enter下一步,会出现Vue build (Use arrow keys),选择第一个。

Vue04_第6张图片

最后一路选择no即可,当按下No,I will handle that myself时enter就完成了项目的创建。

Vue04_第7张图片

Vue04_第8张图片

此时,你会发现myvue项目,打开其属性,会发现有23个文件,6个文件夹。

Vue04_第9张图片

4、说明

  • Project name:项目名称,默认 enter 即可
  • Project description:项目描述,默认 enter 即可
  • Author:项目作者,默认 enter 即可
  • Install vue-router?:是否安装vue-router,选择no之后意味着后期需要手动添加
  • Use ESLint to lint your code?:是否使用 ESLint做代码检查,选择no之后意味着后期需要手动添加
  • Set up unit tests:单元测试相关,选择no之后意味着后期需要手动添加
  • Setup e2e tests with Nightwatch?:单元测试相关,选择no之后意味着后期需要手动添加
  • Should we run npm install for you after the project has been created? (recommended):创建完后直接初始化,选择no,我们手动执行;运行结果!

5、初始化并运行

cd myvue  //进入myvue
npm install //安装所有依赖环境
npm run dev  //启动当前项目(先要打包才能使用)

Vue04_第10张图片

Vue04_第11张图片

Vue04_第12张图片

Your application is running here: http://localhost:8080

打开浏览器,输入http://localhost:8080,会发现一个创建的Vue项目,这个就是nodejs服务器,页面如下:

Vue04_第13张图片
若要停止,则在Win+R 输入cmd进入DOS系统中,按Ctrl + C,输入Y回车即可

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zqz1piai-1594524192098)(C:%5CUsers%5C%E6%B8%B8%E7%BF%94%5CAppData%5CRoaming%5CTypora%5Ctypora-user-images%5Cimage-20200709111647634.png)]

再次刷新浏览器,发现访问不了,页面如下:

Vue04_第14张图片

Vue开发项目的了解

前面是在DOS系统安装Vue,初始化并运行,而在用vscode运行vue项目时还需要一个插件然后Ctrl + Shift + Y打开控制台终端,输入启动命令npm run dev 会出现以下界面:

Vue04_第15张图片

在最后链接 http://localhost:8080停留,会出现跟随链接提示,Ctrl + 鼠标左单击打开便可。

Vue04_第16张图片

简单了解一下这个项目的结构,主要由build、config、node_modules、src和static组成,首先了解一下进入Vue的模块SRC

Vue04_第17张图片

接着是BUILD模块,着重注意三个环境

Vue04_第18张图片

然后是CONFIG模块

Vue04_第19张图片

还有是node_modules模块,这个是程序运行是的一些组件,不同的这些是依赖,不是JAR。static模块,静态资源的存放地,用来存放些图片这些。index.html这个是程序的主入口,这里是不能改变的。package.json是打包需用的版本,打包需要降级版本这些则需要这个修改。

十、Webpack学习

10.1、什么是Webpack?

本质上,Webpack是一个现代JavaScript应用程序的静态模块打包器(module bunder)。当webpack处理程序时,它会递归地构建一个依赖地关系图(dependncy graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或者多个bundle。

Webpack是当下最热门的前端资源模化管理和打包工具,它可以将许多松散耦合的模块按照依赖呵呵规则打包成符合生产环境部署的其前端资源吗。还可以将需要加载的模块进行代码分离,等到实际需要时在异步加载。通过loader转化,任何形式的资源都可以当作,比如CommonsJS、AMD、ES6、CSS、JSON|、ConffeeScript、LESS等。

10.2、为什么需要Webpack?

伴随着移动互联网的大潮,当今越来越多的网站已经从网页模式进化到WebApp模式。他们运行在现代浏览器里,使用HTML5、CSS3、ES6等新的技术来开发丰富的功能,网页已经不仅仅是完成浏览器的基本需求;WebApp通常是一个SPA(A(单页面应用),每一个视图通过异步的方式加载,这导致页面初始化和使用过中加载越来越多的JS代码,这给前端的开发流程和资源组织带来了巨大的挑战。

前端开发和其他开发工具的主要区别,首先是前端基于多语言、多层次的编码和资源组织工作,其次是前端产品的交付是基于浏览器的,这些资源是通过增量加载的方式运行到浏览端,如何在开发环境中组织好这些碎片化的资源并且保证他们在浏览器端快速、优雅的加载和更新,就需要一个模板化系统吗,这个理想中的模块化系统是前端工程师多年来一直探索的难题。

模块化的演进

Scritpt标签

<script src="module1.js">script>
<script src="module2.js">script>
<script src="module3.js">script>

这是最原始的JavaScript文件加载方式,如果把每一个文件看啊可能是一个模块,那么他们的接口通常暴露在全局作用域下,也就是定义在window对象中,不同的模块的调用都是一个作用域。这种原始的加载方式暴露了一些显而易见的弊端:

  • 全局作用域下容易造成变量冲突
  • 文件只能按照 < script >的书写顺序进行加载
  • 开发人员必须主观解决模块和代码库的依赖关系
  • 在大型项目中各种资源难以管理,长期积累的问题导致代码库混乱不堪

CommonsJS

服务器端的NodeJS遵循CommonsJS规范,该规核心思想是允许模块通过require方法来同步加载所需依赖的其它模块,然后通过exports或module.exports来到出需要的接口。

Vue04_第20张图片

require("module");
require("../module,js");
export.doStuff = function(){};
module.exports = someValue;

优点:

  • 服务器端模块便于重用
  • NPM中已经有超过45亿可以使用的模块包
  • 简单易用

缺点:

  • 同步的模块加载方式不适合在浏览器环境中,同步 意味着阻塞加载,浏览器资源是异步加载的
  • 不能非阻塞地并行加载多个模块

实现:

  • 服务端地NodeJS
  • Browserify,浏览器端的CommonsJS实现,可以使用NPM的模块,但编译打包的文件体积较大
  • modules-webmake,类似Browserify,但不如Browserify灵活
  • wreq,Browserify的前身

AMD

Asynchronous Module Definition 规范其实主要接口define(id?,dependencies?,factory);它要在生命模块的时候指定所有的依赖dependencies,并且还要当作形参传到factory中,对于依赖的模块提前执行。

define("module",["dep1","dep2"],funciton(d1,d2){
    return someExportedValue;
});
require(["module","../file.js"],function(module,file){});

优点:

  • 适合在浏览器环境中异步加载模块
  • 可以并行加载多个模块

缺点:

  • 提高了开发成本,代码的阅读和书写比较困难,模块定义的方式的语义不畅
  • 不符合通用的模块化思维方式,是一种妥协的实现

实现:

  • RequireJS
  • curl

CMD

Commons Moeule Definition规范和AMD很相似,尽量保持简单,并与CommonsJS和NodeJS的Modules规范保持了很大的兼容性。

define(function(require,exports,module){
    var $ = require("jquery");
    var Spinning = require("./spining");
    exports.doSomething = ...;
    module.expotrs = ...;

});

优点:

  • 依赖就近,延迟执行
  • 可以很容易在NodeJSA中运行

缺点:

  • 依赖SPM打包,模块的加载逻辑偏重

实现:

  • Sea.js
  • coolie

ES6模块

EcmaScript6标准增加了JavaScript语言层面的模块体系定义。ES6模块的设计思想,是尽量静态化,是编译时就能确定模块的依赖关系,以及输入和输出的变量。CommonsJS和AMD模块,都只能在运行时确定这些东西。

import = "jquery";
export function doStuff(){}
module "localModule"{}

优点:

  • 容易进行静态分析
  • 面向未来对EcmaScript标准

缺点:

  • 原生浏览器端还没有实现标准
  • 全新的命令,新版的NodeJS才支持

实现:

  • Babel

大家期望的模块系统

可以兼容很多模块风格,尽量可以利用已有的代码,不仅仅只是JavaScript模块化,还有CSS、图片、字体等资源也需要模块化。

10.3、怎么使用Webpack?

安装Webpack

Webpack是一款 模块加速器兼容打包工具,它能把各种资源,如JS、JSX、ES6、SASS、LESS图片等都作为模块来处理和使用。

安装:

npm install webpack -g
npm install webpack-cli -g

测试安装成功:

webpack -v 
webpack-cli -v

Vue04_第21张图片

说明:全局安装(-g)和局部按装(–save-dev)的区别

全局按装的特点:
1、在js实例代码中,默认下node.js会在NODE_PATH和目前js所在项目下的node_modules文件夹下去寻找模块,因此,如果只是全局安装,不能直接通过require()的方式去引用模块,需要手动解决包路径的配置问题,当然你也可以复制全局安装的node_modules文件夹到项目下,还有办法可以选择将环境变量的NODE_PATH设置为C:\Program Files\nodejs。
2、对于包的更新不好管理,可能你需要为每个包重新命名,如[email protected][email protected]...,为了区别不同项目使用指定的包,保证模块之间的相互依赖(这块下面会介绍),区别每个项目正常运行。
因此,不推荐只全局安装。

局部安装(本地按装)的特点(npm install webpack 或 npm install webpack --save-dev等,参数--save-dev的含义是代表把你的安装包信息写入package.json文件的devDependencies字段中,包安装在指定项目的node_modules文件夹下):
1、最早的node.js/npm实际上是全局的,包括现在还兼容NODE_PATH,但是不能支持全局多版本,于是nodejs团队改成本地安装的方法可能就是为了保证不同版本包之间的相互依赖。其中依赖包的指定版本号不可轻易去修改,因为不同版本包对应依赖包的版本的功能有所差别,如果修改指定的版本来运行wpdemo,就可能会编译出错等bug。每一次的更新可能带来不一样的功能,在多人合作、发布模块到npmjs社区、上传到github给其他人使用时,保留模块的版本信息可用于下载指定的版本号显得特别重要。本地安装可以让每个项目拥有独立的包,不受全局包的影响,方便项目的移动、复制、打包等,保证不同版本包之间的相互依赖,这些优点是全局安装难以做到的。缺点是每次新项目都要本地安装所依赖的包,安装包时间相对较长,一来是包太大导致下载慢;二是浪费了硬盘空间。

配置

创建webpack.config.js配置文件

  • entry:入口文件,指定WebPack用哪个为项目的入口
  • output:输出,指定WebPack把处理完成的文件放置到指定路径
  • module:模块,用于处理各种类型的文件
  • plugins:插件,如:热更新、代码重用等
  • resolve:设置路径指向
  • watch:监听,用于设置文件改动后直接打包
module.exports = {
    entry:"",
    output:{
        path:"",
        filename:""
    },
    module:{
        loaders:[
            {test:/\.js$/,loader:""}
        ]
    },
    plugins:{},
    resolve:{},
    watch: true
}

直接运行webpack命令打包

使用webpack

  1. 创建项目

  2. 创建一个名为modules的目录,用于放置JS模块资源文件

  3. 在modules下创建模块文件,如hello.js,用于编写JS模块相关代码

    //暴露一个方法:sayHi
    exports.sayHi = function(){
        document.write("
    Hello WebPack
    "
    ); }
  4. 在modules下创建一个名为main.js的入口文件,用于打包时设置entry属性

    //require导入一个模块,就可以调用这个模块中的方法了
    var hello = require("./hello");
    hello.sayHi();
    
  5. 在项目目录下创建webpack.config.js配置文件,使用webpack命令打包

    module.exports = {
        entry: "./modules/main.js",
        output: {
            filename: "./js/bundle.js"
        }
    }
    
  6. 在项目·目录下创建HTML页面,如index.html,导入webpack打包后的JS文件

    
    "en">
    
        "charset">
        游翔学Java<title>
    </head>
    <body>
        <script src=<span class="token string">"./js/bundle.js"</span>></script>
    </body>
    </html>
    </code></pre> </li> 
       <li> <p>在VScode控制台中直接执行webpack;如果失败的话,就使用管理员权限运行即可!</p> </li> 
       <li> <p>运行HTML 看效果</p> </li> 
      </ol> 
      <p><strong>说明</strong></p> 
      <pre><code class="prism language-css"># 参数 --watch  用于监听变化
    webpack --watch
    </code></pre> 
      <p>图片效果(运行没有成功)</p> 
      <p><a href="http://img.e-com-net.com/image/info8/a82cbfe16eb24a448afd1b768f248a98.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/a82cbfe16eb24a448afd1b768f248a98.jpg" alt="Vue04_第22张图片" width="650" height="338" style="border:1px solid black;"></a><br> 打包时会出现无法打包的问题,这是因为没有用管理员模式,解决措施:</p> 
      <p>1、打开VScode的快捷方式,然后打开属性,在兼容性里使用以管理员方式运行</p> 
      <p>2、可以在DOS系统(管理员身份打开),用命令运行</p> 
      <p><a href="http://img.e-com-net.com/image/info8/bb0f4cf62d0a4dac8e28c87cc6164f8b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/bb0f4cf62d0a4dac8e28c87cc6164f8b.jpg" alt="Vue04_第23张图片" width="650" height="325" style="border:1px solid black;"></a><br> 3、运行完毕后会在项目目录下多一一个dist目录,里面的bundel.js就是一个打包压缩后的一个js文件</p> 
      <p><a href="http://img.e-com-net.com/image/info8/76f48c20c2714b8990b3679a3d7d233b.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/76f48c20c2714b8990b3679a3d7d233b.jpg" alt="Vue04_第24张图片" width="650" height="214" style="border:1px solid black;"></a><br> 4、打开浏览器,发现运行不出来,查找错误发现是电脑的问题。</p> 
      <p><a href="http://img.e-com-net.com/image/info8/cbb20f4aa2134ac680bd332c6554a298.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/cbb20f4aa2134ac680bd332c6554a298.jpg" alt="Vue04_第25张图片" width="650" height="335" style="border:1px solid black;"></a><br> 这样的错误告一段落了,后面会寻找方法解决。<br> <a href="http://img.e-com-net.com/image/info8/12d552bba79a4d84be28049e32c629e1.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/12d552bba79a4d84be28049e32c629e1.jpg" alt="Vue04_第26张图片" width="650" height="241" style="border:1px solid black;"></a></p> 
     </div> 
    </div>
                                </div>
                            </div>
                        </div>
                        <!--PC和WAP自适应版-->
                        <div id="SOHUCS" sid="1304251481293099008"></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)</h4>
            <div id="paradigm-article-related">
                <div class="recommend-post mb30">
                    <ul class="widget-links">
                        <li><a href="/article/1835512920797179904.htm"
                               title="element实现动态路由+面包屑" target="_blank">element实现动态路由+面包屑</a>
                            <span class="text-muted">软件技术NINI</span>
    <a class="tag" taget="_blank" href="/search/vue%E6%A1%88%E4%BE%8B/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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                            <div>el-breadcrumb是ElementUI组件库中的一个面包屑导航组件,它用于显示当前页面的路径,帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中,如果你已经安装了ElementUI,就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例:安装ElementUI(如果你还没有安装的话):你可以通过npm或yarn来安装ElementUI。bash复制代码npmi</div>
                        </li>
                        <li><a href="/article/1835492740536823808.htm"
                               title="node.js学习" target="_blank">node.js学习</a>
                            <span class="text-muted">小猿L</span>
    <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.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/vim/1.htm">vim</a>
                            <div>node.js学习实操及笔记温故node.js,node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础,三大框架vuereactangular离不开node.jsnode.js是什么官网:node.js是一个开源的、跨平台的运行JavaScript的运行</div>
                        </li>
                        <li><a href="/article/1835453535777550336.htm"
                               title="vue3中el-table中点击图片放大时,被表格覆盖" target="_blank">vue3中el-table中点击图片放大时,被表格覆盖</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>问题:vue3中el-table中点击图片放大时,被表格覆盖。解决方法:el-image添加preview-teleported</div>
                        </li>
                        <li><a href="/article/1835452528599330816.htm"
                               title="vue项目element-ui的table表格单元格合并" target="_blank">vue项目element-ui的table表格单元格合并</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/elementui/1.htm">elementui</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>一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'</div>
                        </li>
                        <li><a href="/article/1835450384655675392.htm"
                               title="Vue中table合并单元格用法" target="_blank">Vue中table合并单元格用法</a>
                            <span class="text-muted">weixin_30613343</span>
    <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
                            <div>地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex</div>
                        </li>
                        <li><a href="/article/1835448238103162880.htm"
                               title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a>
                            <span class="text-muted">苹果酱0567</span>
    <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%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>
                            <div>这段时间抽空给女朋友搭建一个个人博客,想着记录一下建站的过程,就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站,或者用cms系统,三四个小时就可以做出一个前后台都有的网站,而且想做成啥样也都行。但是就是要从新做,自己做的意义不一样,更何况,俺就是专门干这个的,嘿嘿嘿要做一个网站,而且从零开始,首先呢就是技术选型了,经过一番思量决定选择-SpringBoot做后端,前端使用Vue做一</div>
                        </li>
                        <li><a href="/article/1835443569528238080.htm"
                               title="Vue( ElementUI入门、vue-cli安装)" target="_blank">Vue( ElementUI入门、vue-cli安装)</a>
                            <span class="text-muted">m0_l5z</span>
    <a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
                            <div>一.ElementUI入门目录:1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n</div>
                        </li>
                        <li><a href="/article/1835437775344726016.htm"
                               title="博客网站制作教程" target="_blank">博客网站制作教程</a>
                            <span class="text-muted">2401_85194651</span>
    <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
                            <div>首先就是技术框架:后端:Java+SpringBoot数据库:MySQL前端:Vue.js数据库连接:JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div>
                        </li>
                        <li><a href="/article/1835435885760442368.htm"
                               title="vue+el-table 可输入表格使用上下键进行input框切换" target="_blank">vue+el-table 可输入表格使用上下键进行input框切换</a>
                            <span class="text-muted">以对_</span>
    <a class="tag" taget="_blank" href="/search/vue%E5%AD%A6%E4%B9%A0%E8%AE%B0%E5%BD%95/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>
                            <div>使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei</div>
                        </li>
                        <li><a href="/article/1835435885122908160.htm"
                               title="vue + Element UI table动态合并单元格" target="_blank">vue + Element UI table动态合并单元格</a>
                            <span class="text-muted">我家媳妇儿萌哒哒</span>
    <a class="tag" taget="_blank" href="/search/element/1.htm">element</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</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{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre</div>
                        </li>
                        <li><a href="/article/1835431726982197248.htm"
                               title="vue 创建项目报错:command failed: npm install --loglevel error" target="_blank">vue 创建项目报错:command failed: npm install --loglevel error</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/vue-cli3/1.htm">vue-cli3</a>
                            <div>这个问题其实很好解决,只是很多种情况,逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0,(永远不要尝试最新版本)node各种版本下载地址:以往的版本|Node.js(nodejs.org)vue/cli@3.12.1npminstall-g@vue/cli@3.12.1(注意vue/cli2和vue/cli3的下载命名有所改变,2是-形式,3是/形式)其实报错</div>
                        </li>
                        <li><a href="/article/1835428821877223424.htm"
                               title="计算机毕业设计PHP仓储综合管理系统(源码+程序+VUE+lw+部署)" target="_blank">计算机毕业设计PHP仓储综合管理系统(源码+程序+VUE+lw+部署)</a>
                            <span class="text-muted">java毕设程序源码王哥</span>
    <a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a>
                            <div>该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置:phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术:原生PHP++Vue等等组成,B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境:最好是小皮phpstudy最新版,我们在这个版本上开发的。其他版本理论上也可以。2.开发</div>
                        </li>
                        <li><a href="/article/1835411044768509952.htm"
                               title="字节二面" target="_blank">字节二面</a>
                            <span class="text-muted">Redstone Monstrosity</span>
    <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a>
                            <div>1.假设你是正在面试前端开发工程师的候选人,面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中,我获得了宝贵的实践经验和深刻的行业洞察,以下是我的主要收获和感悟:一、专业技能提升框架应用熟练度:通过实际项目,我深入掌握了React、Vue等前端框架的使用,不仅提升了编码效率,还学会了如何根据项目需求选择合适的框架。问题解决能力:在实习期间,我遇到了许多预料之外的技术难题。通过查阅文</div>
                        </li>
                        <li><a href="/article/1835401975269781504.htm"
                               title="vue render 函数详解 (配参数详解)" target="_blank">vue render 函数详解 (配参数详解)</a>
                            <span class="text-muted">你的眼睛會笑</span>
    <a class="tag" taget="_blank" href="/search/vue2/1.htm">vue2</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>
                            <div>vuerender函数详解(配参数详解)在Vue3中,`render`函数被用来代替Vue2中的模板语法。它接收一个h函数(或者是`createElement`函数的别名),并且返回一个虚拟DOM。render函数的语法结构如下:render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中,我们使用h函数创建了一个div元素</div>
                        </li>
                        <li><a href="/article/1835398064727224320.htm"
                               title="前端代码上传文件" target="_blank">前端代码上传文件</a>
                            <span class="text-muted">余生逆风飞翔</span>
    <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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                            <div>点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i</div>
                        </li>
                        <li><a href="/article/1835393400380157952.htm"
                               title="VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。" target="_blank">VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。</a>
                            <span class="text-muted">焚木灵</span>
    <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
                            <div>可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料:xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS):1、安装依赖:npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块,</div>
                        </li>
                        <li><a href="/article/1835390752381825024.htm"
                               title="详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因" target="_blank">详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因</a>
                            <span class="text-muted">hw_happy</span>
    <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/%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/javascript/1.htm">javascript</a>
                            <div>前情提要在一个vue文件中需要引入定义的b.vue文件,但是提示b文件没有默认导出,对于vue2文件来说有exportdefault,在中,所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此,不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误,原来是我的项目使用了ts和vite\webpack,因为TypeScript和Vue的默认导出</div>
                        </li>
                        <li><a href="/article/1835376631733121024.htm"
                               title="Vue 项目运行时,报错 Error: Cannot find module ‘node:path‘" target="_blank">Vue 项目运行时,报错 Error: Cannot find module ‘node:path‘</a>
                            <span class="text-muted">周bro</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><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a>
                            <div>node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本6.9.0npminstallnpm@6.14.17-g执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases</div>
                        </li>
                        <li><a href="/article/1835376632366460928.htm"
                               title="vue2实现复制,粘贴功能" target="_blank">vue2实现复制,粘贴功能</a>
                            <span class="text-muted">周bro</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>一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景,在Vue项目中实现复制功能需要借助vue-clipboard2插件。二、代码实现1、安装vue-clipboard2依赖(出现错误的话,可以试试切换成淘宝镜像源npmconfigsetregistryhttps://registry.npm.taobao.org)npminstall--savevue-clipboard22、在main.</div>
                        </li>
                        <li><a href="/article/1835370074102394880.htm"
                               title="【vite 自动配置路由】" target="_blank">【vite 自动配置路由】</a>
                            <span class="text-muted">CODER-V</span>
    <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/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/%E8%BD%AF%E4%BB%B6%E6%9E%84%E5%BB%BA/1.htm">软件构建</a>
                            <div>手动配置路由,是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置,我们就需要遵循以下目录规则:每一个页面对应一个包,当前包下的主页面命名为index.vue;每个包里必须配置一个page.js;在每一个page.js里边配置,额外的路由信息,比如:exportdefault{title:'商品',men</div>
                        </li>
                        <li><a href="/article/1835368019430305792.htm"
                               title="Vue + Express实现一个表单提交" target="_blank">Vue + Express实现一个表单提交</a>
                            <span class="text-muted">九旬大爷的梦</span>
    
                            <div>最近在折腾一个cms系统,用的vue+express,但是就一个表单提交就弄了好久,记录一下。环境:Node10+前端:Vue服务端:Express依赖包:vueexpressaxiosexpress-formidableelement-ui(可选)前言:axiosget请求参数是:paramsaxiospost请求参数是:dataexpressget接受参数是req.queryexpresspo</div>
                        </li>
                        <li><a href="/article/1835365412099944448.htm"
                               title="Vue3 vant组件库自动导入" target="_blank">Vue3 vant组件库自动导入</a>
                            <span class="text-muted">不叫虎子</span>
    <a class="tag" taget="_blank" href="/search/Vue/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/%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/typescript/1.htm">typescript</a>
                            <div>实现:完整使用vant组件库文档安装:#Vue3项目,安装最新版Vantnpmivant#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant【一】按需引入:https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#fang-fa-er.-an-xu-yin-ru-zu-jian-yang-shi【二】批量引入在基于vit</div>
                        </li>
                        <li><a href="/article/1835361379343757312.htm"
                               title="vant-element-ts一起使用存在的问题" target="_blank">vant-element-ts一起使用存在的问题</a>
                            <span class="text-muted">flynn_</span>
    <a class="tag" taget="_blank" href="/search/%E9%97%AE%E9%A2%98%E6%80%BB%E7%BB%93/1.htm">问题总结</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
                            <div>由于vant-ui与element-ui部分组件存在冲突,导致在vue-typescript中出现错误:Subsequentpropertydeclarationsmusthavethesametype.Property'$notify'mustbeoftype'ElNotification',butherehastype'Notify'.方案:一个全局导入,一个按需导入,避免冲突的组件同时使用,</div>
                        </li>
                        <li><a href="/article/1835352325032603648.htm"
                               title="第三十一节:Vue路由:前端路由vs后端路由的了解" target="_blank">第三十一节:Vue路由:前端路由vs后端路由的了解</a>
                            <span class="text-muted">曹老师</span>
    
                            <div>1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访</div>
                        </li>
                        <li><a href="/article/1835344485802930176.htm"
                               title="基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台" target="_blank">基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台</a>
                            <span class="text-muted">网顺技术团队</span>
    <a class="tag" taget="_blank" href="/search/%E6%88%90%E5%93%81%E7%A8%8B%E5%BA%8F%E9%A1%B9%E7%9B%AE/1.htm">成品程序项目</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E6%B1%BD%E8%BD%A6/1.htm">汽车</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a>
                            <div>基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人文章目录基</div>
                        </li>
                        <li><a href="/article/1835331375377510400.htm"
                               title="【前端】vue 报错:The template root requires exactly one element" target="_blank">【前端】vue 报错:The template root requires exactly one element</a>
                            <span class="text-muted">程序员-张师傅</span>
    <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/1.htm">前端</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>
                            <div>【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中,当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时,这通常意味着你的Vue组件的模板(template)根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况:模板中有多个并行</div>
                        </li>
                        <li><a href="/article/1835295766747377664.htm"
                               title="C# 开发教程-入门基础" target="_blank">C# 开发教程-入门基础</a>
                            <span class="text-muted">天马3798</span>
    <a class="tag" taget="_blank" href="/search/%E6%95%99%E7%A8%8B%E7%B3%BB%E5%88%97%E6%95%B4%E7%90%86/1.htm">教程系列整理</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
                            <div>1.C#简介、环境,程序结构2.C#基本语法,变量,控制局域,数据类型,类型转换3.C#数组、循环,Linq4.C#类,封装,方法5.C#枚举、字符串6.C#面相对象,继承,封装,多态7.C#特性、属性、反射、索引器8.C#委托,事件,集合,泛型9.C#匿名方法10.C#多线程更多:JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程</div>
                        </li>
                        <li><a href="/article/1835290475628687360.htm"
                               title="若依后端正常启动但是uniapp移动端提示后端接口异常" target="_blank">若依后端正常启动但是uniapp移动端提示后端接口异常</a>
                            <span class="text-muted">大可大可抖</span>
    <a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a>
                            <div>pc端能用模拟器也能正常连接接口,手机端真机调试连不上接口解决:1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip/prod-api',baseUrl:"http://192.168.101.5:8080",}2.网络环境问题(防火墙)点击属性然后选择专用</div>
                        </li>
                        <li><a href="/article/1835279008393162752.htm"
                               title="好看的vue登录页面(附 源代码 背景图)" target="_blank">好看的vue登录页面(附 源代码 背景图)</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                            <div>一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag</div>
                        </li>
                        <li><a href="/article/1835264261794918400.htm"
                               title="uniapp 获取各种小程序code" target="_blank">uniapp 获取各种小程序code</a>
                            <span class="text-muted">灵魂清零</span>
    <a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a>
                            <div>各种小程序在进入小程序是都需要去获取code才能拿到基础信息,自己记录一下用uniapp开发小程序是获取微信小程序、百度小程序、头条小程序、支付宝小程序的codeVue.prototype.$global={appLogin(){returnnewPromise((resole,reject)=>{varthat=this;varwxLoginUrl=app.globalData.url+"/lo</div>
                        </li>
                                    <li><a href="/article/99.htm"
                                           title="ios内付费" target="_blank">ios内付费</a>
                                        <span class="text-muted">374016526</span>
    <a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E4%BB%98%E8%B4%B9/1.htm">内付费</a>
                                        <div>近年来写了很多IOS的程序,内付费也用到不少,使用IOS的内付费实现起来比较麻烦,这里我写了一个简单的内付费包,希望对大家有帮助。 
      
    具体使用如下: 
    这里的sender其实就是调用者,这里主要是为了回调使用。 
    [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa</div>
                                    </li>
                                    <li><a href="/article/226.htm"
                                           title="20 款优秀的 Linux 终端仿真器" target="_blank">20 款优秀的 Linux 终端仿真器</a>
                                        <span class="text-muted">brotherlamp</span>
    <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux%E8%A7%86%E9%A2%91/1.htm">linux视频</a><a class="tag" taget="_blank" href="/search/linux%E8%B5%84%E6%96%99/1.htm">linux资料</a><a class="tag" taget="_blank" href="/search/linux%E8%87%AA%E5%AD%A6/1.htm">linux自学</a><a class="tag" taget="_blank" href="/search/linux%E6%95%99%E7%A8%8B/1.htm">linux教程</a>
                                        <div>  
    终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。(LCTT 译注:终端仿真器原意指对大型机-哑终端方式的模拟,不过在当今的 Linux 环境中,常指通过远程或本地方式连接的伪终端,俗称“终端”。) 
    你能从开源世界中找到大量的终端仿真器,它们</div>
                                    </li>
                                    <li><a href="/article/353.htm"
                                           title="Solr Deep Paging(solr 深分页)" target="_blank">Solr Deep Paging(solr 深分页)</a>
                                        <span class="text-muted">eksliang</span>
    <a class="tag" taget="_blank" href="/search/solr%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">solr深分页</a><a class="tag" taget="_blank" href="/search/solr%E5%88%86%E9%A1%B5%E6%80%A7%E8%83%BD%E9%97%AE%E9%A2%98/1.htm">solr分页性能问题</a>
                                        <div>转载请出自出处:http://eksliang.iteye.com/blog/2148370 
    作者:eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 
    长期以来,我们一直有一个深分页问题。如果直接跳到很靠后的页数,查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr</div>
                                    </li>
                                    <li><a href="/article/480.htm"
                                           title="数据库面试题" target="_blank">数据库面试题</a>
                                        <span class="text-muted">18289753290</span>
    <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98+%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">面试题 数据库</a>
                                        <div>1.union ,union all 
    网络搜索出的最佳答案: 
    union和union all的区别是,union会自动压缩多个结果集合中的重复结果,而union all则将所有的结果全部显示出来,不管是不是重复。 
    Union:对两个结果集进行并集操作,不包括重复行,同时进行默认规则的排序; 
    Union All:对两个结果集进行并集操作,包括重复行,不进行排序; 
    2.索引有哪些分类?作用是</div>
                                    </li>
                                    <li><a href="/article/607.htm"
                                           title="Android TV屏幕适配" target="_blank">Android TV屏幕适配</a>
                                        <span class="text-muted">酷的飞上天空</span>
    <a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
                                        <div>先说下现在市面上TV分辨率的大概情况 
    两种分辨率为主 
    1.720标清,分辨率为1280x720. 
    屏幕尺寸以32寸为主,部分电视为42寸 
    2.1080p全高清,分辨率为1920x1080 
    屏幕尺寸以42寸为主,此分辨率电视屏幕从32寸到50寸都有 
      
    适配遇到问题,已1080p尺寸为例: 
    分辨率固定不变,屏幕尺寸变化较大。 
    如:效果图尺寸为1920x1080,如果使用d</div>
                                    </li>
                                    <li><a href="/article/734.htm"
                                           title="Timer定时器与ActionListener联合应用" target="_blank">Timer定时器与ActionListener联合应用</a>
                                        <span class="text-muted">永夜-极光</span>
    <a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                        <div>功能:在控制台每秒输出一次 
      
    代码: 
    package Main;
    import javax.swing.Timer;
     import java.awt.event.*;
    
     public class T {
        private static int count = 0; 
    
        public static void main(String[] args){
    </div>
                                    </li>
                                    <li><a href="/article/861.htm"
                                           title="Ubuntu14.04系统Tab键不能自动补全问题解决" target="_blank">Ubuntu14.04系统Tab键不能自动补全问题解决</a>
                                        <span class="text-muted">随便小屋</span>
    <a class="tag" taget="_blank" href="/search/Ubuntu+14.04/1.htm">Ubuntu 14.04</a>
                                        <div>Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全,解决办法如下: 
      
    1、利用vi编辑器打开/etc/bash.bashrc文件(需要root权限) 
    sudo vi /etc/bash.bashrc 
     接下来会提示输入密码 
    2、找到文件中的下列代码 
    #enable bash completion in interactive shells
    #if</div>
                                    </li>
                                    <li><a href="/article/988.htm"
                                           title="学会人际关系三招 轻松走职场" target="_blank">学会人际关系三招 轻松走职场</a>
                                        <span class="text-muted">aijuans</span>
    <a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA/1.htm">职场</a>
                                        <div>要想成功,仅有专业能力是不够的,处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢?在此,教您简单实用的三个窍门。 
      第一,多汇报 
     最近,管理学又提出了一个新名词“追随力”。它告诉我们,做下属最关键的就是要多请示汇报,让上司随时了解你的工作进度,有了新想法也要及时建议。不知不觉,你就有了“追随力”,上司会越来越了解和信任你。 
      第二,勤沟通 
     团队的力</div>
                                    </li>
                                    <li><a href="/article/1115.htm"
                                           title="《O2O:移动互联网时代的商业革命》读书笔记" target="_blank">《O2O:移动互联网时代的商业革命》读书笔记</a>
                                        <span class="text-muted">aoyouzi</span>
    <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a>
                                        <div>移动互联网的未来:碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。 
      
    O2O:Online to OffLine 线上线下活动 
    O2O就是在移动互联网时代,生活消费领域通过线上和线下互动的一种新型商业模式。 
      
    手机二维码本质:O2O商务行为从线下现实世界到线上虚拟世界的入口。 
      
    线上虚拟世界创造的本意是打破信息鸿沟,让不同地域、不同需求的人</div>
                                    </li>
                                    <li><a href="/article/1242.htm"
                                           title="js实现图片随鼠标滚动的效果" target="_blank">js实现图片随鼠标滚动的效果</a>
                                        <span class="text-muted">百合不是茶</span>
    <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E6%BB%9A%E5%8A%A8%E5%B1%9E%E6%80%A7%E7%9A%84%E8%8E%B7%E5%8F%96/1.htm">滚动属性的获取</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E6%BB%9A%E5%8A%A8/1.htm">图片滚动</a><a class="tag" taget="_blank" href="/search/%E5%B1%9E%E6%80%A7%E8%8E%B7%E5%8F%96/1.htm">属性获取</a><a class="tag" taget="_blank" href="/search/%E9%A1%B5%E9%9D%A2%E5%8A%A0%E8%BD%BD/1.htm">页面加载</a>
                                        <div>1,获取样式属性值 
    top  与顶部的距离
    left  与左边的距离
    right 与右边的距离
    bottom 与下边的距离
    zIndex 层叠层次 
      
      例子:获取左边的宽度,当css写在body标签中时 
    <div id="adver" style="position:absolute;top:50px;left:1000p</div>
                                    </li>
                                    <li><a href="/article/1369.htm"
                                           title="ajax同步异步参数async" target="_blank">ajax同步异步参数async</a>
                                        <span class="text-muted">bijian1013</span>
    <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/async/1.htm">async</a>
                                        <div>        开发项目开发过程中,需要将ajax的返回值赋到全局变量中,然后在该页面其他地方引用,因为ajax异步的原因一直无法成功,需将async:false,使其变成同步的。 
            格式: 
    $.ajax({ type: 'POST', ur</div>
                                    </li>
                                    <li><a href="/article/1496.htm"
                                           title="Webx3框架(1)" target="_blank">Webx3框架(1)</a>
                                        <span class="text-muted">Bill_chen</span>
    <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a>
                                        <div>Webx是淘宝开发的一套Web开发框架,Webx3是其第三个升级版本;采用Eclipse的开发环境,现在支持java开发; 
    采用turbine原型的MVC框架,扩展了Spring容器,利用Maven进行项目的构建管理,灵活的ibatis持久层支持,总的来说,还是一套很不错的Web框架。 
    Webx3遵循turbine风格,velocity的模板被分为layout/screen/control三部</div>
                                    </li>
                                    <li><a href="/article/1623.htm"
                                           title="【MongoDB学习笔记五】MongoDB概述" target="_blank">【MongoDB学习笔记五】MongoDB概述</a>
                                        <span class="text-muted">bit1129</span>
    <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
                                        <div>MongoDB是面向文档的NoSQL数据库,尽量业界还对MongoDB存在一些质疑的声音,比如性能尤其是查询性能、数据一致性的支持没有想象的那么好,但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能,而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩),同时它提供的近似于SQL的查询能力,也是在做NoSQL技术选型时,考虑的一个重要因素。Mo</div>
                                    </li>
                                    <li><a href="/article/1750.htm"
                                           title="spring/hibernate/struts2常见异常总结" target="_blank">spring/hibernate/struts2常见异常总结</a>
                                        <span class="text-muted">白糖_</span>
    <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a>
                                        <div> 
     Spring 
     
    ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 
    缺少aspectjweaver.jar,该jar包常用于spring aop中 
      
    ②java.lang.ClassNotFoundException: org.sprin</div>
                                    </li>
                                    <li><a href="/article/1877.htm"
                                           title="jquery easyui表单重置(reset)扩展思路" target="_blank">jquery easyui表单重置(reset)扩展思路</a>
                                        <span class="text-muted">bozch</span>
    <a class="tag" taget="_blank" href="/search/form/1.htm">form</a><a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a><a class="tag" taget="_blank" href="/search/reset/1.htm">reset</a>
                                        <div>在jquery easyui表单中 尚未提供表单重置的功能,这就需要自己对其进行扩展。 
    扩展的时候要考虑的控件有: 
     combo,combobox,combogrid,combotree,datebox,datetimebox 
    需要对其添加reset方法,reset方法就是把初始化的值赋值给当前的组件,这就需要在组件的初始化时将值保存下来。 
    在所有的reset方法添加完毕之后,就需要对fo</div>
                                    </li>
                                    <li><a href="/article/2004.htm"
                                           title="编程之美-烙饼排序" target="_blank">编程之美-烙饼排序</a>
                                        <span class="text-muted">bylijinnan</span>
    <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
                                        <div>
    package beautyOfCoding;
    
    import java.util.Arrays;
    
    /*
     *《编程之美》的思路是:搜索+剪枝。有点像是写下棋程序:当前情况下,把所有可能的下一步都做一遍;在这每一遍操作里面,计算出如果按这一步走的话,能不能赢(得出最优结果)。
     *《编程之美》上代码有很多错误,且每个变量的含义令人费解。因此我按我的理解写了以下代码:
     */
    </div>
                                    </li>
                                    <li><a href="/article/2131.htm"
                                           title="Struts1.X 源码分析之ActionForm赋值原理" target="_blank">Struts1.X 源码分析之ActionForm赋值原理</a>
                                        <span class="text-muted">chenbowen00</span>
    <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a>
                                        <div>struts1在处理请求参数之前,首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性,却找不到对应的ActionForm类也不会报错,只是不会处理本次请求的请求参数。 
     
    如果找到了对应的ActionForm类,则先判断是否已经存在ActionForm的实例,如果不存在则创建实例,并将其存放在对应的作用域中。作用域由配置文件action节点的s</div>
                                    </li>
                                    <li><a href="/article/2258.htm"
                                           title="[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度" target="_blank">[空天防御与经济]在获得充足的外部资源之前,太空投资需有限度</a>
                                        <span class="text-muted">comsci</span>
    <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a>
                                        <div> 
          这里有一个常识性的问题: 
     
          地球的资源,人类的资金是有限的,而太空是无限的..... 
     
          就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... 
     
    &</div>
                                    </li>
                                    <li><a href="/article/2385.htm"
                                           title="ORACLE临时表—ON COMMIT PRESERVE ROWS" target="_blank">ORACLE临时表—ON COMMIT PRESERVE ROWS</a>
                                        <span class="text-muted">daizj</span>
    <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E4%B8%B4%E6%97%B6%E8%A1%A8/1.htm">临时表</a>
                                        <div>ORACLE临时表 转 
    临时表:像普通表一样,有结构,但是对数据的管理上不一样,临时表存储事务或会话的中间结果集,临时表中保存的数据只对当前 
    会话可见,所有会话都看不到其他会话的数据,即使其他会话提交了,也看不到。临时表不存在并发行为,因为他们对于当前会话都是独立的。 
    创建临时表时,ORACLE只创建了表的结构(在数据字典中定义),并没有初始化内存空间,当某一会话使用临时表时,ORALCE会</div>
                                    </li>
                                    <li><a href="/article/2512.htm"
                                           title="基于Nginx XSendfile+SpringMVC进行文件下载" target="_blank">基于Nginx XSendfile+SpringMVC进行文件下载</a>
                                        <span class="text-muted">denger</span>
    <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><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/lighttpd/1.htm">lighttpd</a>
                                        <div>    在平常我们实现文件下载通常是通过普通 read-write方式,如下代码所示。 
     
       @RequestMapping("/courseware/{id}") 
       public void download(@PathVariable("id") String courseID, HttpServletResp</div>
                                    </li>
                                    <li><a href="/article/2639.htm"
                                           title="scanf接受char类型的字符" target="_blank">scanf接受char类型的字符</a>
                                        <span class="text-muted">dcj3sjt126com</span>
    <a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
                                        <div>/*
    	2013年3月11日22:35:54
    	目的:学习char只接受一个字符
    */
    # include <stdio.h>
    
    int main(void)
    {
    	int i;
    	char ch;
    
    	scanf("%d", &i);
    	printf("i = %d\n", i);
    	scanf("%</div>
                                    </li>
                                    <li><a href="/article/2766.htm"
                                           title="学编程的价值" target="_blank">学编程的价值</a>
                                        <span class="text-muted">dcj3sjt126com</span>
    <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a>
                                        <div>发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助 
      
    像这位朋友学习:   
    http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html 
      
     
      VirtualGS教程 (By @林泰前): 几十年的老程序员,资深的</div>
                                    </li>
                                    <li><a href="/article/2893.htm"
                                           title="二维数组(矩阵)对角线输出" target="_blank">二维数组(矩阵)对角线输出</a>
                                        <span class="text-muted">飞天奔月</span>
    <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84/1.htm">二维数组</a>
                                        <div>今天在BBS里面看到这样的面试题目, 
      
    1,二维数组(N*N),沿对角线方向,从右上角打印到左下角如N=4: 4*4二维数组  
    { 1 2 3 4 }
    { 5 6 7 8 }
    { 9 10 11 12 }
    {13 14 15 16 } 
    打印顺序  
    4
    3 8
    2 7 12
    1 6 11 16
    5 10 15
    9 14
    13 
    要</div>
                                    </li>
                                    <li><a href="/article/3020.htm"
                                           title="Ehcache(08)——可阻塞的Cache——BlockingCache" target="_blank">Ehcache(08)——可阻塞的Cache——BlockingCache</a>
                                        <span class="text-muted">234390216</span>
    <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/BlockingCache/1.htm">BlockingCache</a><a class="tag" taget="_blank" href="/search/%E9%98%BB%E5%A1%9E/1.htm">阻塞</a>
                                        <div>可阻塞的Cache—BlockingCache 
      
           在上一节我们提到了显示使用Ehcache锁的问题,其实我们还可以隐式的来使用Ehcache的锁,那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类,可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.</div>
                                    </li>
                                    <li><a href="/article/3147.htm"
                                           title="mysqldiff对数据库间进行差异比较" target="_blank">mysqldiff对数据库间进行差异比较</a>
                                        <span class="text-muted">jackyrong</span>
    <a class="tag" taget="_blank" href="/search/mysqld/1.htm">mysqld</a>
                                        <div>  mysqldiff该工具是官方mysql-utilities工具集的一个脚本,可以用来对比不同数据库之间的表结构,或者同个数据库间的表结构 
       如果在windows下,直接下载mysql-utilities安装就可以了,然后运行后,会跑到命令行下: 
     
    1) 基本用法 
       mysqldiff --server1=admin:12345</div>
                                    </li>
                                    <li><a href="/article/3274.htm"
                                           title="spring data jpa 方法中可用的关键字" target="_blank">spring data jpa 方法中可用的关键字</a>
                                        <span class="text-muted">lawrence.li</span>
    <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                        <div>spring data jpa 支持以方法名进行查询/删除/统计。 
    查询的关键字为find 
    删除的关键字为delete/remove (>=1.7.x) 
    统计的关键字为count (>=1.7.x) 
      
    修改需要使用@Modifying注解 
    @Modifying
    @Query("update User u set u.firstna</div>
                                    </li>
                                    <li><a href="/article/3401.htm"
                                           title="Spring的ModelAndView类" target="_blank">Spring的ModelAndView类</a>
                                        <span class="text-muted">nicegege</span>
    <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
                                        <div>项目中controller的方法跳转的到ModelAndView类,一直很好奇spring怎么实现的? 
    /*
     * Copyright 2002-2010 the original author or authors.
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * yo</div>
                                    </li>
                                    <li><a href="/article/3528.htm"
                                           title="搭建 CentOS 6 服务器(13) - rsync、Amanda" target="_blank">搭建 CentOS 6 服务器(13) - rsync、Amanda</a>
                                        <span class="text-muted">rensanning</span>
    <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a>
                                        <div>(一)rsync 
     
    Server端 
     
    # yum install rsync
    # vi /etc/xinetd.d/rsync
        service rsync
        {
            disable = no
            flags           = IPv6
            socket_type     = stream
            wait    </div>
                                    </li>
                                    <li><a href="/article/3655.htm"
                                           title="Learn Nodejs 02" target="_blank">Learn Nodejs 02</a>
                                        <span class="text-muted">toknowme</span>
    <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a>
                                        <div>(1)npm是什么   
    npm is the package manager for node 
    官方网站:https://www.npmjs.com/ 
    npm上有很多优秀的nodejs包,来解决常见的一些问题,比如用node-mysql,就可以方便通过nodejs链接到mysql,进行数据库的操作 
    在开发过程往往会需要用到其他的包,使用npm就可以下载这些包来供程序调用 
    &nb</div>
                                    </li>
                                    <li><a href="/article/3782.htm"
                                           title="Spring MVC 拦截器" target="_blank">Spring MVC 拦截器</a>
                                        <span class="text-muted">xp9802</span>
    <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a>
                                        <div>Controller层的拦截器继承于HandlerInterceptorAdapter 
     
     HandlerInterceptorAdapter.java   1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep</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><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>