庚中
庚中

实战\ Vue2.5开发去哪儿网App(总结一)

一.vue基础

1.todolist开发

1.准备
实战\ Vue2.5开发去哪儿网App(总结一)_第1张图片
2.以上简写代码更改如下:页面显示效果一致
实战\ Vue2.5开发去哪儿网App(总结一)_第2张图片
3.在结构中添加双向数据绑定和点击事件
实战\ Vue2.5开发去哪儿网App(总结一)_第3张图片
4.在点击事件中往数组中添加元素即可
实战\ Vue2.5开发去哪儿网App(总结一)_第4张图片
最终实现效果:
实战\ Vue2.5开发去哪儿网App(总结一)_第5张图片

2.使用全局组件优化todolist(里面涉及父组件向子组件传值)

实战\ Vue2.5开发去哪儿网App(总结一)_第6张图片
父组件向子组件传值总结:使用子组件的使用,使用v-bind的形式,把一个值传给自组件.
实战\ Vue2.5开发去哪儿网App(总结一)_第7张图片

3.使用局部组件优化todolist

实战\ Vue2.5开发去哪儿网App(总结一)_第8张图片

4.子组件如何向父组件进行传值(还是用todolist案例)

需求:当我们点击下面的li标签的内容,就删除当前的li(这就用到了子组件向父组件进行传值了)


<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>todolist开发title>
    <script src="./00-vue.js">script>
  head>
  <body>
    <div id="app">
      <input type="text" v-model="inputValue" />
      <button @click="addContent">提交button>
      <ul>
        <my-component
          :content="item"
          :index="index"
          v-for="(item,index) in list"
          @delete="handleItemDelete"
        >
        my-component>
      ul>
    div>
  body>
html>
<script>
  /* 
  需求:点击哪个就删除哪个li标签.
  步骤:因为我们的数据放在父组件的Vue的data里,最终删除的也是这里的数据
1.在子组件模板中添加点击事件handleItemClick
2.在子组件中的methods方法中写上这个事件
3.使用this.$emit触发delete事件:this.$emit('delete')
4.在html中监听这个delete事件handleItemDelete
5.在父组件中写这个handleItemDelete事件
6.接收传过来的索引方法:
  html中绑定index方法,在子组件中的props接收过来,在子组件的$emit中传入索引,
  在父组件中的handleItemDelete函数中,接收这个索引
 */
  let MyComponent = {
      
    props: ['content', 'index'], //父组件(list)向子组件(每个li)传值
    template: '
  • {
      {content}}
    • '    ,
    methods: {
      
      handleItemClick: function() {
      
        this.$emit('delete', this.index)
      }
    }
  }
  let app = new Vue({
      
    el: '#app',
    components: {
      
      MyComponent: MyComponent
    },
    data: {
      
      list: [],
      inputValue: ''
    },
    methods: {
      
      addContent() {
      
        this.list.push(this.inputValue);
        this.inputValue='';
        
      },
      handleItemDelete: function(index) {
      
        //   alert(index)
        this.list.splice(index, 1)
      }
    }
  })
    script>

    实现效果:
    实战\ Vue2.5开发去哪儿网App(总结一)_第9张图片

    (接下来会有总结二,未完待续)

    你可能感兴趣的:(十二.vue,实战\)

    • 《运维工程师如何利用DeepSeek实现智能运维：分级实战指南》 进击的雷神 武林绝学：技术杂谈剑影流转运维
      目录智能运维革命：DeepSeek带来的范式转变DeepSeek核心运维能力全景解析分级实战场景与解决方案3.1初级工程师：自动化运维入门3.2中级工程师：复杂系统诊断与优化3.3高级工程师：架构级智能运维典型项目案例深度剖析4.1金融系统全链路监控体系构建4.2电商大促资源弹性调度实战4.3混合云环境下的安全加固分级能力提升路径效能提升数据验证挑战与演进方向构建智能运维体系行动指南1.智能运维革
    • 8-项目实战-信用卡数字识别 #北极星star Opencv图像处理框架实战opencv计算机视觉人工智能
      目录(1)总体流程与方法(2)代码实现(3)识别结果(1)总体流程与方法①读取模板图像：加载包含数字模板的图像，并提取每个数字的轮廓，将它们作为模板存储。②读取输入图像：加载待识别的信用卡图像，并进行预处理。③提取数字区域：通过一系列图像处理操作（如礼帽操作、梯度计算、闭操作等）提取可能包含数字的区域。④轮廓排序与筛选：找到提取区域的轮廓，并根据轮廓的宽高比和尺寸筛选出符合条件的数字区域。⑤数字识
    • vue3+vite 自动引入export default的包 大橙子- vue.js前端
      importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia',{//相当于importuseRouterStackStorefrom'@/store/modules/r
    • vue制作导航栏html,Vue实现导航栏菜单 DataQueen vue制作导航栏html
      本文实例为大家分享了Vue实现导航栏菜单的具体代码，供大家参考，具体内容如下这里是刚学习vue的时候，没有用vue的任何UI组件库写的导航栏菜单。menu.html导航栏左项目名称您好，用户！v-bind:class="{checked:index==nowIndex}"v-on:click="setTab('menu',index,menus)">{{menu.text}}菜单一的内容菜单二的内
    • vue3 项目如何接入 AI 大模型 代码搬运媛 人工智能
      以下是在Vue3项目中接入AI大模型的一般步骤：准备工作确定要接入的AI模型，如OpenAI的gpt-3.5-turbo、科大讯飞的星火大模型等。选择AI模型及获取API密钥：注册对应AI平台的账号，进入账户设置页面找到“ViewAPIKeys”或类似选项，创建属于自己的API密钥，并妥善保存。创建Vue项目并安装依赖打开命令行，使用vuecreate项目名命令创建一个新的Vue项目，按照提示完成
    • vue-router 中滚动行为设置的妙用 代码搬运媛 vue.jsjavascript前端
      在vue-router里，滚动行为设置能够对路由切换时的页面滚动位置进行控制，这在单页面应用（SPA）里十分有用，能够为用户带来更流畅、更符合预期的浏览体验。下面为你详细介绍滚动行为设置的作用和使用方法。作用恢复滚动位置当用户在某个页面滚动到特定位置后，再导航到其他页面，之后又返回到该页面时，滚动行为设置可以让页面恢复到之前的滚动位置。这在浏览长页面或者列表页时非常实用，用户无需重新滚动到之前查看
    • DeepSeek 助力 Vue 开发：打造丝滑的导航栏（Navbar） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
      前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的导航栏（Navbar）前言页面效果指令输入属性定义1.导航栏样式相关2.导航项相关3.响应式相关4.对齐方式相关事件定义1.导航项点击事件2.菜单折叠切换事件其他建议1.可访问性2.动画效果3.图标支
    • 高德地图驾车导航内存优化原理与实战 数据库技术分享者 androidios
      背景根据Apple官方WWDC的回答，减少内存可以让用户体验到更快的启动速度，不会因为内存过大而导致Crash，可以让APP存活的更久。对于高德地图来说，根据线上数据的分析，内存过高会导致导航过程中系统强杀OOM。尤其区别于其他APP的地方是，一般APP只需要关注前台内存过高的系统强杀FOOM，高德地图有不少用户使用后台导航，所以也需要关注后台的内存过高导致的系统强杀BOOM，且后台强杀较前台强杀
    • 探索Vearch：高效的深度学习向量相似度搜索系统 scaFHIO 深度学习人工智能python
      Vearch是一个可扩展的分布式系统，用于高效搜索深度学习向量的相似度。在本文中，我们将介绍Vearch的技术背景及其核心原理，演示如何使用VearchPythonSDK进行安装和设置，并分析一些实际应用场景，最后提供一些实战建议。技术背景介绍随着深度学习技术的发展，向量相似度搜索在各类应用中变得越来越重要。从图像识别、推荐系统到自然语言处理，向量搜索可以极大地提升系统的性能。然而，随着数据量的增
    • AScript自动化脚本游戏辅助系列教程 jinglong.zha 自动化脚本自动化运维ascript懒人精灵easyclickpython游戏辅助开发
      Python自动化脚本开发，AScript零基础从入门到精通，游戏脚本，自动化脚本，python核心与进阶实战教程AScript基础-python核心与进阶课程简介_哔哩哔哩_bilibiliAScript基础-python核心与进阶课程简介是Python自动化脚本开发，AScript零基础从入门到精通，游戏脚本，自动化脚本，python核心与进阶实战教程的第1集视频，该合集共计35集，视频收藏或
    • 关于wordpress建站遇到的问题 bug菌¹ 全栈Bug调优(实战版)#CSDN问答解惑(全栈版)android
      本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！问题描述使用Wordpress搭建网站遇到的问题我目前使用了AWS的云服务器在这个云服务器的基础上搭建了AApanel(国内叫宝塔面板),与此同时我也购买了域名和做了DN
    • 什么是网关，网关的作用是什么？网络安全零基础入门到精通实战教程！ 黑客demon web安全服务器网络安全网关计算机网络
      1.什么是网关网关又称网间连接器、协议转换器，也就是网段(局域网、广域网)关卡，不同网段中的主机不能直接通信，需要通过关卡才能进行互访，比如IP地址为192.168.31.9(子网掩码：255.255.255.0)和192.168.7.13(子网掩码：255.255.255.0)的两个主机不是同一网段，想要进行互访就得需要网关。就像古代想要出城的唯一路径就是过城门下的关卡。网关在传输层上实现不同网
    • vue3 + vite引入地址路径报错，以及无法点击跳转相应的文件 zmyalh 前端javascriptvue.js
      vue3+vite引入地址路径报错，以及无法点击跳转相应的文件在项目中找到tsconfig.json，或者jsconfig.json文件，使用一下代码替换即可。如果两个文件都不存在，如果项目使用了ts，就创建tsconfig.json文件，复制下方代码。如果不是使用的ts，就创建jsconfig.json文件，复制下方代码。配置完成后关掉软件重启！！！{"compilerOptions":{"ba
    • vue播放m3u8视频 zmyalh html视频video前端
      这里封装成组件先安装插件npmivue-video-player-S//版本"^5.0.2"npmivideojs-flash-S//播放rtmpnpmivideojs-contrib-hls-S//播放m3u8父页面：//传入视频地址videoUrl页面引入importvideosfrom"../../../components/videos/videos.vue";components:{vi
    • python ffmpeg直播_FFmpeg+Nginx+Rtmp+HLS+Videojs搭建直播网站（理论与实战） weixin_39565300 pythonffmpeg直播
      第1章直播原理与架构28分钟2节1-1直播原理与架构直播原理与架构「仅限付费用户」点击下载“直播原理与架构.pdf”[14:53]开始学习1-2甜点：福优学苑--简历包装与面试技巧甜点：福优学苑--简历包装与面试技巧「仅限付费用户」点击下载“福优学苑--简历包装与面试技巧--51other.pdf”[13:36]开始学习第2章亲手搭建FFmpeg+Nginx直播网站1小时48分钟11节2-1直播引
    • 使用Cohere进行文本生成: 从安装到实战 shuoac python开发语言
      Cohere是一家加拿大初创公司，提供自然语言处理模型，帮助企业提升人机交互体验。本文将详细介绍如何使用Cohere进行文本生成，包括环境配置、核心原理、代码演示和实际应用场景分析。1.技术背景介绍随着自然语言处理技术的快速发展，基于大模型的文本生成应用在各行各业中展现出了巨大的潜力。Cohere提供了高效、易用的API，使得开发者能够快速集成高质量的文本生成能力。本文将带你一步步实现这些功能。2
    • vue中nextTick函数和react类似实现 向画 vue.jsreact.js前端
      Vue3基本用法：import{nextTick}from'vue';//全局调用nextTick(()=>{//在下一个DOM更新循环后执行的代码});//在组件内部调用setup(){asyncfunctionhandleUpdate(){//修改数据...awaitnextTick();//在数据引发的DOM更新完成后执行的代码}}nextTick函数现在作为vue包的一个导出成员，需要显式
    • Sharding-JDBC 实现分库分表 一叶飘零_sweeeet java分布式mysqlSharding-JDBC分库分表javamysql
      一、引言随着互联网业务的快速发展，数据量不断增长，传统的单一数据库架构已经难以满足高并发、大数据量的存储和查询需求。分库分表技术成为了解决这些问题的重要手段。Sharding-JDBC作为一款优秀的数据库中间件，能够方便地实现分库分表，提高系统的性能和可扩展性。本文将详细介绍Sharding-JDBC实现分库分表的实战过程。二、Sharding-JDBC概述（一）Sharding-JDBC的定义和
    • vue面试题|[2025-1-10] ○陈 vue面试题vue.jsjavascript前端
      1.vue和jquery的区别是什么？1.原理不同vue就是数据绑定；jq是先获取dom再处理2.着重点不同vue是数据驱动，jq是着重于页面3.操作不同4.未来发展不同2.vuex的响应式处理vuex是vue的状态管理工具vue中可以直接触发methods中的方法，vuex是不可以的。处理异步，当触发事件的时候，会通过dispatch来访问actions中的方法，actions中的commit会
    • FastApi-基于FastApi实现异步接口的传参和调用(7) 写python的鑫哥 FastAPI项目实战fastapipython异步接口传参调用部署
      前言本文是该专栏的第7篇，后面会持续分享FastApi以及项目实战的各种干货知识，值得关注。假如说，现在有这么一个接口需求——需要通过FastApi，实现接收别人传递过来的参数，并对获取参数之后的结果信息进行返回。整个接口功能，需要通过异步来实现。对此，我们基于FastApi，要怎么去实现呢？废话不多说，具体的实现思路以及详细逻辑，跟着笔者直接往下看正文详细内容。（附带完整代码）正文1.依赖库安装
    • electron学习笔记 weixin_46452138 electron学习javascript
      electron个人学习笔记一、electron简单了解Electron是一个跨平台的、基于Web前端技术的桌面GUI应用程序开发框架。可以使用HTML、CSS来绘制界面和控制布局，使用JavaScript来控制用户行为和业务逻辑，使用Node.js来通信、处理音频视频等，几乎所有的Web前端技术和框架（jQuery、Vue、React、Angular等）都可以应用到桌面GUI开发中。二、开发前基
    • 【开源免费】基于Vue和SpringBoot的医院后台管理系统（附论文） 杨荧 vue.jsspringboot前端开源springcloudjavascript
      本文项目编号T170，文末自助获取源码\color{red}{T170，文末自助获取源码}T170，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1启动教程3.2讲解视频3.3二次开发教程四、功能截图五、文案资料5.1选题背景5.2国内外研究现状六、核心代码6.1查询数据6.2新增数据6.3删除数据一、系统介绍在管理员功能模块确定下来的基础上，对管理员各个功能进行设计，确定管理员功
    • vue 的axios请求数据2种方式 很重要 缘飞梦 vue前端技术vueaxios请求数据的方法
      show:function(){//post方式//赋值给变量self//使用axios请求后台的数据get和post的两种方式varself=this;varurl='xxxx.json';axios.post(url,{params:{username:"yyyyy",password:'18888'}}).then(function(response){console.log(respons
    • 【JAVA工程师从0开始学AI】，第五步：Python类的“七十二变“——当Java的铠甲遇见Python的液态金属 架构默片 JAVA工程师从0开始学AIpythonjava开发语言
      副标题：从继承大战到猴子补丁，看动态类型如何颠覆面向对象认知当Java工程师还在为implements和extends绞尽脑汁时，Python的类已化身"终结者T-1000"，在代码世界肆意变形。这里没有private的保险箱，super()能穿越多重继承时空，甚至能在运行时给类"整容换脑"。本文将用五个震撼场景，带你体验Python面向对象编程的"量子纠缠"——原来类的__init__只是开始，
    • 本地运行 DeepSeek-R1 的成本究竟多高？ 前端javascript
      ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读本地运行DeepSeek-R1的成本究竟多高？DeepSeek让人们对大规模生成式模型的追求更进一步，甚至有人想在本地跑下规模高达671B参数的版本。但要在家里开这种“巨无霸”，可不是闹着玩的：光是推理就对硬件提出了非常高的要求。这篇文章将大致拆解一下，如果真想在个人电脑上运行DeepSeek-R1，可能需
    • 构建 Next.js 应用时的安全保障与风险防范措施 前端javascript
      ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Web应用开发过程中，确保应用的安全性至关重要，这不仅能保护用户数据，还能防止应用本身遭受各种安全攻击。Next.js作为一款备受欢迎的React框架，内置了许多安全功能和推荐做法，但开发者仍需清楚地了解潜在的安全隐患，并采取合适的防范策略。一、Next.js安全问题概述尽管Next.js为构建安全应用提
    • 鸿蒙HarmonyOS NEXT实战（5.0）ArkUI开发＞共享元素转场动效 蜡笔小新、没有笔 鸿蒙开发OpenHarmonyHarmonyOSharmonyos华为鸿蒙鸿蒙系统开发语言前端ui
      鸿蒙HarmonyOSNEXT开发实战往期文章必看（持续更新......）HarmonyOSNEXT应用开发性能实践总结HarmonyOSNEXT应用开发案例实践总结合集最新版！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！共享元素转场是一种界面切换时对相同或者相似的两个元素做的一种位置和大小匹配的过
    • Vue中事件名的命名规范 sakuraxiaoyu vue.js前端javascript
      Vue中事件名的命名规范起因：本人之前不太写vue的项目，最近接触了vue的代码，在学习的过程中同时也会伴随着一点疑惑。比如一以下面的父子组件的事件传递为例：父组件：显然，父组件有个自定义事件refresh-list需要子组件进行接收。子组件：...constemit=defineEmits(["refreshList"]);...//触发事件emit("refreshList");我疑惑的点在于
    • DeepSeek 助力 Vue 开发：打造丝滑的表单验证（Form Validation） 宝码香车 #DeepSeekvue.js前端javascriptecmascriptDeepSeek
      前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的表单验证（FormValidation）前言页面效果指令输入组件属性定义1.表单数据绑定相关2.验证规则相关3.样式和布局相关4.其他组件事件定义1.验证相关2.表单提交相关3.字段值变化相关其他可能
    • HarmonyOS NEXT开发实战（5.0版）List和Scroller从简单到复杂列表布局场景 代码老出BUG OpenHarmony鸿蒙开发HarmonyOSharmonyos华为鸿蒙系统鸿蒙性能优化android前端
      鸿蒙NEXT开发实战往期必看文章：HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）场景描述在多列表页面开发中，数据展示往往有联动关系，场景一：单列表布局多长列
    • java类加载顺序 3213213333332132 java
      package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
    • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
      第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
    • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
      自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
    • DOM改变字体大小 周华华 前端
      <!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/1999/xhtml&q
    • c3p0的配置 g21121 c3p0
      c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
    • Java获取工程路径的几种方法 510888780 java
      第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
    • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
      1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
    • Java新手入门的30个基本概念一 aijuans javajava 入门新手
      在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
    • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
      1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
    • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
        视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
    • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
              Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
    • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
      /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
    • 【Log4j一】Log4j总体介绍 bit1129 log4j
      Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
    • Java IO笔记 白糖_ java
      public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
    • Docker 监控 ronin47 docker监控
               目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
    • java-顺时针打印图形 bylijinnan java
      一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
    • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
      对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
    • [并行计算]论宇宙的可计算性 comsci 并行计算
            现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
    • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
      网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
    • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
      老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
    • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
      怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
    • 未选之路 dcj3sjt126com 诗
      作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
    • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
        15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
    • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
      从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
    • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
        在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
    • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
      Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
    • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
      1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
    • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
      多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
    • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
      POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
    • java中单例的五种写法 liuxiaoling java单例
      /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他