前端星人
前端星人

11.组件插槽-具名插槽-作用域插槽

组件插槽

  • 一、具名插槽
  • 二、作用域插槽(slot-scope)

一、具名插槽

组件插槽的作用：父组件向子组件传递内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <layout-item>
        <template>//不显示的标签
            <h1 slot="header">我是标题</h1>
        </template>
        <p>我是内容</p>//匹配没有命名的slot
        <span slot="footer">我是底部</span>
    </layout-item>
</div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    Vue.component('layout-item',{
        template:`
			

		       

		            
		        

		        

		            
		        

		        

		            
		        

			

        `
    })
    const vm =new Vue({
        el:'#app'
    })
</script>


</body>
</html>

实现效果：
11.组件插槽-具名插槽-作用域插槽_第1张图片

二、作用域插槽(slot-scope)

应用场景：父组件对子组件的内容进行加工处理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .current{
            color: #42b983;
        }
    </style>
</head>
<body>
<div id="app">
    <layout-item :fruitlist="list" >
        <template slot-scope="fruitProps">
            <h1 v-if='fruitProps.info.id==2' class="current">{{fruitProps.info.name}}</h1>
            <span v-else>{{fruitProps.info.name}}</span>
        </template>
    </layout-item>
</div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    Vue.component('layout-item',{
        props:['fruitlist'],
        template:`
        

             
    
                 
  • 
                    {{item.name}}
                 
    • 
             

        

        `
    });
    const vm = new Vue({
        el:'#app',
        data:{
            list:[
                {id:1,name:'apple'},
                {id:2,name:'orange'},
                {id:3,name:'banana'}
            ]
        }
    })
</script>

</body>
</html>

你可能感兴趣的:(vue专栏)

  • 【零基础入门VUE】VueJS - 模板 心兰相随引导者 VUE零基础教学vue.js前端javascript
    ✍面向读者：所有人✍所属专栏：零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html我们在前面的章节中学习了如何在屏幕上以文本内容的形式输出。在本章中，我们将学习如何在屏幕上以HTML模板的形式获取输出。为了理解这一点，让我们考虑一个示例并查看浏览器中的输出。VueJsInstanceFirstname:{{firstnam
  • vue保姆级教程----深入了解 Vue3路由守卫 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言全局前置守卫全局解析守卫全局后置钩子路由独享守卫组件内守卫完整的导航解析流程实现原理实现机制全局守卫组件内守卫next函数总结✨结语✨前言导航守卫是VueRouter中非常重要的一
  • krpano官网文档翻译-------嵌入【Embedding】 前端讲堂-鸿蒙课堂 krpanoembeddingjavascript前端
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言脚本包括查看器嵌入embedpano({...embeddingparameters...});嵌入参数xml:"krpano.xml"target:...背景:“#000000”
  • vue保姆级教程----深入了解 Vue3计算属性 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言计算属性基础与方法的区别计算属性获取器与设置器在模板中使用监听依赖变化计算属性的实现原理设置setter的原理响应式依赖✨结语✨前言计算属性是Vue中非常重要也很实用的一个功能。它
  • JavaScript排序算法大解密 - 冒泡、选择、插入、快速排序全解析 前端讲堂-鸿蒙课堂 JavaScript保姆级教程javascript排序算法开发语言前端
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！目录✨前言冒泡排序选择排序插入排序快速排序✨结语✨前言排序是计算机科学中一个经典的问题。良好的排序算法可以大大提高程序的性能。本文将全面解析几种JavaScript中的经典排序算法实现,包括冒泡排序、选择排序
  • vue保姆级教程----深入了解 Vue3与Vue2的区别对比 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言一、性能提升二、组合式API三、新增特性四、移除过滤器五、移除事件API六、新增CompositionAPI七、tree-shaking支持八、调整部分API命名九、新的全局API
  • krpano官网文档翻译-------krpano XML参考【krpano XML Reference】 前端讲堂-鸿蒙课堂 krpanovue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言一、xml语法基本的XML结构关于本文档krpanoXML结构特殊的krpanoXML元素和属性✨结语✨前言Krpano使用简单的XML文本文件来存储Krpano查看器的设置。这些
  • Canvas保姆级教程----深入解析HTML5 Canvas工作原理和常用方法 前端讲堂-鸿蒙课堂 vuehtml5前端html
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言一、Canvas工作原理1、获取Canvas元素2、获取渲染上下文3、绘图方法4、渲染动画二、坐标系统三、常用绘图方法1、绘制矩形2、绘制路径3、绘制圆弧arc()4、绘制图像dr
  • vue保姆级教程----深入了解Vuex的工作原理 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言Vuex的几个核心概念Vuex工作原理✨结语✨前言Vuex是一个专门为Vue.js设计的状态管理模式。它采用集中式存储管理应用程序的所有组件的状态,并以相应的规则保证状态以一种可预
  • 手把手带你开发Cesium三维场景【3D智慧城市警情预警】 前端讲堂-鸿蒙课堂 vue3d智慧城市人工智能
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！效果演示警情模拟示例✨一、前言本文主要用于构建Cesium三维地图场景，主要实现了以下功能:1、初始化三维地图控件使用Cesium.Viewer和Cesium.Scene等对象初始化三维地图
  • 前端优化 - 防抖和节流 前端讲堂-鸿蒙课堂 vue前端vue.jsjavascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言防抖(debounce)节流(throttle)✨结语✨前言在前端开发中,我们经常需要绑定处理函数到一些频繁触发的事件上,如scroll、resize、input等。如果事件处理函
  • vue保姆级教程----组件之间的参数传递 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！文章目录✨前言✨实用示例1.props和$emitprops$emit2.$parent和$children$parent$children3.Provide/Inject4.Vuex✨结语
  • vue保姆级教程----深入了解 Vue Router的工作原理 前端讲堂-鸿蒙课堂 vuevue.js前端javascript
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言✨vue-router详解vue-router的组成部分前端路由的两种模式导航解析流程路由信息对象✨结语✨前言VueRouter是Vue.js的官方路由管理器,它与Vue.js核心
  • 【零基础入门VUE】VueJS - 模板 心兰相随引导者 VUE零基础教学vue.jsjavascript前端
    ✍面向读者：所有人✍所属专栏：零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html我们在前面的章节中学习了如何在屏幕上以文本内容的形式输出。在本章中，我们将学习如何在屏幕上以HTML模板的形式获取输出。为了理解这一点，让我们考虑一个示例并查看浏览器中的输出。VueJsInstanceFirstname:{{firstnam
  • 【零基础入门VUE】在 Vue 中构建复杂表单 心兰相随引导者 VUE零基础教学vue.js前端javascript
    ✍面向读者：所有人✍所属专栏：零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html目录v-modelVue中的指令Vue中的组件没有构建步骤随着构建步骤注册VUE组件Vue道具VUE中的道具声明在VUE中传递PROPSVue中的事件处理事件修饰符关键修饰符指令v-for_列表渲染v-for与组件一起使用在VUE中构建复杂的
  • 【零基础入门VUE】VueJS - 实例 心兰相随引导者 VUE零基础教学vue.js前端javascript
    ✍面向读者：所有人✍所属专栏：零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html目录句法vue_instance.js输出例子输出实施例1实施例2例子例子要开始使用VueJS，我们需要创建Vue实例，称为根Vue实例。句法varapp=newVue({//options})让我们看一个示例来了解Vue构造函数中需要包含哪
  • nrm的保姆级使用教程 前端讲堂-鸿蒙课堂 vuevue.js前端javascriptnpmnode.js
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里CSS专栏：想学CSS的，冲这里Krpano专栏：想学VUE的，冲这里上述专栏，都在不定期持续更新中！！！！！！！！！！！！！目录✨前言✨什么是nrm✨安装nrm✨使用nrm查看可用的源增加自定义源删除自定义源测试源的响应时间✨进阶应用nrm的registry配置永久使用源nrm的权限控制与yarn结合使用使用nr
  • 【零基础入门VUE】VueJS - 环境设置 心兰相随引导者 VUE零基础教学vue.js前端javascript
    ✍面向读者：所有人✍所属专栏：零基础入门VUE专栏https://blog.csdn.net/arthas777/category_12537076.html直接在HTML文件中使用标签访问VueJS的主页https://vuejs.org/v2/guide/installation.html并根据需要下载vue.js。有两个版本可供使用——生产版本和开发版本。开发版本未最小化，而生产版本已最小化
  • 纯CSS的华为充电动画，它来了 前端讲堂-鸿蒙课堂 CSS动画css前端javascriptcss3
    鸿蒙专栏：想学鸿蒙的，冲C语言专栏：想学C语言的，冲VUE专栏：想学VUE的，冲这里Krpano专栏：想学Krpano的，冲上述专栏，都在不定期持续更新中！！！！！！！！！！！！！文章目录✨关键点✨效果演示✨分析逻辑✨下面附上完整代码✨关键点拆解一下知识点，最主要的其实是用到了filter:contrast()以及filter:blur()这两个滤镜，可以很好的实现这种融合效果。单独将两个滤镜拿出
  • Vue快速实践总结 · 上篇 十八岁讨厌编程 #Vue2Vuevue.js前端javascript
    文章目录模板语法数据绑定事件处理计算属性监视属性（监听器）条件渲染列表渲染数据监视原理内置指令总结生命周期组件化编程组件使用步骤组件的嵌套this指向单文件组件ref、props脚手架(VueCLI)render函数参考自己的Vue专栏以及Vue官方文档模板语法Vue使用一种基于HTML的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模板都是语法层面合法的HTML
  • 【django+vue】连接数据库、登录功能 zz的学习笔记本 Djangodjangovue.js数据库
    笔记为自我总结整理的学习笔记，若有错误欢迎指出哟~【django+vue专栏】1.【django+vue】项目搭建、解决跨域访问【django+vue】连接数据库、登录功能django连接数据库1.安装MySQL驱动程序2.创建数据库3.配置settings.py文件4.创建表5.添加数据登录功能1.django实现登录功能URL映射视图函数2.vue实现登录功能需要用到的扩展或依赖vue-rou
  • Vue3+element-plus+vite 组件的二次封装-- 组件库发布到npm Penk是个码农 vue组件封装npmvue.jsjavascript
    Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏：点击此处Vue2vsVue3专栏：点击此处Typescript专栏：点击此处组件库开发流程Vue组件库专栏会按顺序执行一下流程，不断完善组件库开发流程Vue3+element-plus+vit
  • vue基础知识和原理（二） 糖^O^ vuevue.jsjavascript
    vue专栏：Vue全家桶希望各位博主多多支持！！！vue基础知识和原理（二）1.8计算属性1.9键盘事件1.10监视属性1.11绑定样式class样式style样式1.12条件渲染v-ifv-show1.13列表渲染v-for指令1.14vue监测data中的数据1.15收集表单数据1.8计算属性定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助了Objcet.definePropert
  • Vue3+ts+element-plus 组件的二次封装-- 新增修改Form弹框的二次封装，通过JSON进行配置Form表单，实现高内聚低耦合 Penk是个码农 vue组件封装vue.jsjavascript前端
    Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏：点击此处Vue2vsVue3专栏：点击此处Typescript专栏：点击此处组件库开发流程Vue组件库专栏会按顺序执行一下流程，不断完善组件库开发流程Vue3+element-plus+vit
  • Vue3+ts+element-plus 组件的二次封装-- 头部搜索条件的封装 Penk是个码农 vue组件封装vue.jsjavascript前端
    Vue常用笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏：点击此处Vue2vsVue3专栏：点击此处Typescript专栏：点击此处组件库开发流程Vue组件库专栏会按顺序执行一下流程，不断完善组件库开发流程Vue3+element-plus+v
  • Vue3+ts+element-plus 组件的二次封装-- 页脚分页el-pagination的二次封装 Penk是个码农 vue组件封装vue.jsjavascript前端
    Vue笔记本人是一个web前端开发工程师，主要是vue框架，整理了一些Vue常用的技术，一方面是分享，一方面是做总结，今后也会一直更新，有好建议的同学欢迎评论区分享;-）Vue专栏：点击此处Vue组件库专栏：点击此处Vue2vsVue3专栏：点击此处Typescript专栏：点击此处组件库开发流程Vue组件库专栏会按顺序执行一下流程，不断完善组件库开发流程Vue3+element-plus+vit
  • VUE使用el-ui关于el-table添加输入框自定义校验（VUE专栏二） 缤纷之夏 extsdlprocessingcolorloadrunner
    如图所示，在table表中，输入框填入后提交，校验输入框{{item.row.unit}}exportdefault{data(){return{isCommit:false,request:{adminShopId:'',adminShopName:'',remark:'',storeAddress:'',jsonStr:'',prodlist:[]},data:[],}},created(){
  • vue3项目实战中的接口调用方法（二）fetch用法 （前后端交互） get请求/post请求/put请求/delete请求 Dorable_Wander Vuejavascript前端ajaxvue.jsjson
    vue3项目实战fetch调用接口一文搞定点击进入vue专栏fetch概述fetch基本用法fetch的HTTP请求get请求delete请求post请求put请求方式fetch响应结果/格式summary点击进入vue专栏上期推文中讲述了vue3项目实战中接口调用的方法（一）点击即可复习，介绍了async/await调用接口的过程和方法。从本期文章开始将会不定时更新vue3项目实战中接口调用的三
  • VUE 实现滑块验证 ① SYFStrive VUEvue.js前端javascript
    @作者:SYFStrive@博客首页:HomePage：微信小程序：个人社区（欢迎大佬们加入）：社区链接：觉得文章不错可以点点关注：专栏连接：感谢支持,学累了可以先看小段由小胖给大家带来的街舞VUE专栏（）目录VuejsVuejsVuejs滑块图示结构框架Html结构Css结构JS结构完整代码实现效果总结⡖⠒⠒⠒⠤⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀⡼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢶
  • vue3项目实战中的接口调用 XSL_HR Vuevue.js前端typescript前端框架
    vue项目中的接口调用点击挑战vue专栏复习vue项目组成接口调用具体内容summary下期预告跨域问题的解决接口调用fetchasync/awaitaxios点击挑战vue专栏复习在企业开发过程中，有着明确的前后端分工，前端负责接收、使用接口，后端负责编写、处理接口。本期文章将会详细讲解如何使用接口。vue项目组成一个项目往往由这几个部分组成。其中在src文件夹中的内容如下我们常常将接口文件，新
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第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/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他