秋说
秋说

【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）

自我介绍

我是秋说，研究 人工智能、大数据 等前沿技术，传递 Java、Python 等语言知识。
在这里插入图片描述

主页链接：秋说的博客
学习专栏推荐：
人工智能：创新无限
MySQL进阶之路
C++刷题集
网络安全攻防姿势总结
前端开发：探索创新与用户体验✔️

文章目录

    • ⚽前言
    • 1️⃣ Vue.js模板语法之指令
    • 2️⃣ Vue.js模板语法之用户输入
    • 3️⃣ Vue.js模板语法之过滤器
    • 4️⃣ 总结

⚽前言

✒️上一篇中我们学习了vue.js 的实例化、逻辑理解等知识点，这一篇我们将接着Vue系列模板语法的学习。

在这里插入图片描述

1️⃣ Vue.js模板语法之指令

Vue 模板语法中的指令是一种特殊的 HTML 属性，以 “v-” 开头，用于在模板中绑定数据和执行一些特定的操作。下面是几个常用的 Vue 指令：

1.v-bind（缩写为 :）：用于绑定数据到 HTML 元素的属性上。例如：

<img v-bind:src="imageUrl">

这样可以将 imageUrl 数据绑定到 src 属性，实现动态图片显示。

【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第1张图片

2.v-model：用于实现表单元素与 Vue 实例数据的双向绑定。例如：

<input type="text" v-model="message">

当用户在输入框中输入时，message 的值会自动更新；同时，当 message 的值改变时，输入框中的内容也会随之更新。

3.v-for：用于循环渲染列表数据。例如：

<ul>
  <li v-for="item in items">{{ item }}li>
ul>

这会根据 items 数组的内容循环生成多个

  • 元素，并将数组元素展示出来。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第2张图片

    4.v-if：根据条件判断是否渲染元素。例如：

    <div v-if="isVisible">可见内容div>

    当 isVisible 为真时，该

    元素会被渲染到页面中；否则，它会被移除。

    5.v-on（缩写为 @）：用于监听 DOM 事件，并触发相应的方法。例如：

    <button v-on:click="handleClick">点击我button>

    当按钮被点击时，会执行 Vue 实例中的 handleClick 方法。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第3张图片

    ⚽在Vue的指令中，有时候我们需要传递参数来进一步定制指令的行为。以下是一些常见指令中的参数用法：

    ⚓1.v-bind 指令的参数：

    <img v-bind:src="imageUrl">

    ⚓2.v-on 指令的参数：

    <button v-on:click="handleClick">点击我button>

    ⚓3.v-for 指令的参数：

    <li v-for="item in items" :key="item.id">{{ item.name }}li>

    ⚓4.v-model 指令的参数：

    <input type="text" v-model="message">

    ⚓5.v-if 和 v-else-if 指令的参数：

    <div v-if="isVisible">可见内容div>  

<div v-else-if="isDisabled">不可用div>

    ⚽接着，我们介绍一下指令中的修饰符。

    修饰符是以半角句号.指明的特殊后缀，它们用于指示指令应该以某种特殊方式绑定。

    以下是几个常用的修饰符及其作用：

    ⚙️ 1..prevent：阻止默认事件。例如，@click.prevent 会阻止点击事件的默认行为，如提交表单或刷新页面。
    2..stop：阻止事件冒泡。当一个元素上的事件被触发时，事件会向父元素传播。使用 .stop 修饰符可以阻止事件进一步向上传播。
    ️ 3..capture：使用事件捕获模式。默认情况下，事件在冒泡阶段处理，添加 .capture 修饰符可以将事件处理移至捕获阶段。
    4..self：只有事件是从触发它的元素自身触发时才触发相应的方法。如果事件是从子元素冒泡到父元素时触发的，使用 .self 修饰符可以防止父元素的绑定方法被调用。
    ✈️5..once：指定事件只能触发一次。一旦事件被触发后，后续的相同事件将不再触发绑定的方法。

    例如：

    <button @click.prevent.stop="handleClick">点击我button>

    我们使用了 .prevent 修饰符来阻止按钮点击事件的默认行为，并使用 .stop 修饰符以停止事件进一步冒泡。这意味着点击按钮时，不会触发默认行为，也不会将事件传播给父元素。

    2️⃣ Vue.js模板语法之用户输入

    在 Vue.js 中，可以使用 v-model 指令将用户输入的数据双向绑定到 Vue 实例的数据属性上。这样可以轻松地实现表单输入和数据的同步更新。

    示例如下：

    ❄️1.文本输入：

    <input type="text" v-model="message">

    我们将输入框的值与 Vue 实例中的 message 属性绑定，可以通过 this.message 来访问和修改输入框中的文本内容。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第4张图片

    2.多行文本输入：

    <textarea v-model="message">textarea>

    使用 v-model 指令也可以轻松地将多行文本输入框的值与 Vue 实例中的属性进行双向绑定。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第5张图片

    ❄️3.单选按钮：

    <input type="radio" v-model="selected" value="option1">
<input type="radio" v-model="selected" value="option2">

    当用户选择其中一个单选按钮时，selected 的值将被更新为对应的选项值。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第6张图片

    4.复选框：

    <input type="checkbox" v-model="checked">

    checked 属性与复选框状态进行双向绑定。当复选框选中或取消选中时，checked 的值将自动更新。

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第7张图片【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第8张图片

    3️⃣ Vue.js模板语法之过滤器

    在 Vue.js 中，过滤器可以用于对数据进行格式化或处理，以便在模板中显示。

    下面是使用过滤器的基本语法：

    {{ 表达式 | 过滤器 }}

    其中，表达式 是要进行过滤的数据，过滤器 是过滤器的名称。

    Vue.js 提供了一些内置的常用过滤器，例如：

    过滤器名称 描述 示例
    uppercase 将文本转换为大写字母 {{ message | uppercase }}
    lowercase 将文本转换为小写字母 {{ message | lowercase }}
    capitalize 将文本的首字母大写 {{ message | capitalize }}
    currency 将数字格式化为货币形式 {{ price | currency }}
    date 将日期格式化为指定的格式 {{ date | date(‘YYYY-MM-DD’) }}

    ❄️除了使用内置过滤器，还可以在 Vue 实例中自定义过滤器。自定义过滤器可以通过全局配置或在组件定义中进行注册。

    ⚓全局配置：

    Vue.filter('myFilter', function(value) {
  // 进行数据处理
  return processedValue;
});

    ⚓组件定义：

    filters: {
  myFilter(value) {
    // 进行数据处理
    return processedValue;
  }
}

    ⚓然后在模板中使用自定义过滤器：

    {{ data | myFilter }}

    需要注意的是，过滤器不会改变原始的数据，而是返回一个处理后的副本。

    ⚽举个例子，我们想实现一个英文句子首字母变为小写字母，其余变为大写字母，可以使用过滤器这样做：

    DOCTYPE html>
<html>
<head>
  <title>Exampletitle>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">script>
head>
<body>
  <div id="app">
    
    <p>{{ sentence | xss }}p>
  div>

  <script>
    // 在 Vue 实例之外定义过滤器
    Vue.filter('xss', function(value) {
      if (!value) return ''; // 如果值为空，则返回空字符串

      value = value.toString(); // 将值转换为字符串类型
      // 将首字母转换为小写字母，将剩余字符转换为大写字母
      return value.charAt(0).toLowerCase() + value.slice(1).toUpperCase();
    });

    new Vue({
      el: '#app',
      data: {
        sentence: 'Recent research has also shown that indulging in a high-fat and high-sugar diet may have negative effects on your brain, causing learning and memory deficits.' // 初始化 sentence 变量
      }
    });
  script>
body>
html>

    ✒️结果如下，成功实现了转换目的：

    【吐血总结】前端开发：一文带你精通Vue.js前端框架（四）_第9张图片

    4️⃣ 总结

    ❄️以上为前端开发：一文带你精通Vue.js前端框架系列（四），带领读者掌握Vue模板语法，以上操作读者可躬身实践。

    在这里插入图片描述

    • 你可能感兴趣的:(前端开发：探索创新与用户体验,Web,前端框架,vue.js,前端,html,css,javascript,vue)

    • 《昼颜》里的日本女人：相遇要万种风情，分手要残忍绝情 迷影咖啡
      作者：迷之菌子神奇菇迷影咖啡：一本正经做烘焙，胡说八道聊电影漫天萤火虫消散之时良宵就将过去，人们也说含苞待放的花蕾总会开了又谢，因紧紧相拥而面红耳赤的躯体，便是我们经历过这热爱的证明。夫妻关系介绍《昼颜》是2014年电视剧《昼颜：工作日下午三点的恋人们》的续集，故事发在电视剧情节结束的三年后，讲述了已经恢复独身的纱和偶然与曾经的出轨对象北野重逢后再次陷入感情漩涡的故事。《昼颜》制作灵感源自利佳子在
    • 迎接2019 唯有杜康1994
      告别2018这一年是机遇与挑战，痛苦与喜悦，失去与收获的一年一月:收获了第一份爱情，开始真正想去了解一个人三月:对工作有了更深入的认识，靠自己的力量完成晋升五月:搬家，住进了自己理想的公寓，一间属于自己的屋子。满地的书六月:外调广州，升经理，有了自己的第一个团队。七月:怀着自我否定，第一次完成了部门任务八月:第一个员工流失，痛哭不已明白无不散之筵席九月:员工陆续离开，经济是一切的根本。十月:陪员工
    • 极狐GitLab 论坛 2.0 全新上线，可以在论坛上查找与 GitLab 相关的问题了～ 极小狐 gitlab极狐GitLabdevopsGitLabci/cddevsecopsSCM
      安装出现依赖错误？版本升级搞不定？遇到422、500就懵逼了？不知道某个功能是免费or付费？……使用GitLab这种全球顶级的DevOps平台进行软件研发时，总会遇到一些困惑，想跟专业的技术人员快速交流以便获得答案，同时又想把这些问题沉淀下来以帮助他人？有这种赠人玫瑰，手有余香的解决方案吗？答案肯定有：论坛！！！论坛——一个各路大神聚集的地方，一个可以解惑答疑问道的地方。解惑：搜索与自己问题相同或
    • 教育微创新的意蕴 知北老师
      我是1992年参加工作的，一毕业就被分配到一所全县最偏僻落后的农村学校——付窝中学，12年后被调往一所已经连续十年全县倒数第一，也是很偏僻落后的农村学校——北宋镇第三中学。三年后到了北宋镇第一中学工作，这所学校教学质量也是连续几年落后了。2014年我到了北京市育英学校，这所学校是京城名校。2016年7月，我被育英学校派往原密云区第七中学工作，这是一所城乡接合部薄弱学校。学校现名为北京市育英学校密云
    • 我喝醉了，但是与你无关 Z先生的日记本
      2019年04月10号晚上我和一个朋友喝酒了，彻彻底底的喝醉了，喝到短片，事后我问L，我说我喝醉了之后，都发生了什么，L没有告诉我详情，但是跟我说了大致，他说我跟他一直聊天，说自己小的时候的事，说自己爸妈的事，说自己现在过得很苦可能，确实是喝醉了酒，才会毫无防备的跟其他人说这些吧。L还说感觉我过得很苦，很心疼。醉了酒之后还哭了，想想还真是丢人一年前，在宿舍也有一瓶红酒，那是舍友出去拉赞助时候，友商
    • python抓包与解包_Python—网络抓包与解包（pcap、dpkt） weixin_39691055 python抓包与解包
      pcap安装[root@localhost~]#pipinstallpypcap抓包与解包#-*-coding:utf-8-*-importpcap,dpktimportre,threading,requests__black_ip=['103.224.249.123','203.66.1.212']#抓包：param1eth_name网卡名，如：eth0,eth3。param2p_type日志捕
    • android 自定义曲线图,Android自定义View——贝赛尔曲线 weixin_39767513 android自定义曲线图
      个人博客：haichenyi.com。感谢关注本文针对有一定自定义View的童鞋，最好对贝赛尔曲线有辣么一丢丢了解，不了解也没关系。花5分钟看一下GcsSloop的安卓自定义View进阶-Path之贝塞尔曲线。本文的最终效果图：最终效果图.gif思路首先他是一个只有上半部分的正弦形状的水波纹，很规则。其次，他这个正弦图左右在移动。然后，就是它这个自定义View，上下也在移动，是慢慢增加的最后，优化
    • 浪潮 M5系列服务器IPMI无法监控存储RAID卡问题. Songxwn 硬件服务器服务器运维
      简介浪潮的M5代服务器，可能有WebBMC无法查看存储RAID/SAS卡状态的情况，可以通过以下方式修改。修改完成后重启BMC即可生效。ESXiIPMITools使用：https://songxwn.com/ESXi8_IPMI/（Linux也可以直接使用）Linux/ESXiIPMITool下载：https://songxwn.com/file/ipmitoolWindows下载：https:/
    • 拼多多纸巾推荐：品质与性价比的完美结合 氧惠帮朋友一起省
      拼多多纸巾推荐拼多多纸巾返现怎么做在我们的日常生活中，纸巾已经成为不可或缺的用品。无论是在家庭、办公室还是旅途中，纸巾都是我们随时随地需要的物品。随着电商平台的兴起，越来越多的人选择在网上购买纸巾。其中，拼多多作为国内知名的电商平台之一，以其独特的社交电商模式和实惠的价格吸引了大量用户。今天，我们就来探讨如何在拼多多上选择品质优良、性价比高的纸巾，以及如何通过一些小技巧来获取更多的优惠。一、品质与
    • word字号和mathtype磅值关系及批量修改 小铁匠-Ma office小技巧经验分享
      word字号和mathtype磅值关系及批量修改1.字号与磅值关系字号「八号」对应磅值5字号「七号」对应磅值5.5字号「小六」对应磅值6.5字号「六号」对应磅值7.5字号「小五」对应磅值9字号「五号」对应磅值10.5字号「小四」对应磅值12字号「四号」对应磅值14字号「小三」对应磅值15字号「三号」对应磅值16字号「小二」对应磅值18字号「二号」对应磅值22字号「小一」对应磅值24字号「一号」对应
    • 美团自动配送车2024春季招聘 | 社招专场 美团技术团队
      关于美团自动配送团队美团自动配送以自研L4级自动驾驶软硬件技术为核心，与美团即时零售业务结合，形成满足公开道路、校园、社区、工业园区等室外全场景下的自动配送整体解决方案。美团自动配送团队成立于2016年，团队成员来自于Waymo、Cruise、Pony.ai、泛亚等自动驾驶行业头部公司，自动驾驶技术团队博士占比高达30%，依靠视觉、激光等传感器，实时感知预测周围环境，通过高精地图定位和智能决策规划
    • php 把一个数组分成有n个元素的二维数组的算法 风清扬-独孤九剑 phpphp算法
      一、第一种解法0){$columns_map[$position]++;//这个地方格外注意,$position与$columns比较$position=($position<$columns-1)?++$position:0;$array_length--;}foreach($columns_mapas$val){$newarray[]=array_splice($array,0,$val);}
    • 花气袭人知昼暖 柒侠传
      花气袭人知昼暖高一七班黄韵熹37号花袭人，原名花珍珠，位列金陵十二钗又副册中的第二位。“袭人”这一称呼源于“花气袭人知昼暖”这一诗句，是宝玉给起的。想起来便觉得暖融融的，一如花袭人温柔的笑容。但花袭人着实是令人又爱又怕的角色。第二十一回的回目将她赞作“贤袭人”，脂砚斋在一旁批道“当得起”。花袭人对宝玉的确是一片真心。她为劝宝玉收敛他那成日在大观园里与姐姐妹妹“厮混”的性子，假借家人赎回的机会，软语
    • 你之所以胖，可能是因为小时候发生这件事！还不赶快甩锅 周围_5d19
      通常，我们认为，“肥胖”主要是由于饮食不节制、不经常运动等等因素引起的。但最近，我国学者开展的一项针对6到18岁儿童青少年、随访长达十年的代谢综合征研究结果，在权威国际期刊发表。研究发现，儿童的肥胖和超重与睡眠密切相关，儿童、青少年时期睡眠不好，成人后也更容易患心血管疾病。那么，为什么儿童青少年睡眠不足会导致肥胖呢？今天就带大家一探究竟。儿童青少年肥胖的现状如何？近日，一项刊载在医学权威期刊《柳叶
    • uni-app实现 步骤条 夏夏的码农 uni-app
      实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
    • 手机上赚钱？学会这5种方法！高省app让你轻松赚钱！ 高省浮沉000018
      随着智能手机的普及，越来越多的人开始探索在手机上赚钱的方法。不仅可以利用碎片时间增加收入，还能减少对传统办公室工作的依赖。本文将向您介绍5种在手机上赚钱的方法，并推荐一款高省app，帮助您实现手机赚钱的目标。大家好！我是高省APP最大团队&联合创始人浮沉导师！【高省】APP网购优惠券免费领，分享还能赚钱。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台。佣金更高，模式更好，终端用户不流失。0投资
    • 【算法分析与设计】去除重复字母 五敷有你 算法分析与设计javajavascript开发语言算法数据结构
      个人主页：五敷有你系列专栏：算法分析与设计⛺️稳中求进，晒太阳题目给你一个字符串s，请你去除字符串中重复的字母，使得每个字母只出现一次。需保证返回结果的字典序最小（要求不能打乱其他字符的相对位置）。示例示例1：输入：s="bcabc"输出："abc"示例2：输入：s="cbacdcbc"输出："acdb"思路贪心+单调栈实现【字符串删除一个字符使其字典序最小的贪心策略】：对于两个长度相同的字符串，
    • 购物返利平台是真的吗 返金app平台高佣返利省钱
      购物返利平台是真实存在的，它们提供一种通过购物来获取一定比例返现的服务。这些平台通常与商家合作，通过返利链接或其他追踪方式来追踪用户的购物行为，然后将一部分返现金额返还给用户。然而，需要注意的是，并非所有的购物返利平台都是可信的。在选择使用购物返利平台时，建议您注意以下几个方面：可信度和口碑：查看平台的用户评价和口碑，了解其他用户对该平台的使用体验和返利情况。合作商家：了解平台的合作商家是否可靠，
    • v-for 实例 琪33
      v-for实例v-for实例{{item}}{{index+1}}：{{student.name}}-{{student.age}}varapp=newVue({el:'#app',data:{items:[53,23,76,14,54,36,28],students:[{name:'jspang',age:32},{name:'Panda',age:30},{name:'PanPaN',age:
    • ＜商务世界＞《第25课 餐桌上的礼仪-简单的流程》 Ealser 商务世界中国餐桌礼节
      第一：迎客席座一般的程序是主人给客人邀请函——日子到了，主人到门外迎客——客人到了，问候几句——带着可人到0客厅小坐一会儿，给客人茶点——带客人入席坐好！第二：入座与座次首先要请客人中长者或地位高的先入座，再按身份地位依次入座，入座时要从椅子左边进入。（正对门口的为上座，一般是根据对方的.身份地位来安排）。入座后不要动筷子，更不要弄出什么响声来，也不要起身走动。如果有什么事要向主人打招呼！（做小辈
    • 【美丽特色乡村】，景德镇马鞍岭村， 粒子飞翔
      【美丽特色乡村】，景德镇马鞍岭村，就像是陶渊明笔下的山水田园，阡陌交通，精美的白房参差错落，碧绿透亮的河水从不远处的深涧里连绵不绝流入此地，滋养着土里。成群的白鸭悠闲地在河水里戏水，人与环境达成和谐的境界。借助三宝国际瓷谷建设的契机，马鞍岭村迎来了天翻地覆的沧桑巨变,此地以陶瓷文化为特色，融合原来生态资源，修复了水碓遗址、矿坑遗址等历史文化遗产，提升生态环境现状。同时，依托三宝溪围绕整个村落，对河
    • 2019.11.28感恩日记 afab5b74f713
      1.感谢真我守护，一觉到天明，谢谢谢谢谢谢！2.感谢一大早，橘子就甩来4800的大红包，谢谢谢谢谢谢！3.感谢今天代理宝宝们疯狂加单，钱宝宝流入小十万，太牛了你们，有你们真好，谢谢谢谢谢谢！4.感谢自己拥有钱宝宝，可以去群里给宝宝们发红包，表达我的爱，谢谢谢谢谢谢钱宝宝爱我！5.感谢自己的细胞宝宝们，让我保持健康与活力，可以自由活动，活力满满，谢谢谢谢谢谢！6.感谢芬姐甩来订单，谢谢谢谢谢谢钱宝宝
    • npm 搭建 Vite 项目 渺小的虫子 viter前端javascript开发语言
      兼容性注意Vite需要Node.js版本>=12.0.0。1、使用npm安装Viter$npminitvite@latest使用npm初始化项目#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue2、配置路由：npminstallvue-
    • 请简单介绍一下Shiro框架是什么？Shiro在Java安全领域的主要作用是什么？Shiro主要提供了哪些安全功能？ AaronWang94 shirojavajava安全开发语言
      请简单介绍一下Shiro框架是什么？Shiro框架是一个强大且灵活的开源安全框架，为Java应用程序提供了全面的安全解决方案。它主要用于身份验证、授权、加密和会话管理等功能，可以轻松地集成到任何JavaWeb应用程序中，并提供了易于理解和使用的API，使开发人员能够快速实现安全特性。Shiro的核心组件包括Subject、SecurityManager和Realms。Subject代表了当前与应用
    • 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss
      PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把
    • 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers
      ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装
    • 通俗易懂：什么是Java虚拟机（JVM）？它的主要作用是什么？ 大龄下岗程序员 mysqljavamysqlspring
      Java虚拟机（JavaVirtualMachine,JVM）是一种软件实现的抽象计算机，它负责执行Java字节码（Bytecode）。Java程序并不是直接在物理计算机上运行，而是先由Java编译器将源代码编译成与平台无关的字节码，然后由JVM负责读取字节码并在实际硬件架构上运行。JVM的主要作用包括以下几个方面：1.跨平台性-JVM是Java语言“一次编写，到处运行”（WriteOnce,Ru
    • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
      虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
    • 大创项目推荐 深度学习 opencv python 公式识别(图像识别 机器视觉) laafeer python
      文章目录0前言1课题说明2效果展示3具体实现4关键代码实现5算法综合效果6最后0前言优质竞赛项目系列，今天要分享的是基于深度学习的数学公式识别算法实现该项目较为新颖，适合作为竞赛课题方向，学长非常推荐！学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：4分创新点：4分更多资料,项目分享：https://gitee.com/dancheng-senior/postgraduate1课题
    • vue 通信方式 hx_1199 vue.js前端
      1、props和$emit父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。父组件this.$emit("update:page",newVal)-->importChildfrom'./child'exportdefault{name:"Father",components:{Child,},data(){return{articleList:['
    • js动画html标签（持续更新中） 843977358 htmljs动画mediaopacity
      1.jQuery 效果 - animate() 方法    改变 "div" 元素的高度：    $(".btn1").click(function(){      $("#box").animate({height:"300px
    • springMVC学习笔记 caoyong springMVC
      1、搭建开发环境    a>、添加jar文件，在ioc所需jar包的基础上添加spring-web.jar,spring-webmvc.jar    b>、在web.xml中配置前端控制器       <servlet>     &nbs
    • POI中设置Excel单元格格式 107x poistyle列宽合并单元格自动换行
      引用：http://apps.hi.baidu.com/share/detail/17249059 POI中可能会用到一些需要设置EXCEL单元格格式的操作小结： 先获取工作薄对象: HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb.createSheet(); HSSFCellStyle setBorder = wb.
    • jquery 获取A href 触发js方法的this参数 无效的情况 一炮送你回车库 jquery
      html如下：  <td class=\"bord-r-n bord-l-n c-333\"> <a class=\"table-icon edit\" onclick=\"editTrValues(this);\">修改</a> </td>"   j
    • md5 3213213333332132 MD5
      import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; public class MDFive { public static void main(String[] args) { String md5Str = "cq
    • 完全卸载干净Oracle11g sophia天雪 orale数据库卸载干净清理注册表
      完全卸载干净Oracle11g A、存在OUI卸载工具的情况下：     第一步：停用所有Oracle相关的已启动的服务；     第二步：找到OUI卸载工具：在“开始”菜单中找到“oracle_OraDb11g_home”文件夹中         &
    • apache 的access.log 日志文件太大如何解决 darkranger apache
      CustomLog logs/access.log common  此写法导致日志数据一致自增变大。 直接注释上面的语法 #CustomLog logs/access.log common 增加： CustomLog "|bin/rotatelogs.exe -l logs/access-%Y-%m-d.log 
    • Hadoop单机模式环境搭建关键步骤 aijuans 分布式
              Hadoop环境需要sshd服务一直开启，故，在服务器上需要按照ssh服务，以Ubuntu Linux为例，按照ssh服务如下： sudo apt-get install ssh sudo apt-get install rsync 编辑HADOOP_HOME/conf/hadoop-env.sh文件，将JAVA_HOME设置为Java
    • PL/SQL DEVELOPER 使用的一些技巧 atongyeye javasql
      1 记住密码 这是个有争议的功能，因为记住密码会给带来数据安全的问题。 但假如是开发用的库，密码甚至可以和用户名相同，每次输入密码实在没什么意义，可以考虑让PLSQL Developer记住密码。 位置：Tools菜单－－Preferences－－Oracle－－Logon HIstory－－Store with password 2 特殊Copy 在SQL Window
    • PHP：在对象上动态添加一个新的方法 bardo 方法动态添加闭包
      有关在一个对象上动态添加方法，如果你来自Ruby语言或您熟悉这门语言，你已经知道它是什么...... Ruby提供给你一种方式来获得一个instancied对象，并给这个对象添加一个额外的方法。   好！不说Ruby了，让我们来谈谈PHP   PHP未提供一个“标准的方式”做这样的事情，这也是没有核心的一部分...   但无论如何，它并没有说我们不能做这样
    • ThreadLocal与线程安全 bijian1013 javajava多线程threadLocal
      首先来看一下线程安全问题产生的两个前提条件：  1.数据共享，多个线程访问同样的数据。  2.共享数据是可变的，多个线程对访问的共享数据作出了修改。    实例：         定义一个共享数据： public static int a = 0;        
    • Tomcat 架包冲突解决 征客丶 tomcatWeb
      环境： Tomcat 7.0.6 win7 x64 错误表象：【我的冲突的架包是：catalina.jar 与 tomcat-catalina-7.0.61.jar 冲突，不知道其他架包冲突时是不是也报这个错误】 严重: End event threw exception java.lang.NoSuchMethodException: org.apache.catalina.dep
    • 【Scala三】分析Spark源代码总结的Scala语法一 bit1129 scala
      Scala语法 1. classOf运算符 Scala中的classOf[T]是一个class对象，等价于Java的T.class,比如classOf[TextInputFormat]等价于TextInputFormat.class    2. 方法默认值 defaultMinPartitions就是一个默认值，类似C++的方法默认值    
    • java 线程池管理机制 BlueSkator java线程池管理机制
      编辑 Add Tools   jdk线程池   一、引言 第一：降低资源消耗。通过重复利用已创建的线程降低线程创建和销毁造成的消耗。第二：提高响应速度。当任务到达时，任务可以不需要等到线程创建就能立即执行。第三：提高线程的可管理性。线程是稀缺资源，如果无限制的创建，不仅会消耗系统资源，还会降低系统的稳定性，使用线程池可以进行统一的分配，调优和监控。  
    • 关于hql中使用本地sql函数的问题（问-答） BreakingBad HQL存储函数
      转自于：http://www.iteye.com/problems/23775 问： 我在开发过程中，使用hql进行查询（mysql5）使用到了mysql自带的函数find_in_set()这个函数作为匹配字符串的来讲效率非常好，但是我直接把它写在hql语句里面（from ForumMemberInfo fm,ForumArea fa where find_in_set(fm.userId,f
    • 读《研磨设计模式》-代码笔记-迭代器模式-Iterator bylijinnan java设计模式
      声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.Arrays; import java.util.List; /** * Iterator模式提供一种方法顺序访问一个聚合对象中各个元素，而又不暴露该对象内部表示 * * 个人觉得，为了不暴露该
    • 常用SQL chenjunt3 oraclesqlC++cC#
      --NC建库 CREATE TABLESPACE NNC_DATA01 DATAFILE 'E:\oracle\product\10.2.0\oradata\orcl\nnc_data01.dbf' SIZE 500M AUTOEXTEND ON NEXT 50M EXTENT MANAGEMENT LOCAL UNIFORM SIZE 256K ; CREATE TABLESPA
    • 数学是科学技术的语言 comsci 工作活动领域模型
        从小学到大学都在学习数学，从小学开始了解数字的概念和背诵九九表到大学学习复变函数和离散数学，看起来好像掌握了这些数学知识，但是在工作中却很少真正用到这些知识，为什么？    最近在研究一种开源软件-CARROT2的源代码的时候，又一次感觉到数学在计算机技术中的不可动摇的基础作用，CARROT2是一种用于自动语言分类（聚类）的工具性软件，用JAVA语言编写，它
    • Linux系统手动安装rzsz 软件包 daizj linuxszrz
      1、下载软件 rzsz-3.34.tar.gz。登录linux，用命令 wget http://freeware.sgi.com/source/rzsz/rzsz-3.48.tar.gz下载。 2、解压 tar zxvf  rzsz-3.34.tar.gz 3、安装  cd rzsz-3.34 ; make posix 。注意：这个软件安装与常规的GNU软件不
    • 读源码之:ArrayBlockingQueue dieslrae java
          ArrayBlockingQueue是concurrent包提供的一个线程安全的队列,由一个数组来保存队列元素.通过 takeIndex和 putIndex来分别记录出队列和入队列的下标,以保证在出队列时 不进行元素移动. //在出队列或者入队列的时候对takeIndex或者putIndex进行累加,如果已经到了数组末尾就又从0开始,保证数
    • C语言学习九枚举的定义和应用 dcj3sjt126com c
      枚举的定义 # include <stdio.h> enum WeekDay { MonDay, TuesDay, WednesDay, ThursDay, FriDay, SaturDay, SunDay }; int main(void) { //int day; //day定义成int类型不合适 enum WeekDay day = Wedne
    • Vagrant 三种网络配置详解 dcj3sjt126com vagrant
      Forwarded port Private network Public network Vagrant 中一共有三种网络配置，下面我们将会详解三种网络配置各自优缺点。 端口映射(Forwarded port)，顾名思义是指把宿主计算机的端口映射到虚拟机的某一个端口上，访问宿主计算机端口时，请求实际是被转发到虚拟机上指定端口的。Vagrantfile中设定语法为： c
    • 16.性能优化-完结 frank1234 性能优化
      性能调优是一个宏大的工程，需要从宏观架构(比如拆分，冗余，读写分离，集群，缓存等)， 软件设计（比如多线程并行化，选择合适的数据结构）， 数据库设计层面（合理的表设计，汇总表，索引，分区，拆分，冗余等） 以及微观（软件的配置，SQL语句的编写，操作系统配置等）根据软件的应用场景做综合的考虑和权衡，并经验实际测试验证才能达到最优。 性能水很深， 笔者经验尚浅 ，赶脚也就了解了点皮毛而已，我觉得
    • Word Search hcx2013 search
      Given a 2D board and a word, find if the word exists in the grid. The word can be constructed from letters of sequentially adjacent cell, where "adjacent" cells are those horizontally or ve
    • Spring4新特性——Web开发的增强 jinnianshilongnian springspring mvcspring4
      Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
    • CentOS安装配置tengine并设置开机启动 liuxingguome centos
      yum install gcc-c++  yum install pcre pcre-devel  yum install zlib zlib-devel  yum install openssl openssl-devel Ubuntu上可以这样安装 sudo aptitude install libdmalloc-dev libcurl4-opens
    • 第14章 工具函数（上） onestopweb 函数
      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/
    • Xelsius 2008 and SAP BW at a glance blueoxygen BOXelsius
      Xelsius提供了丰富多样的数据连接方式，其中为SAP BW专属提供的是BICS。那么Xelsius的各种连接的优缺点比较以及Xelsius是如何直接连接到BEx Query的呢？ 以下Wiki文章应该提供了全面的概览。   http://wiki.sdn.sap.com/wiki/display/BOBJ/Xcelsius+2008+and+SAP+NetWeaver+BW+Co
    • oracle表空间相关 tongsh6 oracle
      在oracle数据库中，一个用户对应一个表空间，当表空间不足时，可以采用增加表空间的数据文件容量，也可以增加数据文件，方法有如下几种： 1.给表空间增加数据文件    ALTER TABLESPACE "表空间的名字" ADD DATAFILE    '表空间的数据文件路径' SIZE 50M;   &nb
    • .Net framework4.0安装失败 yangjuanjava .netwindows
      上午的.net framework 4.0，各种失败，查了好多答案，各种不靠谱，最后终于找到答案了 和Windows Update有关系，给目录名重命名一下再次安装，即安装成功了！ 下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=17113 方法： 1.运行cmd，输入net stop WuAuServ 2.点击开
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他