advitaw
advitaw

Vue基础个人笔记

学习Vue自用笔记 持续更新

文章目录

  • Vue基础
    • 01.初识Vue
      • MVVM模式（留个坑，学深了再补充）
      • Vue基础使用
    • 02.Vue渲染
      • 条件渲染
        • v-if : 条件性地渲染一块内容
        • v-show
        • v-if vs v-show
        • v-for
          • v-for 中使用数组
          • v-for中使用对象
          • v-for中使用值范围
      • 列表＋条件渲染
        • 使用v-for + v-if
    • 03.模板语法
      • 插值
        • 数据插入内容中：{ {}}语法中可以自由使用js表达式
        • HTML代码插入内容中
      • 指令：带有v-前缀的属性
        • 参数
          • 动态参数（2.6.0新增）：方括号括起来的js表达式
          • 参数约束
    • 04.计算属性和侦听器
      • 计算属性
        • 基础使用
        • 相较于普通方法
        • 相较于侦听属性（watch）
        • 计算属性的setter
      • 侦听器
    • 05.Class与Style绑定
      • 绑定Class
        • 使用对象
        • 使用计算属性
        • 使用数组
        • 数组＋对象
        • 用在组件上
      • 绑定Style
        • 使用对象
        • 使用计算属性
        • 使用数组
        • **多重值**
    • 06.事件处理
      • 处理方法
        • 直接写表达式
        • 方法（可带参数）
      • 事件修饰符
      • 按键修饰符
      • 系统修饰符
    • 07.表单输入绑定与值绑定
      • 表单输入绑定
      • 值绑定
      • 修饰符
    • 08.组件基础
      • 基础使用
      • 局部组件
      • 父组件与子组件
      • template抽离写法
      • 组件中存放数据
      • 数据传递父传子
      • 数据通信子传父——自定义事件

Vue基础

01.初识Vue

MVVM模式（留个坑，学深了再补充）

Vue基础个人笔记_第1张图片

Vue基础使用

导入Vue.js

let app = new Vue({
   
            el:"#app",
            data:{
   
                isLogin : true
            },
            methods:{
   
                togglePage : function()
                {
   
                    this.isLogin = !this.isLogin; 
                }
            }
        });

ps：上面代码块methods中togglePage若使用箭头函数，this会指向window

02.Vue渲染

条件渲染

v-if : 条件性地渲染一块内容

​ v-if

​ v-else

​ v-else-if（2.1.0新增）作为else if 使用

<body>
     
    <div id="app">
       <p>你好，{
  {username}}p>
       
用户类型：A h3>
       
用户类型：B h3>
       <h3 v-else>用户类型：C h3>
       <h3 v-if="Math.random() > 0.5">now you see meh3>
    div>
    <script>
        let app = new Vue({
    
            el:"#app",
            data:{
    
                username:"小明",
                isA:false,
                isB:false
            }
        })
    script>
body>

v-show

Hello!

v-show不支持元素

ps：

template:用于包裹元素，其本身不会被渲染

一般用于对多个元素同时使用v-if v-for

v-if vs v-show

v-if v-show
方式 删除创建DOM元素 display样式
条件 直到为真才会渲染 任何条件都会渲染
性能 更高的切换消耗 更高的初始加载消耗
场景 条件很少改变 频繁切换

ps：if show 只会添加element.style，假如一开始css中将元素设为display：none 即使if show为true也无法让其显示（即并不会覆盖掉或修改已存在的css属性。）

v-for

v-for 中使用数组

v-for = "item in arr" item->(item,index)

v-for中使用对象

v-for = "value in obj" value -> (value,name,index) name为属性名

v-for中使用值范围

{ { n }}
’

列表＋条件渲染

使用v-for + v-if

永远不要把 v-if 和 v-for 同时用在同一个元素上。

一般我们在两种常见的情况下会倾向于这样做：

  • 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users 替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。
  • 为了避免渲染本应该被隐藏的列表 (比如 v-for="user in users" v-if="shouldShowUsers")。这种情形下，请将 v-if 移动至容器元素上 (比如 ul、ol)。

03.模板语法

插值

数据插入内容中：{ {}}语法中可以自由使用js表达式

​ 一般插值：数据更改则插值处内容便会更新

​ 用v-once：一次性插值

HTML代码插入

你可能感兴趣的:(Vue,vue)

  • Vue.config全局配置 辉夜真是太可爱啦
    1.取消Vue所有的日志与警告。Vue.config.silent=true;2.Vue自定义键名Vue.config.keyCodes={v:86,f1:112,//camelCase不可用mediaPlayPause:179,//取而代之的是kebab-case且用双引号括起来"media-play-pause":179,up:[38,87]}3.设置为false以阻止vue在启动时生成生产提
  • DHTMLX Suite 9.2 重磅发布：支持历史记录、类Excel交互、剪贴板、拖放增强等多项升级
    全球知名的JavaScriptUI组件库DHTMLXSuite迎来9.2新版本！此次更新虽为次版本号，却实质性提升了Grid网格组件的交互能力与用户体验，引入了包括历史记录管理、剪贴板操作、数据选择范围管理、Block区块选择等多项高级模块，支持更接近电子表格的使用体验。新版Grid组件不仅在数据可视化、数据编辑方面功能更强，还增强了与主流前端框架（如React、Vue、Angular）的集成示例
  • 如何用纯 HTML 文件实现 Vue.js 应用，并通过 CDN 引入 Element UI 人工智能训练师 VUEhtmlvue.jsui
    相关名词解释Vue.jsVue.js：是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，提供声明式的、组件化的编程模型，可高效开发用户界面。具有响应式数据绑定等特性，能自动跟踪数据变化并更新DOM。ElementUI：是一个基于Vue.js的流行前端UI框架，由饿了么团队开发和维护。它提供了一系列预设计的Vue组件，如按钮、输入框、表格等，可帮
  • DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_宠物护理示例（CalendarView01_26） 宝码香车 #DeepSeek前端vue.jsecmascriptjavascriptdeepseek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_宠物护理示例（CalendarView01_26）前言本文简介：本文页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由\src\router\index
  • DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_植物浇水示例（CalendarView01_25） 宝码香车 #DeepSeek前端vueecmascriptjavascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_植物浇水示例（CalendarView01_25）前言本文简介：本文页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由\src\router\index
  • DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_学习计划日历示例（CalendarView01_20） 宝码香车 前端vueecmascriptjavascriptDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_学习计划日历示例（CalendarView01_20）前言本文简介：本文页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由\src\router\ind
  • DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_睡眠记录日历示例（CalendarView01_30） 宝码香车 #DeepSeek前端vue.jsecmascriptjavascriptdeepseek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_睡眠记录日历示例（CalendarView01_30）前言本文简介：本文页面效果组件代码代码测试测试代码正常跑通，附其他基本代码编写路由\src\router\ind
  • 二、ubuntu+django+nginx+uwsgi+vue:部署django+vue前后端分离项目
    一、创建用户和文件夹#创建www文件夹，所有网站项目都放到这里$sudomkdir/www#创建用户组sudogroupaddwww-g666#创建用户$sudouseraddwww-u666-g666-M-s/sbin/nologin#查看$idwwwid#设置www文件夹的所属组和所属用户$sudochown-Rwww.www/www/#$sudochmod-R666某一目录,所有用户对一个目
  • 养老院管理系统基于SpringBoot的养老院管理系统系统设计与实现（源码+论文+部署讲解等）
    博主介绍：✌全网粉丝60W+,csdn特邀作者、Java领域优质创作者、csdn/掘金/哔哩哔哩/知乎/道客/小红书等平台优质作者，计算机毕设实战导师，目前专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎高校老师/同行前辈交流合作✌技术栈范围：SpringBoot、Vue、SSM、Jsp、HLMT、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习、单片机
  • (5)从零开发 Chrome 插件：Vue3 Chrome 插件待办事项应用 超龄超能程序猿 Chrome插件html5jsonjavascriptvue.js前端框架
    (1)从零开发Chrome插件：构建你的第一个插件(3)从零开发Chrome插件：实现API登录与本地存储功能(3)从零开发Chrome插件：网页图片的批量下载(4)从零开发Chrome插件：Chrome插件调试全攻略(5)从零开发Chrome插件：Vue3Chrome插件待办事项应用Vue3Chrome插件待办事项应用功能概述一个基于Vue3的Chrome插件待办事项应用，具有以下功能：添加/删
  • 前端实现抛物线小球动画效果：从原理到代码实践 编程随想▿ 前端抛物线JSvuereact.js
    目录引言一、抛物线动画的核心原理二、纯HTML/CSS实现抛物线动画1.HTML结构2.CSS动画3.效果说明三、动态交互：JavaScript实现抛物线动画1.HTML结构2.JavaScript逻辑3.效果说明四、Vue.js实现抛物线动画1.组件结构2.实现思路五、React实现抛物线动画1.组件代码2.实现思路六、注意事项七、总结引言在前端开发中，动画效果是提升用户体验的重要手段之一。抛物
  • Vue 3 的 setup 函数里，为什么非要写 return？揭秘背后的核心机制 编程随想▿ Vue3vue.js前端javascript前端框架开发语言
    引言：初学Vue3的CompositionAPI，很多同学都会被setup()函数吸引。它让我们能更灵活地组织组件逻辑，但一个看似简单的return语句却常常让人困惑：“我在setup里定义的变量和方法，为什么一定要return出去？不return行不行？”今天，我们就来深入探讨一下setup中return的核心作用，理解它为什么是Vue3响应式编程的基石。目录一、setup函数的核心职责二、关键
  • Vue3递归组件详解：构建动态树形结构的终极方案 编程随想▿ Vue3vue.js前端javascript前端框架
    目录一、什么是递归组件？二、Vue3递归组件实现步骤1.基础实现2.关键点解析三、动态数据实战：渲染树形菜单四、Vue3递归组件的核心注意事项五、高级技巧：异步递归组件六、常见问题排查结语一、什么是递归组件？递归组件是指在组件内部调用自身的特殊组件。它适用于处理嵌套树形数据结构的场景，例如：文件目录系统多级导航菜单组织架构图嵌套评论列表在Vue3中，递归组件通过name属性标识自身，实现模板自引用
  • 基于Springboot + vue3实现的图书管理系统 程序员南音 经验分享
    项目描述本系统包含管理员、读者两个角色。管理员角色：用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。配置管理：管理系统配置参数，如轮播图的路径等。权限管理：分配和管理不同角色的权限。图书借阅管理：管理图书借阅信息，包括查看、修改、删除和审核借阅记录。轮播图管理：管理轮播图信息，包括新增、查看、修改和删除轮播图。座位信息管理：管理阅览室座位信息，包括新增、查看、修改、删除和查看评论。图
  • 基于Springboot + vue3实现的学生选课系统 程序员南音 经验分享
    项目描述本系统包含管理员、教师、学生三个角色。管理员角色：用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。配置管理：管理系统配置参数，如上传图片的路径等。权限管理：分配和管理不同角色的权限。课程信息管理：管理课程信息，包括查看、修改和删除课程信息。学生管理：管理学生信息，包括新增、查看、修改和删除学生信息。轮播图管理：管理轮播图信息，包括新增、查看、修改和删除轮播图。教师管理：管理教
  • vue json格式导出excel文件 家电修理师 vue.jsjsonexcel前端javascript
    1、下载xlsx、file-saver插件npminstallxlsxfile-saver2、页面中引入插件import*asXLSXfrom'xlsx';import{saveAs}from'file-saver';3、创建excel导出结构每一个数组表示一行constdata=[["姓名","性别","电话"],["张三","男","15888888888"],];4、将数据转换为工作表//d
  • react/vue vite ts项目中，自动引入路由文件、 import.meta.glob动态引入路由 无需手动引入 初遇你时动了情 react.jsvue.jsjavascript
    utils/autoRouteHelper.ts//src/utils/autoRouteHelper.tsimport{lazy}from"react";importwithLoadingfrom"@/components/router/withLoading";/**自动生成某个文件夹下的子路由*/interfaceRouteItem{path:string;element?:any;chil
  • Vue3 实现 Excel 文件导入导出功能 海天胜景 exceljavascript
    在Vue3中实现Excel文件的导入和导出功能，你可以使用一些流行的JavaScript库，如SheetJS（也称为xlsx）来处理Excel文件。以下是实现这一功能的基本步骤：1.安装SheetJS首先，你需要安装xlsx库。在你的Vue项目中，可以通过npm或yarn来安装：npminstallxlsx#或者yarnaddxlsx2.导入和导出Excel文件导入Excel文件你可以使用一个文件
  • vue3 TypeError: Failed to fetch dynamically imported module 报错解决 海天胜景 vue.js前端javascript
    TypeError:Failedtofetchdynamicallyimportedmodule:引入组件时，没有添加.vue后缀或.js后缀，引入的组建是否被使用
  • vue3+axios请求导出excel文件 再希 excelvue.jsjavascript
    在Vue3中使用axios请求导出Excel文件，可以发送一个GET或POST请求，并设置响应类型为blob或arraybuffer，然后使用newBlob()构造函数创建一个二进制文件，最后使用URL.createObjectURL()生成一个可以下载的链接。先看代码importaxiosfrom'axios';//导出Excel文件的函数exportfunctionexportExcel(){
  • 前端框架对比与选择：全面解析前端开发的得力助手 @sinner 技术选型前端前端框架
    一、引言在当今快速发展的互联网时代，前端开发扮演着至关重要的角色。前端框架的出现极大地提高了开发效率、提升了用户体验。然而，市场上存在着众多的前端框架，如React、Vue、Angular等，对于开发者来说，如何在这些框架中做出合适的选择成为了一个关键问题。本文将对一些主流的前端框架进行深入对比，分析它们的特点、优势、劣势以及适用场景，希望能为广大开发者在前端框架的选择上提供有益的参考。二、Rea
  • vue axios跨域请求发送两次问题 左木北鱼
    问题：vueaxios跨域请求，在RequestHeaders加Authorization传递Token时，发现统一请求触发了两次，第一次是RequestMethod:OPTIONS请求。原因：跨域请求时，浏览器会首先使用OPTIONS方法发起一个预请求，判断接口是否能够正常通讯。如果通讯异常，则不会发送真正的请求，如果测试通讯正常，则开始真正的请求。解决方法：后台：判断请求方式是OPTIONS，
  • 2025年面试官常用的前端开发笔试考题 豆豆（前端开发+ui设计） vue.jsjavascript前端面试职场和发展
    填空题(20道)ReactHooks中，用于模拟类组件生命周期componentDidMount的Hook是________。useEffect在Vue3中，使用________API可以替代Vue2中的data和methods。CompositionWebpack的________插件可以帮助将CSS提取到单独的文件中。MiniCssExtractPlugin在JavaScript中，Promi
  • 前端开发好用的AI工具介绍 爱分享的程序员 人工智能AI相关人工智能
    以下是前端开发中提升效率的AI工具推荐，涵盖代码生成、UI设计、调试优化等场景：一、代码生成与辅助工具工具名称特点适用场景GitHubCopilot基于OpenAI，智能代码补全（支持JS/TS/React/Vue）快速生成代码片段、函数逻辑Codeium免费开源，多语言支持，IDE插件丰富（VSCode/WebStorm）代码补全、注释生成AmazonCodeWhispererAWS生态集成，支
  • Github 2024-06-07开源项目日报 Top10
    根据GithubTrendings的统计，今日(2024-06-07统计)共有10个项目上榜。根据开发语言中项目的数量，汇总情况如下：开发语言项目数量Python项目3C++项目3JavaScript项目2JupyterNotebook项目1TypeScript项目1Vue项目1比特币核心：开源比特币软件创建周期：4919天开发语言：C++协议类型：MITLicenseStar数量：76760个F
  • 解决报错：node:internal/errors:496 ErrorCaptureStackTrace(err)； lvchaoq debugvue
    报错信息我使用npminitvue@latest创建项目时出现如下报错node:internal/errors:496ErrorCaptureStackTrace(err);^TypeError[ERR_IMPORT_ASSERTION_TYPE_MISSING]:Module“file:///D:/develop/nodejs/node_cache/_npx/2f7e7bff16d1c534/n
  • webpack将组件vue进行编译混淆，并能正常使用编译之后的文件 web前端神器 vue.js前端javascript
    介绍：我们在开发的过程中有很多组件都需要复用，特别是我们耗费了好几天时间写出来的组件，比如自己写的表格组件，流程图组件等。总之都是自己不断测试，不断编写耗费了大把的精力写的。直接用到自己的项目中倒是无所谓，如果是把自己写的组件给别人，这里就涉及到自己的劳动成功了，特别是项目尾款还没到账的情况下，代码都给别人了对自己是很不利的。所以这节课的内容很重要，教大家如何将自己的写的vue组件用webpack
  • Event Loop 在浏览器和 Node.js 中的区别 阿珊和她的猫 node.js前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、事件循环的阶段浏览器Node.js二、微任务队列的处理浏览器Node
  • 探索 Vue.js 组件的最新特性
    引言：Vue.js作为一款流行的前端框架，始终在不断发展和演进，为开发者带来新的特性和功能，以提升开发效率和用户体验。Vue.js组件是构建Vue应用的基础，其最新特性为开发者提供了更强大的工具和更灵活的开发方式。本文将深入探讨Vue.js组件的一些最新特性，包括组合式API、Teleport、Suspense等，帮助开发者更好地掌握和运用这些特性，从而构建出更加高效、复杂的前端应用。组合式API
  • 【vue-6】Vue3 响应式数据声明：深入理解 ref()
    在Vue3的CompositionAPI中，ref()是最基础也是最常用的响应式数据声明方式之一。它为开发者提供了一种简单而强大的方式来管理组件状态。本文将深入探讨ref()的工作原理、使用场景以及最佳实践。1.什么是ref()？ref()是Vue3提供的一个函数，用于创建一个响应式的引用对象。它可以包装任何类型的值，使其变为响应式数据。import{ref}from'vue'constcount
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他