波波烤鸭
波波烤鸭

Vue教程07(综合小案例)

  本文我们通过一个小案例来巩固下前面讲的内容，具体案例效果如下:

Vue教程07(综合小案例)_第1张图片
其实也就是实现对表单数据的添加，删除和关键字查询的操作。

综合案例

1.页面布局

  页面布局我们通过bootstrap来快速实现，具体步骤如下

1.1 基础页面


<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>Documenttitle>
    <script src="./lib/vue-2.4.0.js">script>
    <link rel="stylesheet" href="./lib/bootstrap-3.3.7.css">
head>
<body>
    <div id="app">

    div>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {

            },
            methods: {
                
            }
        })
    script>
body>
html>

1.2 表单布局

  使用bootstrap来设置table，在vscode中安装bootstrap插件

Vue教程07(综合小案例)_第2张图片

先把这两个插件给装好，

Vue教程07(综合小案例)_第3张图片

然后准备数据

Vue教程07(综合小案例)_第4张图片

v-for使用

Vue教程07(综合小案例)_第5张图片

页面效果如下

Vue教程07(综合小案例)_第6张图片

1.3 头部样式

通过bootstrap来添加头部布局

Vue教程07(综合小案例)_第7张图片

Vue教程07(综合小案例)_第8张图片

添加对应的添加元素

<div class="panel panel-primary">
      <div class="panel-heading">
            <h3 class="panel-title">品牌管理h3>
      div>
      <div class="panel-body form-inline">
            <label>
            Id:
            <input type="text" class="form-control" >
            label>
    
            <label>
            Name:
            <input type="text" class="form-control" >
            label>
    
            
            <input type="button" value="添加" class="btn btn-primary">
      div>
div>

Vue教程07(综合小案例)_第9张图片

2.添加记录

  通过点击‘添加按钮’将数据添加到table中
通过v-model指令将id和name输入框的信息和vm中的id和name绑定，

Vue教程07(综合小案例)_第10张图片
Vue教程07(综合小案例)_第11张图片

给"添加按钮"绑定点击事件

<input type="button" value="添加" class="btn btn-primary" @click='add'>

Vue教程07(综合小案例)_第12张图片

添加效果

Vue教程07(综合小案例)_第13张图片

添加后将输入框内容置空

Vue教程07(综合小案例)_第14张图片

3.删除记录

删除记录的实现逻辑:点击删除链接，获取要删除记录的id，然后调用数组的splice方法来移除记录，

Vue教程07(综合小案例)_第15张图片

注意：方法名称不要使用delete!

数组常用的循环方法比较

循环方法 说明
forEach 不可终止循环
some 返回true终止循环
findIndex 返回true可以终止循环，返回满足条件的索引
filter 过滤数组，返回过滤后的数组

通过数组的some方法来循环判断

Vue教程07(综合小案例)_第16张图片

或者通过findIndex方法来获取满足条件的下标，然后再删除数据:

Vue教程07(综合小案例)_第17张图片

删除效果

Vue教程07(综合小案例)_第18张图片

4.关键字查询

  关键字查询也就是根据用户的输入返回满足条件的信息，
添加搜索框

Vue教程07(综合小案例)_第19张图片
Vue教程07(综合小案例)_第20张图片

Vue教程07(综合小案例)_第21张图片

然后v-for中循环的信息就不能是直接操作list数据，而应该是调用方法返回的信息

Vue教程07(综合小案例)_第22张图片

添加search方法

Vue教程07(综合小案例)_第23张图片

通过foreach来实现效果

search(keywords){
  // 保存新的数组
   var newList = []
   this.list.forEach(item => {
       // 判断循环的记录是否包含的查询的关键字
       if(item.name.indexOf(keywords) != -1){
           // 将循环的记录添加到新的数组中
           newList.push(item)
       }
   })
   // 返回数组信息
   return newList
}

Vue教程07(综合小案例)_第24张图片

通过filter来实现效果

Vue教程07(综合小案例)_第25张图片

Vue教程07(综合小案例)_第26张图片

搞定！

数组常用的循环方法比较

循环方法 说明
forEach 不可终止循环
some 返回true终止循环
findIndex 返回true可以终止循环，返回满足条件的索引
filter 过滤数组，返回过滤后的数组

你可能感兴趣的:(Vue资料)

  • 在electron中实现一个桌面悬浮球
    概要在electron+vue3搭建的应用中实现了一个桌面悬浮球/mini窗口的功能，支持任意拖拽、丝滑的菜单折叠展开动画效果。在实现过程中需要关注的一些点：1、管理悬浮球窗口创建以及配置：需要一个透明的窗口来承载视图。2、解决electron拖拽和点击事件冲突（核心）：因为使用-webkit-app-region:drag样式的方式会导致拖拽和点击事件冲突，所以需要通过渲染进程和主进程的通信来解
  • 【Python】已解决：ModuleNotFoundError: No module named ‘sklearn‘ 屿小夏 pythonsklearn人工智能
    个人简介：某不知名博主，致力于全栈领域的优质博客分享|用最优质的内容带来最舒适的阅读体验！文末获取免费IT学习资料！文末获取更多信息精彩专栏推荐订阅收藏专栏系列直达链接相关介绍书籍分享点我跳转书籍作为获取知识的重要途径，对于IT从业者来说更是不可或缺的资源。不定期更新IT图书，并在评论区抽取随机粉丝，书籍免费包邮到家AI前沿点我跳转探讨人工智能技术领域的最新发展和创新，涵盖机器学习、深度学习、自然
  • vant组件库的按需导入导出 ordinary90 VUE前端全栈开发vue.js前端
    vant是一个基于Vue的移动端UI组件库，它提供了丰富的组件和样式，可以帮助我们快速构建移动端应用。在使用vant组件库时，可以通过按需导入导出的方式来减小打包体积，提高应用的性能。按需导入导出的原理是根据需要只加载使用到的组件和样式，而不是将整个组件库都打包到应用中。下面是一个使用vant组件库实现按需导入导出的详细解析和代码实例。安装vant组件库首先，在命令行中使用npm或者yarn安装v
  • uniapp 微信小程序，底部安全距离适配，针对安卓iPhone不同型号手机 沐雨MUYU_ uni-app微信小程序android
    1、全局定义底部安全距离//前提：项目中安装了vuex或其他状态管理工具//文件位置src/store/index.tsimport{createStore}from'vuex';exportdefaultcreateStore({state(){return{safeBottom:''//底部安全距离};},mutations:{...},actions:{...},getters:{safeB
  • Vue+ArcGIS API for JS实现地图邮编分区以及定位的区域高亮 小伙伴123456 arcgisjavascript开发语言vue.js前端
    前言最近公司开发国际物流系统，如果使用国内地图，类似百度，腾讯，高德地图，那么国外的地理信息不会那么全，而且获取邮编api只对国内生效，所以考虑使用esri公司的arcgis地图，但是这个地图在国内社区并不完善，踩过很多坑，在网上也找不到相关的解决办法。在此分享给需要做类似需求的小伙伴，希望能帮到大家。官网：https://www.esri.com/zh-cn/arcgis/products/de
  • 从小白到高手：人工智能学习中的挑战与突破 博雅智信 人工智能深度学习机器学习python大语言模型
    引言：人工智能学习之路充满挑战学习过程中常见的问题与困境环境安装与配置问题简单报错反复调试，时间浪费大学习进度慢，难以找到合适的方向网上资料过多，选择困难导师催进度，任务压力大不敢多问：与同事、师兄师姐的尴尬理论与实践脱节，缺乏实战经验专注力不足，容易被干扰找一个师傅带着的好处高效解决问题，避免走弯路个性化学习路线与系统化知识框架实战经验的传授与导师的成长指导1.引言：人工智能学习之路充满挑战人工
  • Mac pnpm安装 是二牙 前端vue.js
    安装pnpm的时候一定要把npm更新到最新版不然pnpm下载不成功。（更新npm）：sudonpminstall-gnpm(安装pnpm:)sudonpminstall-gpnpm检验安装是否成功：pnpm--version项目内安装依赖：pnpminstall/运行项目：pnpmdev最近在开发vue3的项目后续应该会更新一些关于v3的笔记以往都是开发的v2现在开始学习v3如果写的不对的地方可以
  • Vue.js组件开发-如何实现表头搜索 LCG元 前端vue.js
    在Vue.js组件开发中，实现表头搜索通常涉及在表格组件的表头添加输入框，并让用户能够输入搜索关键字来过滤表格数据。以下是一个使用ElementUI的el-table组件实现表头搜索的示例：一、准备阶段‌确保ElementUI已安装‌：确保Vue项目中已经安装了ElementUI，并且已经在项目中引入。‌准备表格数据‌：在Vue组件中准备一份表格数据，通常是一个数组。二、实现表头搜索‌定义搜索关键
  • 大数据毕业设计—基于python+Django自然灾害频发地区情况数据分析系统 qq_1406299528 python计算机毕业设计python大数据课程设计
    一、项目技术开发语言：Pythonpython框架：Django软件版本：python3.7/python3.8数据库：mysql5.7或更高版本数据库工具：Navicat11开发软件：PyCharm/vscode前端框架:vue.js二、项目内容和项目介绍  1.项目内容  1.开发语言：该系统采用Python作为开发语言，Python具有优雅的语法和动态类型，以及解释型语言的本质，使其成为许多
  • vue 纯前端导出 Excel 陈大大小 1024程序员节
    方法一：1、安装"file-saver"npmi-Sfile-saverxlsx2、引入在需要导出功能的.vue文件中引入importFileSaverfrom"file-saver";importXLSXfrom"xlsx";3、简单示例（复制即可食用）：导出excel文件importFileSaverfrom"file-saver";importXLSXfrom"xlsx";exportdef
  • 【2025最新计算机毕业设计】基于SSM的旅游与自然保护平台【提供源码+答辩PPT+文档+项目部署】 万码堂源码 计算机毕设精品实战案例实战项目源码课程设计vue.js前端计算机毕业设计毕设项目springboot
    作者简介：✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流。✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。业务范围：免费功能设计、开题报告、任务书
  • 【源码+文档】基于SpringBoot+Vue旅游网站系统【提供源码+答辩PPT+参考文档+项目部署】 万码堂源码 实战项目源码计算机毕设精品实战案例springbootvue.js旅游
    作者简介：✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流。✌主要内容：Java项目、Python项目、前端项目、PHP、ASP.NET、人工智能与大数据、单片机开发、物联网设计与开发设计、简历模板、学习资料、面试题库、技术互助、就业指导等。业务范围：免费功能设计、开题报告、任务书
  • Oracle 学习全攻略 来恩1003 Oracleoracle学习数据库
    Oracle学习资料Oracle学习资料Oracle学习资料在当今信息技术蓬勃发展的时代，数据库管理系统起着举足轻重的作用，而Oracle作为行业内的领军者，以其强大、稳定、高效的特性，广泛应用于金融、电信、政府等诸多关键领域。若你渴望踏入数据库领域的高阶殿堂，开启Oracle的学习之旅无疑是明智之举。以下将为你详细阐述Oracle的学习路径。一、入门奠基：环境搭建与初步认知了解Oracle体系架
  • 避坑指南：Element UI在Vue2项目开发中的那些坑与解 前端没钱 前端基础与进阶ui
    文章目录一、引言二、ElementUI初体验之坑（一）安装后不生效解决方案：（二）组件引入报错解决方案：三、表单组件的那些“小脾气”（一）重置表单后无法输入（二）表单自动校验“抽风”解决方案：四、日期组件的“时差”问题（一）DatePicker日期难改解决方案：（二）datetime类型报错解决方案：（三）IE11日期显示“失踪”解决方案：五、表格组件的“疑难杂症”（一）el-table列自适应“
  • pyspark 中删除hdfs的文件夹 TDengine （老段） 大数据sparkhadoophdfsmapreduce
    在pyspark中保存rdd的内存到文件的时候，会遇到文件夹已经存在而失败，所以如果文件夹已经存在，需要先删除。搜索了下资料，发现pyspark并没有提供直接管理hdfs文件系统的功能。寻找到一个删除的方法，是通过调用shell命令hadoopfs-rm-f来删除，这个方法感觉不怎么好，所以继续找。后来通过查找hadoophdfs的源代码发现hdfs是通过java的包org.appache.had
  • 解决window.location.href参数太长问题 l_瓶中精灵 HTTPjava
    window.location.href参数超出限制问题解决需求：vue导出传参给后端导出excel导出数据原来写法：exportData(){letparams=`?data1=${this.form.data1}&bdid=${this.form.bdid}&cdid=${this.form.cdid}&imei=${this.form.imei}&softVer=${this.form.so
  • Vue中常见设计模式的应用~ Warm vue.js设计模式前端
    Vue是基于什么模式？表示既然是Vue中常见的设计模式，首当其冲就先聊聊MVVM模式啦一、mvvm模式Vue.js是一个基于MVVM设计模式的前端框架。它将前端中的UI视图与底层数据和业务逻辑分离开来，使得UI视图与数据和业务逻辑之间不存在耦合性，可以独立编写和测试。MVVM三个组成部分Model(模型):存放业务数据和对数据的操作等View(视图):用户界面，负责呈现UI，并向ViewModel
  • 前端框架: Vue3组件设计模式 苹果酱0567 面试题汇总与解析课程设计springbootvue.jsjavamysql
    前端框架:Vue3组件设计模式在前端开发中，Vue框架一直受到开发者的喜爱。它不仅易于上手，而且功能丰富，尤其是在Vue3中引入了CompositionAPI和Teleport等新特性，进一步提升了开发体验。在Vue3中，组件设计模式是一个非常重要的话题，良好的组件设计模式可以提高代码的可维护性和可扩展性，本文将深入探讨Vue3组件设计模式的相关内容。一、组件化开发模式组件化概念及优势在前端开发中
  • 【Rust】——不安全Rust Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e
  • Vue2实现上传图片到阿里云的OSS对象存储 秋意钟 javascript
    在Vue2项目中，将图片上传到阿里云的OSS（对象存储）需要几个步骤，包括配置阿里云OSS、获取上传凭证、在前端进行上传操作等。以下是一个详细的实现步骤：1.配置阿里云OSS首先，你需要在阿里云OSS上创建一个存储桶（Bucket），并配置好相关的权限。2.后端获取上传凭证由于直接暴露OSS的AccessKeyID和AccessKeySecret到前端是不安全的，所以需要通过后端服务器来获取一个临
  • PenGymy论文阅读 亚里士多没有德775 论文阅读
    这里发现idea被人家先发了，没办法，资料收集的不够全面，现在来学习一下这个项目这篇论文的贡献如下：总的来说，他的主要工作是构建逼真的仿真环境，然后根据这个仿真环境生成真实的靶场，使得这个智能体能够在这个真实的环境去互动。下面来逐渐解析他的工作，我尽量详细一点1、背景和动机这种项目是在网络攻防中，攻防双方攻击者处于暗面，防御者处于明面，这时候受到攻击后应急处理多少会造成损失，那么要是可以提前预测攻
  • Vue 3 中的 `setup()` 函数有什么作用？它在组件生命周期中的位置是什么？ chenNorth。 vuevue.jsjavascript前端
    在Vue3中，setup()函数是CompositionAPI的入口点，它在组件实例创建之前被调用，并且是响应式系统的上下文。setup()函数的作用和位置如下：setup()函数的作用响应式状态：在setup()函数中声明的变量会自动被转换为响应式状态，这些状态可以在模板中直接使用。生命周期钩子：setup()函数内部可以访问组件的生命周期钩子，如onMounted、onUpdated和onUn
  • Vue3+Echarts 绘制省会地图 OPQ迷路的羔羊 echarts前端javascriptvue.js
    Vue3+Echarts绘制省会地图需求：绘制XX省会地图（背景颜色，边框颜色都可自定义，有相应代码注释）鼠标点击XX市区，区域变红色，再次点击，恢复默认蓝色鼠标移入XX市区，区域变橘色，鼠标移开，恢复默认蓝色效果图如下：在这里插入图片描述实现：1.前往https://datav.aliyun.com/portal/school/atlas/area_selector2.输入具体省份，然后复制JS
  • vue3 + echarts5.4.3 实现3D省份地图【动态icon】 和生活比个Y 3d
    vue3+echarts5.4.3实现3D省份地图【动态icon】vue3项目+echarts5.4.3实现效果：1.下载echarts插件2.按需引入echarts插件3.复制省份json文件1.[查找省份/全国的json文件的地址：](https://datav.aliyun.com/portal/school/atlas/area_selector)2.当前页面中引入刚才复制的json文件4
  • Pinia的使用（VUE3+VITE） itwlz vue.js前端javascript
    官方地址https://pinia.vuejs.org/zh/安装​​​​​​​npminstallpinia挂载插件import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'createApp(App).use(createPinia()).mount('#app')定义Store(选项式或组合
  • Vue3使用wow.js动画库 itwlz javascript开发语言ecmascript
    1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima
  • HCI_Inquiry 打个工而已 AndroidBluetoothjavapythonhtml
    目录Android11发起搜索流程BluedroidHCI_Inquiry处理搜索结果处理Android11发起搜索流程BluedroidHCI_Inquiry处理搜索结果处理参考资料：Inquiryisusedtodetectandcollectnearbydevices。Inquiry用于发现搜集附近的蓝牙设备大概意思就是:1.主动发现设备的会sendinquiryrequest2.待被发现的
  • 【星闪开发连载】WS63E开发板开箱与程序烧录 神一样的老师 星闪技术物联网windows
    前几天一直在外地，今天才有机会拿到开发板。此次星闪体验官活动，每人两款板子，一款是星闪派物联网开发套件，另一款是单独一个核心板。物联网套件的配置和润和的智能家居配置差不多，看上去连底板都是一样的，只有核心板不同。套件和核心板配置正好组成一队星闪通信设备。目前基于星闪的手机还很少见，海思也没有开放手机侧的资料，所以暂时只能做星闪设备之间的测试。给开发板加电之后，发现并没有像家居套件那样有演示程序，所
  • 搭建设计一个校园交友系统源码的过程，售后一对一+圈子全开源码教程+全面搭建指南 前端小程序php
    搭建设计一个校园交友系统源码是一个复杂但有趣的过程，以下是一个全面指南，旨在帮助你从头开始搭建一个功能齐全、安全可靠的校园交友系统。一、明确目标与需求目标用户：明确你的目标用户群体，如大学生、研究生等，了解他们的交友需求和偏好。功能需求：根据目标用户，列出所需功能，如用户注册与登录、个人资料展示、匹配推荐、聊天功能、动态发布等。二、技术选型后端技术：可以选择PHP等成熟的后端开发语言。PHP结合T
  • 2025 第一弹：3 分钟带你使用 Cursor 生成新年祝福 前端ai开发
    2025第一弹：3分钟带你使用Cursor生成新年祝福项目效果项目简介Cursor是一个由OpenAI开发的AI写作助手，它可以帮助你快速生成文本、代码、图像等。这一次我们使用Cursor来生成一个新年祝福的动画，并使用Vue3和Vite4来实现。要求是不能编写任何代码，只使用Cursor来生成代码。下载cursor下载地址安装cursor双击安装即可。然后会询问你是否要导入vscode相关的插件
  • Spring4.1新特性——综述 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Schema与数据类型优化 annan211 数据结构mysql
    目前商城的数据库设计真是一塌糊涂，表堆叠让人不忍直视，无脑的架构师，说了也不听。 在数据库设计之初，就应该仔细揣摩可能会有哪些查询，有没有更复杂的查询，而不是仅仅突出 很表面的业务需求，这样做会让你的数据库性能成倍提高，当然，丑陋的架构师是不会这样去考虑问题的。 选择优化的数据类型 1 更小的通常更好 更小的数据类型通常更快，因为他们占用更少的磁盘、内存和cpu缓存，
  • 第一节 HTML概要学习 chenke htmlWebcss
    第一节 HTML概要学习 1. 什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。 打开记事本 输入一下内
  • MyEclipse里部分习惯的更改 Array_06 eclipse
    继续补充中---------------------- 1.更改自己合适快捷键windows-->prefences-->java-->editor-->Content Assist-->      Activation triggers for java的右侧“.”就可以改变常用的快捷键 选中 Text
  • 近一个月的面试总结 cugfy 面试
    本文是在学习中的总结，欢迎转载但请注明出处：http://blog.csdn.net/pistolove/article/details/46753275 前言       打算换个工作，近一个月面试了不少的公司，下面将一些面试经验和思考分享给大家。另外校招也快要开始了，为在校的学生提供一些经验供参考，希望都能找到满意的工作。 
  • HTML5一个小迷宫游戏 357029540 html5
         通过《HTML5游戏开发》摘抄了一个小迷宫游戏，感觉还不错，可以画画，写字，把摘抄的代码放上来分享下，喜欢的同学可以拿来玩玩！ <html> <head> <title>创建运行迷宫</title> <script type="text/javascript"
  • 10步教你上传githib数据 张亚雄 git
    官方的教学还有其他博客里教的都是给懂的人说得，对已我们这样对我大菜鸟只能这么来锻炼，下面先不玩什么深奥的，先暂时用着10步干净利索。等玩顺溜了再用其他的方法。 操作过程（查看本目录下有哪些文件NO.1）ls （跳转到子目录NO.2）cd+空格+目录 （继续NO.3）ls （匹配到子目录NO.4）cd+ 目录首写字母+tab键+（首写字母“直到你所用文件根就不再按TAB键了”） （查看文件
  • MongoDB常用操作命令大全 adminjun mongodb操作命令
    成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令，只是MongoDB没有创建数据库的命令，但有类似的命令 如：如果你想创建一个“myTest”的数据库，先运行use myTest命令，之后就做一些操作（如：db.createCollection('user')）,这样就可以创建一个名叫“myTest”的数据库。 一
  • bat调用jar包并传入多个参数 aijuans
    下面的主程序是通过eclipse写的： 1.在Main函数接收bat文件传递的参数（String[] args）  如：   String ip =args[0];          String user=args[1];       &nbs
  • Java中对类的主动引用和被动引用 ayaoxinchao java主动引用对类的引用被动引用类初始化
      在Java代码中，有些类看上去初始化了，但其实没有。例如定义一定长度某一类型的数组，看上去数组中所有的元素已经被初始化，实际上一个都没有。对于类的初始化，虚拟机规范严格规定了只有对该类进行主动引用时，才会触发。而除此之外的所有引用方式称之为对类的被动引用，不会触发类的初始化。虚拟机规范严格地规定了有且仅有四种情况是对类的主动引用，即必须立即对类进行初始化。四种情况如下：1.遇到ne
  • 导出数据库 提示 outfile disabled BigBird2012 mysql
    在windows控制台下，登陆mysql，备份数据库：   mysql>mysqldump -u root -p test test > D:\test.sql 使用命令 mysqldump 格式如下： mysqldump -u root -p *** DBNAME > E:\\test.sql。 注意：执行该命令的时候不要进入mysql的控制台再使用，这样会报
  • Javascript 中的 && 和 || bijian1013 JavaScript&&||
            准备两个对象用于下面的讨论 var alice = { name: "alice", toString: function () { return this.name; } } var smith = { name: "smith",
  • [Zookeeper学习笔记之四]Zookeeper Client Library会话重建 bit1129 zookeeper
    为了说明问题，先来看个简单的示例代码：   package com.tom.zookeeper.book; import com.tom.Host; import org.apache.zookeeper.WatchedEvent; import org.apache.zookeeper.ZooKeeper; import org.apache.zookeeper.Wat
  • 【Scala十一】Scala核心五：case模式匹配 bit1129 scala
    package spark.examples.scala.grammars.caseclasses object CaseClass_Test00 { def simpleMatch(arg: Any) = arg match { case v: Int => "This is an Int" case v: (Int, String)
  • 运维的一些面试题 yuxianhua linux
    1、Linux挂载Winodws共享文件夹   mount -t cifs //1.1.1.254/ok /var/tmp/share/ -o username=administrator,password=yourpass 或 mount -t cifs -o username=xxx,password=xxxx //1.1.1.1/a /win    
  • Java lang包-Boolean BrokenDreams boolean
             Boolean类是Java中基本类型boolean的包装类。这个类比较简单，直接看源代码吧。 public final class Boolean implements java.io.Serializable,
  • 读《研磨设计模式》-代码笔记-命令模式-Command bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.List; /** * GOF 在《设计模式》一书中阐述命令模式的意图：“将一个请求封装
  • matlab下GPU编程笔记 cherishLC matlab
    不多说，直接上代码 gpuDevice % 查看系统中的gpu,,其中的DeviceSupported会给出matlab支持的GPU个数。 g=gpuDevice(1); %会清空 GPU 1中的所有数据,,将GPU1 设为当前GPU reset(g) %也可以清空GPU中数据。 a=1; a=gpuArray(a); %将a从CPU移到GPU中 onGP
  • SVN安装过程 crabdave SVN
    SVN安装过程   subversion-1.6.12   ./configure --prefix=/usr/local/subversion --with-apxs=/usr/local/apache2/bin/apxs --with-apr=/usr/local/apr --with-apr-util=/usr/local/apr --with-openssl=/
  • sql　行列转换 daizj sql行列转换行转列列转行
    行转列的思想是通过case when 来实现 列转行的思想是通过union all 来实现 下面具体例子： 假设有张学生成绩表(tb)如下: Name Subject Result 张三 语文　　74 张三 数学　　83 张三 物理　　93 李四 语文　　74 李四 数学　　84 李四 物理　　94 */ /* 想变成 姓名   &
  • MySQL--主从配置 dcj3sjt126com mysql
    linux下的mysql主从配置： 说明：由于MySQL不同版本之间的(二进制日志)binlog格式可能会不一样，因此最好的搭配组合是Master的MySQL版本和Slave的版本相同或者更低， Master的版本肯定不能高于Slave版本。（版本向下兼容） mysql1  : 192.168.100.1    //master mysq
  • 关于yii 数据库添加新字段之后model类的修改 dcj3sjt126com Model
    rules: array('新字段','safe','on'=>'search') 1、array('新字段', 'safe')//这个如果是要用户输入的话，要加一下， 2、array('新字段', 'numerical'),//如果是数字的话 3、array('新字段', 'length', 'max'=>100),//如果是文本 1、2、3适当的最少要加一条，新字段才会被
  • sublime text3 中文乱码解决 dyy_gusi Sublime Text
    sublime text3中文乱码解决 原因：缺少转换为UTF-8的插件 目的：安装ConvertToUTF8插件包 第一步：安装能自动安装插件的插件，百度“Codecs33”，然后按照步骤可以得到以下一段代码： import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a30980927
  • 概念了解：CGI，FastCGI，PHP-CGI与PHP-FPM geeksun PHP
    CGI CGI全称是“公共网关接口”(Common Gateway Interface)，HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上。 CGI可以用任何一种语言编写，只要这种语言具有标准输入、输出和环境变量。如php,perl,tcl等。 FastCGI FastCGI像是一个常驻(long-live)型的CGI，它可以一直执行着，只要激活后，不
  • Git push 报错 "error: failed to push some refs to " 解决 hongtoushizi git
    Git push 报错 "error: failed to push some refs to " . 此问题出现的原因是：由于远程仓库中代码版本与本地不一致冲突导致的。 由于我在第一次git pull --rebase 代码后，准备push的时候，有别人往线上又提交了代码。所以出现此问题。 解决方案： 1： git pull    2：
  • 第四章 Lua模块开发 jinnianshilongnian nginxlua
    在实际开发中，不可能把所有代码写到一个大而全的lua文件中，需要进行分模块开发；而且模块化是高性能Lua应用的关键。使用require第一次导入模块后，所有Nginx 进程全局共享模块的数据和代码，每个Worker进程需要时会得到此模块的一个副本（Copy-On-Write），即模块可以认为是每Worker进程共享而不是每Nginx Server共享；另外注意之前我们使用init_by_lua中初
  • java.lang.reflect.Proxy liyonghui160com
      1.简介   Proxy 提供用于创建动态代理类和实例的静态方法 （1）动态代理类的属性 代理类是公共的、最终的，而不是抽象的 未指定代理类的非限定名称。但是，以字符串 "$Proxy" 开头的类名空间应该为代理类保留 代理类扩展 java.lang.reflect.Proxy 代理类会按同一顺序准确地实现其创建时指定的接口
  • Java中getResourceAsStream的用法 pda158 java
    1.Java中的getResourceAsStream有以下几种： 1. Class.getResourceAsStream(String path) ： path 不以’/'开头时默认是从此类所在的包下取资源，以’/'开头则是从ClassPath根下获取。其只是通过path构造一个绝对路径，最终还是由ClassLoader获取资源。 　　2. Class.getClassLoader.get
  • spring 包官方下载地址（非maven） sinnk spring
    SPRING官方网站改版后，建议都是通过 Maven和Gradle下载，对不使用Maven和Gradle开发项目的，下载就非常麻烦，下给出Spring Framework jar官方直接下载路径:   http://repo.springsource.org/libs-release-local/org/springframework/spring/   s
  • Oracle学习笔记(7) 开发PLSQL子程序和包 vipbooks oraclesql编程
        哈哈，清明节放假回去了一下，真是太好了，回家的感觉真好啊！现在又开始出差之旅了，又好久没有来了，今天继续Oracle的学习！      这是第七章的学习笔记，学习完第六章的动态SQL之后，开始要学习子程序和包的使用了……，希望大家能多给俺一些支持啊！     编程时使用的工具是PLSQL
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他