北国猫蜜嗨
北国猫蜜嗨

Vue学习笔记3-高级知识

  • 注意: 撰写本文目的主要是为了给自己做一个备忘录，如果你学过vue并且希望从本文中找到一些忘记的知识点，那么你可以阅读本文章。由于文章内讲解并不是很多，因此此文章并不适合小白入门使用。

8.生命周期

  • 每个Vue实例创建时，都会经历一系列的初始化过程，同时也会调用相应的生命周期钩子，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。
  • 常用的钩子:
    create: 实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载，$el还不可用，需要初始化处理一些数据时会比较有用。
    mounted: el挂载到实例上后调用，一般我们的第一个业务逻辑会在这里开始。
    beforeDestory: 实例销毁之前。主要解绑一些使用addEventListener监听的事件

示例代码:

  <div id="test">
    <button @click="killVM">killvmbutton>  
    <p v-show="isShow">王顺顺p>
  div>

  <script type="text/javascript">
    new Vue({
      el: '#test',
      data: {
        isShow: true
      },

      mounted() {                  //初始化之后立即调用(1次)
        this.intervalId = setInterval(() => { //如果用function的话,this就是指window
          this.isShow = !this.isShow
            console.log("---------");
        }, 1000)
      },

      beforeDestroy() {            //死亡时前调用一次
          //清除定时器
          clearInterval(this.intervalId)
      },

      methods: {
          killVM() {
              this.$destroy()       //但是停止之后会有内存泄漏，定时器仍然在执行，需要清除定时器
          }
      }
    })
  script>

9.过滤器

  • 过滤器主要用于数据的格式化，例如格式化日期。

前端页面展示:
Vue学习笔记3-高级知识_第1张图片
前端代码:

<div id="test">

    <h2>显示格式化的日期时间h2>
    <p>{{date}}p>
    <p>完整版:{{date | dateString}}p>
    <p>日期:{{date | dateString('YYYY-MM-DD')}}p>
    <p>时间:{{date | dateString('HH:mm:ss')}}p>
    

div>

js代码:

<script>
    //自定义过滤器
    Vue.filter('dateString', function (value, format) {
      return moment(value).format(format || 'YYYY-MM-DD HH:mm:ss')
    })
    // Vue.filter('dateString', function (value, format='YYYY-MM-DD HH:mm:ss') {
    //   return moment(value).format(format)
    // })

    new Vue({
      el: '#test',
      data: {
        date: new Date()
      }
    })
script>

10.指令

10.1.基础使用


<style>
    [v-cloak] {
      display: none;
      /*配合实现 v-cloak*/
    }
style>



<div id="example">
    <p ref="content">xztywss.topp>
    <button @click="hint">提示button>

    
    <p v-cloak>{{msg}}p> //v-cloak 防止闪现 需要配合css实现
div>



<script>
    new Vue({
        el: '#example',
        data: {
            msg: "wss"
        },
        methods: {
            hint() {
                alert(this.$refs.content.textContent) //textContent = innerhtml
            }
        }
    })
script>

10.2.注册指令

  • 没有太多需要解释的，这里仅仅给出一段示例代码，想了解更多请百度搜索吧！

示例代码:

<body>

    


    <div id="test1">
        <p v-upper-text="msg1">p>
        <p v-lower-text="msg1">p>
    div>

    <div id="test2">
        <p v-upper-text="msg2">p>
        <p v-lower-text="msg2">p>
    div>

    <script>
        //定义全局指令
        //el 指令属性所在的标签对象
        //binding 包含指令相关信息数据的对象
        Vue.directive('upper-text', function (el, binding) {
            console.log(el, binding)
            el.textContent = binding.value.toUpperCase()
        })

        new Vue({
            el: '#test1',
            data: {
                msg1: 'NBA I Love This Game'
            },

            //局部指令
            directives: {
                // 'lower-text': function (el, binding) {
                //     el.textContent = binding.value.toLowerCase()
                // }
                'lower-text'(el, binding) {
                     el.textContent = binding.value.toLowerCase()
                }
            }
        })

        new Vue({
            el: '#test2',
            data: {
                msg2: 'Just Do It！'
            }
        })
  script>

body>

11.插件

  • 合理地使用插件能使我们做项目的过程中达到事半功倍的效果，此处给出一个简单示例

简单实例:

<body>

    <div id="test">
        <p v-my-directive="msg">p>
    div>

    <script type="text/javascript">
        //声明使用插件
        Vue.use(MyPlugin) //内部会执行MyPlugin.install(Vue)

        Vue.myGlobalMethod()


        const vm = new Vue({
            el: '#test',
            data: {
                msg: 'I Love You!'
            }
        })
        vm.$myMethod();
    script>

body>

你可能感兴趣的:(Vue学习笔记完整版)

  • 《花都狂少》章小贝小说免费阅读【花都狂少TXT】完整版 九月文楼
    《花都狂少》章小贝小说免费阅读【花都狂少TXT】完整版主角：章小贝简介：开光师，是一种专门给新娘破瓜的职业。在我们那里，我被逼着做了一名开光师，专门做那些新郎官不敢做的事。一开始我很抵触，更怕早死。可是当我真的做了一次以后，就开始欲罢不能起来。小姐姐，别走，今晚，破瓜！关注微信公众号【风车文楼】去回个书号【267】，即可阅读【花都狂少】小说全文！“你怎么流鼻血了？”灵琴清惊讶的问。咳咳，我尴尬的咳
  • 《大小姐她疯批又娇惹，侍卫动心了》虞洛厉骁全文免费阅读完整版 云轩书阁
    《大小姐她疯批又娇惹，侍卫动心了》虞洛厉骁全文免费阅读完整版主角：虞洛厉骁简介：“我这是，穿书了？”救命！穿书就穿书吧，怎么还穿成了虐男主千百遍的疯批女配？关注微信公众号【旺精灵】去回个书號【7733】，即可阅读【大小姐她疯批又娇惹，侍卫动心了】小说全文！第10章：虞洛差不多有些困了，在书中的生活比她在现实生活中难熬多了。她现在只想爬上床睡一觉。说不定睁开眼睛之后，会发现这里的一切只是一场梦。把所
  • 【Python】数据结构,链表,算法详解 AIAdvocate python数据结构链表排序算法广度优先深度优先
    今日内容大纲介绍自定义代码-模拟链表删除节点查找节点算法入门-排序类的冒泡排序选择排序插入排序快速排序算法入门-查找类的二分查找-递归版二分查找-非递归版分线性结构-树介绍基本概述特点和分类自定义代码-模拟二叉树1.自定义代码-模拟链表完整版"""案例:自定义代码,模拟链表.​背景: 顺序表在存储数据的时候,需要使用到连续的空间,如果空间不够,就会导致扩容失败,针对于这种情况,我们可以通过链表实现
  • 《快穿: 大佬心尖宠又要作妖了》梨初许言全文在线阅读（完整版） 云轩书阁
    《快穿:大佬心尖宠又要作妖了》梨初许言全文在线阅读（完整版）主角：梨初许言简介：我穿越了，但是我给人当了四年舔狗才想起这事。一朝恢复记忆，我一心只想搞钱，至于太子？我可去你的吧！关注微信公众号【旺精灵】去回个书號【9524】，即可阅读【快穿大佬心尖宠又要作妖了】小说全文！第18章：梨初心道不好，抬头望向江星竹，果然对方脸色阴沉，又难过，手不安的捏着她衣裙。目光可怜。梨初安抚的摸摸他脑袋，对着玉佩回
  • 《替嫁医妃狠翻天》温思语秦砚小说完整版（结局已上线） 云轩书阁
    《替嫁医妃狠翻天》温思语秦砚小说完整版（结局已上线）主角：温思语,秦砚简介：一朝穿越，为了保命，温思语无奈替嫁给了被称为煞神的应王——秦砚。可关注微信公众号【才精灵】去回个书號【2864】，即可免费阅读【替嫁医妃狠翻天】小说全文！李管事这笑里藏刀的说话方式，简直让温思语都忍不住在心里竖起大拇指，明明是和和气气的模样，说的话却威胁十足，令人忍不住后背发毛。不愧是煞神身边的人，还真是阎王身边无小鬼啊。
  • 信号与线性系统分析第4版吴大正课后习题答案 zgw100xuexi 考试信号与线性系统分析课后答案
    完整版：http://zgw.100xuexi.com/SubItem/IndexInfoDetail.aspx?id=1d9ef631-a09d-4893-bb2f-597c745f5803第1章信号与系统1.1复习笔记本章是信号分析与系统分析的基础，详细介绍了信号与系统的概念与分类方法以及常用的连续信号与离散信号，讨论了冲激函数和冲激偶函数的重要性质，介绍了线性时不变（LTI）系统的特性，简要
  • vue学习笔记——关于对Vue3 ref(), toRef(), toRefs(), unref(), isRef(), reactive()方法的理解。 chen_sir_sh vue学习笔记javascript前端vue
    VUE3出现了很多新的API，下面是自己的一些理解进行的总结。欢迎大家一起交流补充。ref()使用ref创建一个数据类型，ref有value这个属性constname1={age:"14",name:"bob1"};constname2=ref({name:"bob2"});//使用ref创建一个数据类型相对于reactive，ref有value属性name2.value="bob3"consol
  • 《顾总，夫人已有新欢》顾霆均叶微澜（完整版）全文在线阅读 小说推书
    《顾总，夫人已有新欢》顾霆均叶微澜（完整版）全文在线阅读主角：顾霆均叶微澜简介：结婚三年，她全心全意待他，他却冷若冰霜，有朝一日他白月光高调回归，她乍然梦醒，甩下一纸离婚协议书洒脱而去，看着她投入别人的怀抱，他情不自禁回味这段逝去的婚姻，她却已经忘记过去活出精彩，她是可以起死回生的“影子神医”，也是北城首富没有公开的小女儿，更是那个早已经不知不觉走进他心底真正的心尖宠儿，顾霆均看着前妻众星拱月，白
  • 《第一红人》钟德兴于欣然（完整版小说）全文在线阅读 小说推书
    《第一红人》钟德兴于欣然（完整版小说）全文在线阅读主角：钟德兴于欣然简介：大学毕业后，钟德兴一边在姐姐的水果店卖水果，一边考公。结果，连考了几年都没考上。这年，他再次考公，笔试拿了第一却险些被刷下。幸得贵人帮助，得以成功，人生从此开挂……可关注微信公众号【风车文楼】去回个书号【202】，即可免费阅读【第一红人】全文！“这位同志，是这么回事！”方超平解释说，“我是县蔬菜公司的，这人和他姐租我们公司的
  • 《反派后娘种田忙》乔连连小说全文免费阅读【完整版】 云轩书阁
    《反派后娘种田忙》乔连连小说全文免费阅读【完整版】主角：乔连连简介：一朝穿越，竟然成了别人的后娘，而且几个孩子，个个都长成了大反派。究其原因，是因为这个后娘太坏太狠太不靠谱。关注微信公众号【云精灵】去回个书號【713】，即可阅读【反派后娘种田忙】小说全文！乔连连娘俩抬着羊回到家，就开始着手杀羊。一般人家的农妇是不敢杀羊的，但凡是大型一点的动物都得找专门的屠夫。但乔连连却不怕，前世在乔家，她研究了二
  • git log 中文乱码解决（完整版） ferryCoder gitlinuxcentoswindow
    gitconfig--globalcore.quotepathfalsegitconfig--globalgui.encodingutf-8gitconfig--globali18n.commit.encodingutf-8gitconfig--globali18n.logoutputencodingutf-8#bash环境下(临时生效)：exportLESSCHARSET=utf-8#cmd环境
  • python绝技运用python成为顶级pdf_python绝技：运用python成为顶级黑客 中文pdf完整版[42MB]... weixin_39851261
    Python是一门常用的编程语言，它不仅上手容易，而且还拥有丰富的支持库。对经常需要针对自己所处的特定场景编写专用工具的黑客、计算机犯罪调查人员、渗透测试师和安全工程师来说，Python的这些特点可以帮助他们又快又好地完成这一任务，以极少的代码量实现所需的功能。Python绝技：运用Python成为顶级黑客结合具体的场景和真实的案例，详述了Python在渗透测试、电子取证、网络流量分析、无线安全、
  • 《逍遥人生》魏兰小说免费阅读【逍遥人生TXT】完整版 九月文楼
    《逍遥人生》魏兰小说免费阅读【逍遥人生TXT】完整版主角：魏兰简介：我的妻子长得很漂亮，身材曼妙，温柔贤惠。可是在夫妻生活方面，却有些冷淡和枯燥。关注微信公众号【千米文楼】去回个书号【57】，即可阅读【逍遥人生】小说全文！我的妻子长得很漂亮，身材曼妙，温柔贤惠。可是在夫妻生活方面，却有些冷淡和枯燥。“呀……你怎么看这种电影，真是个变态！”“我也不想啊，”我无奈道。这个原因让我哭笑不得。我这方面确实
  • 《金丝樊笼》程莹傅辰傅元致(金丝樊笼小说)全文在线阅读完整版 小说推书
    《金丝樊笼》程莹傅辰傅元致(金丝樊笼小说)全文在线阅读完整版主角：程莹傅辰傅元致简介：我在打发“养”了一年多的小弟弟，被初恋撞见。最让我难堪的是，小弟弟是我照着初恋的模子找的。我被他拖上车后排：「程大小姐喜欢替身文学，我不反对，但是搞我弟是不是太不道德了？」关注微信公众号【花粉书楼】去回个书号【60】，即可阅读【金丝樊笼】小说全文！第13章我扯了扯嘴角，实在没忍住极其讽刺地看向傅辰：「委托书已经签
  • 《狂龙泣血》苏炎小说全文免费阅读【完整版】 寒风书楼
    《狂龙泣血》苏炎小说全文免费阅读【完整版】主角：苏炎简介：六年前，家族覆灭，得仙法传承，藏隐一隅。六年后，绝世狂龙归来，拥美人，霸天下，让整个世界在脚下匍匐颤抖。可以关注微信公众号【九月文楼】去回个书號【169】，即可免费阅读【狂龙泣血】小说全文！夏韵看着面前的苏炎，有些疑惑，因为他觉得眼前的苏炎有点眼熟，可是又想不起来是谁。这种感觉很怪。“怎么看着你有点眼熟呢，算了，肯定是我眼花了，你是来推销偏
  • 《三分瘾》白音洛周庭柯（三分瘾小说）完整版全文免费阅读 云轩书阁
    《三分瘾》白音洛周庭柯（三分瘾小说）完整版全文TXT阅读主角：白音洛周庭柯简介：做了周庭柯的舔狗六年，也没换来他回眸一顾。久别重逢，那个女孩笑着告诉我：不被爱的才是第三者。他笑着牵起了她的手。那一刻我才知道，所有的真心都是笑话。直到我选择放下，带上别人的婚戒时，他才红着眼说：别走，求你。我的爱意燃尽，他却引起了火。关注微信公众号【看精灵】去回个书號【291】，即可阅读【三分瘾】小说全文！第8章我反
  • 《邪王娇宠替嫁医妃飒爆了》（完整版）全文免费阅读 云轩书阁
    《邪王娇宠替嫁医妃飒爆了》（完整版）全文免费阅读主角：洛清渊傅尘寰【邪王娇宠替嫁医妃飒爆了】可以关注微信公众号【云精灵】去回个书號【223】，即可免费阅读【邪王娇宠替嫁医妃飒爆了】全文！傅尘寰整个人浑身一僵。洛海平闻言震怒，摄政王全家是谁？那是皇上，那是皇族！他厉声呵斥：“洛清渊，你胡说八道什么！诅咒皇上，对皇室不敬，你知道是多大的罪吗？你是不是存心要害死丞相府！”洛清渊冷笑，笑的眼泪和鲜血不停的
  • 《双镜》夏希宋忆小说免费阅读【双镜TXT】完整版 海边书楼
    《双镜》夏希宋忆小说免费阅读【双镜TXT】完整版主角：夏希宋忆简介：我和宋忆相依为命十七年，当了他十七年的狗，十七年说一不二的金丝雀。我因为他的折磨患上精神疾病，他却从不肯多看我一眼；我在大雪里等了他一夜，他却抱着另一个女人转身离去；这么多年痴心，最后只换来他一句“妄想”。后来我跑路了，我遇到了属于自己的救赎，斩断所有对他的执念，跑得彻彻底底。然而，宋忆却开始发疯一样得找我，他说他爱我……多好笑，
  • 《染欢》洛心葵周妄小说免费阅读【染欢TXT】完整版 海边书楼
    《染欢》洛心葵周妄小说免费阅读【染欢TXT】完整版主角：洛心葵周妄简介：被闺蜜和老公卖到缅北后，缅北密宗要把我炼成肉骨柴。为了活命，我不得不攀上这里最有权有势的爷，谋他的一分情……可关注微信公众号【花粉书楼】去回个书号【16】，即可免费阅读【染欢】全文！“知道了，我去一趟。”他看了我一眼，捏灭指尖的烟火，对蛇母说：“你把规矩和那个交给她，我回来继续。”哪个？我不解，十七爷直接从衣柜里翻出一套西装穿
  • 《天骄鸿途》叶鸣全文免费阅读-完整版 云轩书阁
    《天骄鸿途》叶鸣全文免费阅读-完整版主角：叶鸣简介：叶鸣冲冠一怒为红颜，暴打骚扰美女同事的上司，受到记大过处分，并被下岗半年。可关注微信公众号【纯精灵】去回个书號【2510】，即可免费阅读【天骄鸿途】小说全文！叶鸣反应极快，在陈怡冲进来的一瞬间，立即就关闭了她的*空间页面，抬起头惊讶地看着*桌上痛哭的陈怡，见她头发有点*，*肩膀上的肩章被扯得歪歪扭扭，好像刚刚和人打了一架一样，心里立即猜到发生了什
  • Unity Apple Vision Pro 开发（七）：UI 交互 + 虚拟键盘 YY-nb #UnityAppleVisionPro开发applevisionprouiunity
    XR开发者社区链接：SpatialXR社区：完整课程、项目下载、项目孵化宣发、答疑、投融资、专属圈子课程试看：https://www.bilibili.com/video/BV1fS421X7fn完整版课程，答疑仅社区成员可见，可以通过文章开头的链接加入社区。课程内容：使用Unity内置的UGUI搭建UI面板在远距离和近距离与UI进行交互UI按钮点击事件的使用调用VisionPro的系统键盘
  • 《万人嫌被读心后，全家杀疯了》江眠眠贺景宴全文免费阅读【完整版】 九月文楼
    《万人嫌被读心后，全家杀疯了》江眠眠贺景宴全文免费阅读【完整版】主角：江眠眠贺景宴简介：江眠眠穿书了，穿成了爹不疼、娘不爱，被女主陷害，还被皇子砍头的可怜小炮灰。养女女主被全家人捧在手心里宠爱，却和男主一起，陷害养父丞相意图谋反，全家满门抄斩。男主登基，封女主为后，十里红妆，羡煞天下人。可关注微信公众号【花粉书楼】去回个书号【17】，即可免费阅读【万人嫌被读心后，全家杀疯了】全文！围猎结束，皇帝和
  • 快穿小世界：绝色美人她好孕连连（青宁新书）全文在线阅读完整版 云轩书阁
    快穿小世界：绝色美人她好孕连连（青宁新书）全文在线阅读完整版主角：青宁简介：“搜索到宿主正在绑定生子系统……”省吃俭用辛苦攒钱，本来想旅行。我却在下一秒出了车祸，身体已经被车撞的稀巴烂。如果不绑定生子系统不去完成生子任务，我已经死翘翘了。关注微信公众号【旺精灵】去回个书號【9494】，即可阅读【快穿小世界：绝色美人她好孕连连】小说全文！第20章：想当初，她进宫时也不得圣宠。皇上并不重色，刚登上帝位
  • 《王爷太能作》叶歆叶非予小说免费阅读【王爷太能作TXT】完整版 海边书楼
    《王爷太能作》叶歆叶非予小说免费阅读【王爷太能作TXT】完整版主角：叶歆叶非予简介：谢家贤王没什么别的爱好，就喜欢没事给自己树立对手、培养敌人，仗着身份，用正大光明的理由，对她行丧心病狂之事！贤王德佑，奉赐天予，狗屁呢。一朝穿越，慕沉川险两身陨命，什么嫡姐庶妹，公主皇妃？抱歉，从前的那只小兔子早被那男人杀身诛心，现在的这只，可是会狐假虎威的小野猫。“你说我今天怎么对你才好？”“随便你，这一百日，都
  • 《南烟也曾向北城》顾南烟陆北城~小说完整版大结局在线阅读 海边书楼
    《南烟也曾向北城》顾南烟陆北城~小说完整版大结局在线阅读主角：顾南烟陆北城简介：结婚两年，顾南烟一心想完成任务生个孩子，陆北城却冷漠道：“给我生孩子，顾南烟你还不够资格。”一怒之下，她一纸离婚协议欲想结束时，那头却回应：“陆太太，陆先生今晚回来过夜！”可关注微信公众号【九月文楼】去回个书号【319】，即可免费阅读【南烟也曾向北城】全文！第11章“甜。”顾南烟：“那你还不心动，还不和我生孩子。”打横
  • 《渣爹出轨我抓人，坑爹能手第一人》江秋映凌玖玖小说全集阅读完整版 云轩书阁
    《渣爹出轨我抓人，坑爹能手第一人》江秋映凌玖玖小说全集阅读完整版主角：江秋映凌玖玖描述:上一世我被渣爹和后妈坑惨了。这次，我重新回到撞破渣爹和后妈奸情那一天。不过，我决定先按兵不动，放过那对狗男女，徐徐图之……关注微信公众号【旺精灵】去回个书號【7748】，即可阅读【渣爹出轨我抓人，坑爹能手第一人】小说全文！第10章：“姐，姐！吃饭了，小姑叫咱回后院吃饭。”凌玖玖睁开眼，凌清的小脸扑入眼帘。天大亮
  • 《天命邪少》刘阳夏晴小说免费阅读【天命邪少TXT】完整版阅读 九月文楼
    《天命邪少》刘阳夏晴小说免费阅读【天命邪少TXT】完整版阅读主角：刘阳夏晴简介：她叫夏晴，刚满三十岁，因为今天生日，所以下班后，老公就陪她来吃饭看电影。可以关注微信公众号【小白文楼】去回个书號【16】，即可免费阅读【天命邪少】小说全文！你疯了，这里可是商场，人来人往的，被人看见怎么办，回家再说！哎呀，你就放心吧，这儿不会有人来的，旁边还有个仿真模特挡着，没事。一男一女从电影院出来，男的拖着女的就朝
  • 《万千风情》段雅馨林小涛小说免费阅读【万千风情TXT】完整版 海边书楼
    《万千风情》段雅馨林小涛小说免费阅读【万千风情TXT】完整版主角：段雅馨林小涛简介：段雅馨今年28岁，正是如狼似虎的年纪。关注微信公众号【寒风书楼】去回个书号【244】，即可阅读【万千风情】小说全文！段雅馨今年28岁，正是如狼似虎的年纪。人长得很漂亮，172的模特身高，走到哪里都是男人目光的焦点。奈何老公长期出差，无法给她一个正常的夫妻生活，每一次她都用泡澡的方式，压制内心的浴火。今天也不例外。段
  • Go入门指南(The Way to Go) 完整版PDF book_longker 资源golangpdf开发语言
    TheWayToGo可以说是入门Go的经典书籍，这本书有内容丰富各种资料链接，这是截止到目前，大叔看到的写得最好的go语言教材，非常详细.一口气读下来，舍不得放手，大叔强烈推荐你去学习百度网盘分享
  • 《残花败柳》翁颖邵驰小说【虔徒翁颖邵驰】全文在线阅读完整版 九月文楼
    《残花败柳》翁颖邵驰小说【虔徒翁颖邵驰】全文在线阅读完整版主角：翁颖邵驰简介：花花世界，渣男渣女，世人只见灯红酒绿，不见其长头磕地，匍匐为祈。一祈人生只若初见；二祈白首不离；三祈黄粱一梦，梦无醒时；不是不信爱情，只是不信永远，每个人都是虔诚的信徒，只是磕着磕着，猛然抬头，原来早已背道而驰。可关注微信公众号【花粉书楼】去回个书号【53】，即可免费阅读【残花败柳】全文！第11章翁颖想过，要不要趁现在跟
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他