山重水复疑无路
山重水复疑无路

Vue3笔记

创建

vue-cli创建

Vue3笔记_第1张图片

基于vite创建

Vue3笔记_第2张图片

webpack和vite构建对比图

Vue3笔记_第3张图片

Vue3笔记_第4张图片

基础

 官方推荐插件

Vue3笔记_第5张图片

Vue3笔记_第6张图片

Vue3笔记_第7张图片

选项式api和组合式api对比

Vue3笔记_第8张图片

Vue3笔记_第9张图片

 修改组件name插件

在devtools工具上显示组件name

Vue3笔记_第10张图片

Vue3笔记_第11张图片

自动补充ref的value插件，vol

Vue3笔记_第12张图片

基本语法

ref和reactive

Vue3笔记_第13张图片

Object.assign方法可以动态更新reactive定义的对象

Vue3笔记_第14张图片

watch

Vue3笔记_第15张图片

Vue3笔记_第16张图片

Vue3笔记_第17张图片

Vue3笔记_第18张图片

Vue3笔记_第19张图片

watchEffect

Vue3笔记_第20张图片

setup语法糖中自定义导出内容

Vue3笔记_第21张图片

标签的ref属性（获取dom节点）

Vue3笔记_第22张图片

ts相关

Vue3笔记_第23张图片

泛型

Vue3笔记_第24张图片

Vue3笔记_第25张图片

自定义类型

Vue3笔记_第26张图片Vue3笔记_第27张图片 可选参数

Vue3笔记_第28张图片

Vue3笔记_第29张图片

接收list+限制类型+限制必要性+指定默认值

Vue3笔记_第30张图片

Vue3笔记_第31张图片

路由相关 Vue3笔记_第32张图片

Vue3笔记_第33张图片

Vue3笔记_第34张图片

Vue3笔记_第35张图片

Vue3笔记_第36张图片

Store

pinia

Vue3笔记_第37张图片

Vue3笔记_第38张图片

Vue3笔记_第39张图片

 Vue3笔记_第40张图片

Vue3笔记_第41张图片

Vue3笔记_第42张图片

storeToRefs

Vue3笔记_第43张图片

getters

Vue3笔记_第44张图片

发布订阅

Vue3笔记_第45张图片

 组合式store

Vue3笔记_第46张图片

通信

props

Vue3笔记_第47张图片

emit

Vue3笔记_第48张图片

mitt

Vue3笔记_第49张图片

Vue3笔记_第50张图片

Vue3笔记_第51张图片

Vue3笔记_第52张图片

870abad0d5b6463f916a79d33ac5117f.jpg

v-model

Vue3笔记_第53张图片 

Vue3笔记_第54张图片

Vue3笔记_第55张图片

Vue3笔记_第56张图片

$attrs

Vue3笔记_第57张图片

$refs  $parent

Vue3笔记_第58张图片

provide  inject

Vue3笔记_第59张图片

总结

Vue3笔记_第60张图片

 其他api

shallowRef与shallowReactive

Vue3笔记_第61张图片

Vue3笔记_第62张图片

readonly与shallowReadonly

Vue3笔记_第63张图片

Vue3笔记_第64张图片

toRaw与markRaw

Vue3笔记_第65张图片

Vue3笔记_第66张图片

customRef

Vue3笔记_第67张图片

teleport

Vue3笔记_第68张图片

suspense

Vue3笔记_第69张图片

api测试网址

Vue3笔记_第70张图片

与vue2的区别

Vue3笔记_第71张图片

你可能感兴趣的:(vue.js)

  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • 在vue项目中嵌入Python项目 钱亚锋 vue.jspython前端javascriptecmascript
    在Vue项目中嵌入Python项目在现代Web开发中，前后端分离的架构已成为一种流行趋势。前端使用现代化框架（如Vue.js）来构建用户界面，而后端则使用其他语言（如Python）来处理复杂的业务逻辑和数据库交互。将Python项目嵌入到Vue项目中，可以有效利用两种语言的优势，提升开发效率。本文将介绍如何在Vue项目中集成Python项目，并附带代码示例和可视化工具。流程概述在将Python项目
  • 【第六节】方法与事件处理器 枫，为落叶 vuevue.js
    方法与事件处理器方法处理器可以用v-on指令监听DOM事件:Greet绑定一个单击事件处理器到一个方法greet。下面在Vue实例中定义这个方法varvm=newVue({el:'#example',data:{name:'Vue.js'//在'methods’对象中定义方法methods:{greet:function(event)(//方法内'this”指向vmalert('Hello+thi
  • 简约时装网店网站开发#网页制作 #网页设计 #网站建设 黄菊华老师 网页模板简约时装网店
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • Vue实战：利用Element UI轻松实现动态表单项管理与高效验证 征尘bjajmd elementui
    在Vue.js项目中，表单是与用户交互的重要部分，特别是在需要动态管理表单项的场景下，如何优雅地实现添加、删除、上移、下移及验证功能变得尤为重要。本文将详细介绍如何使用ElementUI来实现一个包含动态表单项管理以及验证功能的表单。效果图如下一、项目背景假设我们正在开发一个活动管理系统，其中一个功能是为活动添加多条路线信息，每条路线包含路线名称、可参加人数和路线详情。用户需要能够动态地添加、删除
  • 【vue-8】Vue3 Options API 生命周期函数全面解析 AllenBright #Vuevue.js前端javascript
    在Vue.js开发中，理解组件的生命周期是构建健壮应用程序的关键。虽然Vue3引入了CompositionAPI，但OptionsAPI仍然是许多开发者的首选，特别是对于从Vue2迁移的项目或更喜欢基于选项的代码组织的团队。本文将深入探讨Vue3中OptionsAPI的生命周期函数，帮助您掌握组件从创建到销毁的完整过程。1.生命周期概览Vue3的生命周期与Vue2相比有一些变化，主要是为了更好的支
  • vue2中实现双向绑定的三种方法 星语卿 前端开发语言
    在Vue.js中，v-model是实现双向绑定的核心指令，而.sync是用于父子组件之间双向绑定的修饰符。如果需要在自定义组件中实现双向绑定，可以通过以下几种方式来实现：1.使用v-model实现双向绑定v-model默认会绑定一个名为value的prop和一个名为input的事件。在自定义组件中，可以通过以下方式实现v-model的双向绑定：父组件ParentValue:{{parentValu
  • npm init vite-app runoob-vue3-test2 ，npm init vue@latest，指令区别 CATTLECODE npmvue.js前端
    这两个命令都是用于创建Vue.js项目的脚手架命令，但它们在技术栈、配置方式和项目结构上有显著区别：1.npminitvite-apprunoob-vue3-test2技术栈：基于Vite构建工具使用Vue3作为默认框架由Vite团队维护特点：bash复制代码npminitvite-app快速创建：零配置启动，没有交互选项文件结构：复制代码├──node_modules├──index.html├
  • 如何实现零成本裂变?微信推客带货小程序开发功能模式全解析 开发加微信：hedian116 微信
    引言在当今社交电商蓬勃发展的背景下，微信推客系统作为一种基于社交关系的分销模式，其技术实现和架构设计值得开发者深入探讨。本文将从技术角度分析微信推客系统的核心组件和实现原理，避免商业营销，专注于技术层面的分享。一、微信推客系统的基本架构1.1前端架构微信推客系统通常采用混合开发模式：小程序前端：使用WXML+WXSS+JavaScript技术栈H5页面：Vue.js或React框架实现跨平台兼容原
  • Vue.js前端组件通信的多种方式解析 AI架构全栈开发实战笔记 前端大数据与AI人工智能前端艺匠馆前端vue.jsflutterai
    Vue.js前端组件通信的多种方式解析关键词：Vue.js、组件通信、props、事件总线、Vuex、provide/inject、Pinia摘要：在Vue.js的组件化开发中，组件通信是构建复杂应用的核心能力。本文将用“班级里的小喇叭”“家族传家宝”等生活化类比，从父子、兄弟到跨层级组件，一步步拆解Vue.js中8种主流通信方式的原理、使用场景与实战技巧，帮你彻底掌握组件通信的“十八般武艺”。背
  • vue 组件水平滚动_Vue.js自定义垂直/水平滚动条组件|vue模拟滚动条 weixin_39726379 vue组件水平滚动
    介绍VScroll滚动条基于vuejs2.x构建的美化XY轴滚动条组件。支持原生滚动条、鼠标移出是否隐藏滚动条、自定义滚动条尺寸、颜色及层级等功能。拥有漂亮且流畅的滚动体验！参数配置props:{//是否显示原生滚动条native:Boolean,//是否自动隐藏滚动条autohide:Boolean,//滚动条尺寸size:{type:[Number,String],default:''},//
  • 鞋类电商平台网站制作 #网站建设 #公司网站建设 #网站定制开发 黄菊华老师 网页模板鞋类电商平台网站
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注网站制作、小程序开发、软件开发和大学生毕业设计教育、辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频
  • vue项目入门 太阳伞下的阿呆 前端vue.js前端javascript
    入门1.创建Vue项目首先，确保你已经安装了Node.js和VueCLI（如前面所提到的）。然后，你可以创建一个新的Vue项目：vuecreatevue-crud-project选择Vue3和默认配置（或者根据需要自定义配置）。2.推荐的Vue.js项目目录结构以下是一个常见的、适合中小型Vue.js项目的目录结构：vue-crud-project/├──public/#存放静态资源│├──ind
  • MyUI 登陆组件使用文档 速易达网络 Vue-MyUI组件库vue.js前端框架前端
    下面是一个完整的Vue.js登录组件实现，包含表单验证、API请求、状态管理和路由跳转等功能：功能特点表单验证：实时验证用户名（邮箱格式）密码复杂度验证（6-20位字母+数字）错误提示显示用户体验：提交按钮加载状态"记住我"功能（使用localStorage）友好的错误提示安全措施：防止重复提交密码字段使用type="password"401未授权处理
  • Uniapp 纯前端台球计分器开发指南：能否上架微信小程序 & 打包成APP？ 雪碧聊技术 uniappuni-app前端微信小程序台球计分器
    目录前言：纯前端Uniapp项目的可行性台球计分器功能分析（纯前端实现方案）如何发布到微信小程序（无后端限制）如何打包成手机APP（Android&iOS）⚠️注意事项&常见问题优化建议（提升用户体验）总结&互动问答1.前言：纯前端Uniapp项目的可行性Uniapp是一个基于Vue.js的跨平台开发框架，可以一套代码编译到微信小程序、H5、Android、iOS等多个平台。如果你的台球计分器只需
  • Vue.js 性能优化指南：掌握 keep-alive 的使用技巧 乐闻x Vue进阶笔记手册vue.js性能优化前端
    前言在现代前端开发中，性能优化和用户体验一直是开发者关注的重点。对于使用Vue.js构建的单页应用（SPA）来说，频繁的组件切换可能带来性能问题和状态丢失等挑战。Vue提供的keep-alive组件为这一问题提供了优雅的解决方案。本文将深入探讨keep-alive的作用及其使用方法，帮助开发者在实际项目中充分利用这一功能实现高效的组件管理。什么是keep-alive？简单来说，keep-alive
  • Vue.js与Ajax实现数据动态交互及双向绑定项目指南 溪水边小屋
    本文还有配套的精品资源，点击获取简介：Vue.js结合Ajax技术可以创建动态交互的Web应用程序。本项目指南介绍了如何在Vue.js框架下使用Ajax下载和上传后台数据，并通过双向数据绑定实时更新页面内容。项目中演示了Vue组件数据绑定、axios的集成与使用，以及如何处理用户交互、服务器响应和文件操作。通过这一过程，用户能够构建一个高效、直观的用户体验良好的单页应用程序。1.Vue.js框架简
  • 【插件】vue-i18n的安装和使用全解
    vue-i18n是Vue.js的国际化插件，它提供了丰富的API和配置选项，支持多种语言切换、语言资源管理、日期时间格式化等功能，能够满足不同场景下的国际化需求。1.项目准备在开始之前，请确保已经具备以下条件：Vue.js项目环境：已搭建好的Vue.js项目，建议使用VueCLI创建。Node.js环境：已安装Node.js和npm。2.安装vue-i18n使用npm安装vue-i18nnpmin
  • Vue UEditor Wrap JS：实现富文本编辑器的Vue组件 技术驱动者 javascriptvue.js前端js
    VueUEditorWrapJS：实现富文本编辑器的Vue组件在Vue.js开发中，经常需要使用富文本编辑器来处理用户输入的富文本内容。Vue-UEditor-Wrap是一个方便的Vue组件，它将百度UEditor富文本编辑器封装成了一个可直接在Vue项目中使用的组件。本文将详细介绍如何使用Vue-UEditor-Wrap来实现富文本编辑器功能。首先，我们需要安装Vue-UEditor-Wrap。
  • Vue的ubus emit/on使用 搞个项目 前端vue.js前端javascript
    这段代码是Vue.js组件中的mounted生命周期钩子函数，主要作用是监听一个名为“macSelectData”的全局事件。具体行为如下：分步解释：mounted()生命周期钩子当组件被挂载到DOM后，Vue会自动调用mounted()方法。这里常用于初始化操作，比如数据请求、事件监听等。this.$bus.on("macSelectData",this.open)this.$bus：通常指通过
  • 深入理解 UniApp：跨平台开发的终极解决方案
    深入理解UniApp：跨平台开发的终极解决方案一、UniApp概述：重新定义跨平台开发（一）UniApp的诞生背景在移动互联网高速发展的今天，多端适配成为开发者面临的主要挑战。传统开发模式下，针对iOS、Android、微信小程序、H5等不同平台需要编写多套代码，开发成本高且维护困难。DCloud公司于2019年推出的UniApp，正是为了解决这一行业痛点而生。它基于Vue.js语法规范，实现了"
  • uni-app跨平台开发知识点总结
    uni-app简介uni-app概述：uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app由来：是为了解决跨平台开发的问题。在移动应用开发中，不同平台（如iOS、Android）有不同的开发语言和技术栈，这导致开发者
  • 【学术会议投稿】Vue.js组件开发实战：从零构建高效可复用组件 小周不想卷 艾思科蓝学术会议投稿vue.js
    【IEEE出版|会后3-4个月EI检索】第三届云计算、大数据应用与软件工程国际学术会议(CBASE2024）_艾思科蓝_学术一站式服务平台更多学术会议请看：https://ais.cn/u/nuyAF3目录引言一、Vue.js组件开发基础二、构建高效可复用组件三、Vue.js组件的高级特性四、Vue.js的优点与缺点Vue.js的优点Vue.js的缺点引言在现代前端开发中，Vue.js凭借其简洁的
  • 《Vue.js 核心概念：前端魔法世界的奇幻基石》 Muai木离 前端vue.jsflutter
    在当今数字化浪潮汹涌澎湃，Web应用如梦幻仙境般绚烂多彩且变幻无穷的时代，Vue.js仿若一位神秘而强大的魔法画师，其核心概念则是绘制出震撼人心的Web开发魔法画卷的神来之笔。这些概念宛如星空中最耀眼、最具魔力的星座，不仅赋予Vue.js令人心醉神迷的独特魅力与蓬勃无尽的创造力，更为构建灵动如仙、性能超凡且用户体验犹如置身奇幻梦境的Web应用勾勒出清晰可见的魔法蓝图。对于那些心怀对前端开发领域的炽
  • Pinia 实战指南：Vue 3 状态管理的高效之道 做人不能太高调 vue.js前端javascript
    1.给我来个系统学习Pinia的大纲学习Pinia作为Vue.js的状态管理库，可以按照以下大纲来系统地进行学习：1.Pinia入门Pinia简介什么是Pinia？Pinia是Vue3的官方状态管理库，是对Vuex的继承和改进。它通过提供更简洁和灵活的API，使得在Vue应用中管理全局状态变得更加容易。Pinia是专为Vue3设计的，基于CompositionAPI，允许开发者以更加模块化和简洁的
  • error ‘vue‘ 不是内部或外部命令，也不是可运行的程序或批处理文件 [Windows/Mac/Linux 系统解决方案大全]
    error‘vue‘不是内部或外部命令，也不是可运行的程序或批处理文件[Windows/Mac/Linux系统解决方案大全]在使用Vue.js开发时，常常会遇到如下错误提示：'vue'不是内部或外部命令，也不是可运行的程序或批处理文件。这是因为系统无法识别vue命令，可能源于多种原因：未安装或未正确配置环境变量、VueCLI未安装、Node.js管理工具（如nvm）切换版本后未重新全局安装等。作者
  • 入门指南：Vue.js的基本概念和用法 是小韩呀 vue.jsjavascript前端
    引言：Vue.js是一种流行的JavaScript框架，用于构建现代化的Web应用程序。它以其简洁易用的API和响应式的数据绑定而闻名，使得开发人员能够更轻松地构建交互性强大的用户界面。本文将介绍Vue.js的基本概念和用法，帮助初学者快速入门。一、Vue.js是一个轻量级、渐进式的JavaScript框架，用于构建用户界面。它的设计目标是通过尽可能简单的API，让开发者能够更高效地开发交互性强大
  • 使用位运算优化 Vue.js 应用：高效状态管理技巧 结城 vuevue.js前端javascript
    在Vue.js开发中，位运算（BitwiseOperations）是一种高效的工具，尤其适用于需要管理大量布尔状态或优化性能的场景。位运算通过操作二进制位来实现状态的存储和检查，相比传统的数组或对象操作，内存占用更低，执行速度更快。本篇博客将介绍如何在Vue.js中应用位运算技巧，结合Vue的响应式系统实现高效的状态管理。读vue3响应式源码有感https://github.com/vuejs/c
  • Vue.js 全面解析：构建现代前端应用的渐进式框架 斯~内克 vue知识点前端vue.js
    一、Vue.js的核心价值与演进1.1前端框架的变革与Vue的定位根据2024年StateofJS调查报告，Vue.js以82%的开发者满意度稳居前端框架前三甲。其核心优势体现在：渐进式架构：可从轻量级视图层扩展至全栈解决方案响应式系统：基于Proxy的精准依赖追踪（Vue3）组合式API：代码复用率提升60%以上生态系统：覆盖SSR、状态管理、移动端等20+场景1.2版本演进里程碑版本发布时间里
  • UniApp 常用UI库 xkxnq uniappuniapp
    UniApp是一个基于Vue.js的跨平台开发框架，常用于开发微信小程序、H5、App等应用。为了快速构建界面，开发者常使用一些UI库，这些库提供了预定义的组件（如按钮、列表、表单等），能显著提升开发效率。以下是一些常用的UniAppUI库及其对应的GitHub地址（开源地址），这些都是社区中广泛使用且维护活跃的项目：常用UniAppUI库及地址uViewUI简介：一个功能强大、高度可定制的UI框
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他