Abdullahi_kanye
Abdullahi_kanye

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用

一、v-once指令的使用

1、代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- v-once指令：展示第一次的数据，之后值就不会改变了 -->
    <div id='app'>
        <!-- 变量值会随着声明的改变而改变 -->
        <h2>{{message}}</h2>
        <!-- 变量值不会随着声明的改变而改变 -->
        <h2 v-once>{{message}}</h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el:'#app',
            data:{
                message:'hello'
            }
        })
    </script>
</body>
</html>

2、效果展示图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第1张图片

3、代码截图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第2张图片

二、v-html指令的使用

1、代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id='app'>
        <h2>{{url}}</h2>
        <!-- 就会显示出超链接形式 -->
        <h2 v-html="url"></h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el:'#app',
            data:{
                message:'hello',
                url:'百度一下'
            }
        })
    </script>
</body>
</html>

2、效果图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第3张图片

3、代码截图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第4张图片

三、v-text指令的使用

1、代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id='app'>
        <h2>{{message}},张三</h2>
        <!-- 后面的,张三会被覆盖掉 -->
        <h2 v-text="message">,张三</h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el:'#app',
            data:{
                message:'hello'
            }
        })
    </script>
</body>
</html>

2、效果图展示

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第5张图片

3、代码截图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第6张图片

四、v-pre指令的使用

1、代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id='app'>
        <h2>{{message}}</h2>
        <!-- v-pre:不解析数据，直接原封不动的显示出来 -->
        <h2 v-pre>{{message}}</h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el:'#app',
            data:{
                message:'hello'
            }
        })
    </script>
</body>
</html>

2、效果图展示

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第7张图片

3、代码截图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第8张图片

五、v-cloak指令的使用

1、代码部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 如果有v-cloak的时候，页面就看不见东西，空白的。
        就不会像下面会先渲染出{{message}}这么个东西。然后等待一秒后就会显示出解析的hello
        原理：就是vue解析之前有v-cloak这么个属性指令，那么符合下面的style样式，那么就会不显示出{{message}}
             在vue解析之后，会自动删掉v-cloak这个属性指令，那么style样式就没用了，那么就会自动正常解析出hello数据
     -->
    <style>
    [v-cloak]{
        display: none;
    }
    </style>
</head>
<body>
    <!-- 在vue解析之前，div中有一个属性v-cloak ；在vue解析之后，就会相当于把v-cloak删掉了，就没有v-cloak这个属性了 -->
    <div id='app' v-cloak>
        <h2>{{message}}</h2>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        // setTimeout：延迟执行。页面会先渲染出{{message}}，等待一秒后才会解析出hello，体验效果不好，所以要用v-cloak
        setTimeout(function(){
            const app=new Vue({
            el:'#app',
            data:{
                message:'hello'
            }
        })
        },1000)       
    </script>
</body>
</html>

2、效果展示图

由于有个setTimeOut定时方法：所有使用v-cloak指令和不使用会展示出两种不同的效果

（1）没有使用v-cloak指令的时候

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第9张图片

（2）使用v-cloak指令的时候

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第10张图片

3、代码截图

vue_o6_v-once、v-html、v-text、v-pre、v-cloak指令的使用_第11张图片

你可能感兴趣的:(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文件夹中的内容如下我们常常将接口文件，新
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他