up主:ilovecoding
1. 认识vue
vue:读音类似于view,莫说成v-u-e。
vue是一个渐进式的框架。vue可以作为应用的一部分嵌入其中,可广泛用于一点一点的项目重构。
常见高级功能:解耦视图和数据;可复用组件;前端路由技术;状态管理;虚拟dom
vue.js安装
1.直接cdn应用,参考官方文档。 2.下载和引入,参考官方文档。 3.nmp安装。
vue初学习
1. 官网下载vue.js。
2. 引入vue.js
3. 创建div元素,设定元素id {{message}}
4. 创建vue对象,管理div元素
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
message:'hello , world'
},
method:{
change:function (){ this.message = '今天天气真好' }
}
})
Vue中的MVVM
Model : Plain javascript Objects
View : DOM
ViewModel: Vue实例
Vue的options选项 ① el :string类型 || HTMLElement el:’#app’, 可以用HTMLElement替换字符串‘#app’,例如 el:document.querySelector() ② data: Object || Function(组件当中data必须是一个函数) ③ methods : {[key:string]:function} ④ 生命周期函数 拓展:开发中什么叫函数?什么叫方法 方法:method,写在实例里,类里,和实例对象挂钩 函数:function,写在实例外面,类外面。直接写在 java只有方法没有函数。
Vue的生命周期
生命周期:vue实例从创建到销毁的过程。 beforeCreate: created: beforeMount: mounted: beforeUpdate: updated: beforeDestroy: destroyed:
Mustache语法{{}}
Mustache:胡子,胡须 data:{ message :'morning", name:“小可爱”, num:1 } mustache语法中 不仅可以直接写变量 ,也可以写简单的表达式 ①{{message}} ②{{message + name}} ③{{message + ’ ’ +name}} ④{{ num * 2 }}
v-once
该指令表示元素和组件只渲染一次,不会随着数据的改变而改变。
v-html
用于插入html代码
data:{
url:"百度一下 ",
}
v-text
将数据显示在界面中,通常情况下,接收一个string类型,类似mustache语法,但是不够灵活。
,李银河
data:{
message:"你好啊",
}
结果:‘,李银河’会被你好啊覆盖。
v-pre
用于跳过这个元素和它子元素的编译过程,用于显示的Mustache语法
{{message}}
data:{
message:"你好啊",
}
结果:
{{message}}
v-cloak 仅作了解
cloak:斗篷。
//在vue解析之前,h2中有一个属性v-cloak
//在vue解析之后,h2中没有一个属性v-cloak
{{message}}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
message:'hello , world'
},
})
v-bind
用于动态绑定属性。 语法糖 ‘:’ ① 动态绑定class
动态绑定对象 :class={active:isActive , line : isLine},在data里定义isActive和isLine,值为boolean类型,为true时渲染类名,例如class=“active line”
动态绑定方法 :class=“getClass()” getClass(){ return {active:this.isActive , line : this.isLine} }
动态绑定数组 class="[‘isActive’, 'isLine’]" , isActive加引号表示字符串,不加引号表示变量。
计算属性
① 基本使用
{{fullName}}
{{getFullName()}}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
firstName:'Li',
lastName:'James'
},
//计算属性
computed:{
fullName:function(){
return this.firstName+ ' '+this.lastName //对应下面的get方法
}
}
method:{
getFullname(){ return this.firstName+ ' '+this.lastName }
}
})
② 复杂操作
总价格:{{tPrice }}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
books:[
{id:1,name:'java基础',price:26}
{id:11,name:'java深入理解',price:27}
{id:12,name:'java工程师',price:28}
]
},
//计算属性
computed:{
totalPrice:function(){
let tPrice = 0;
//for使用方法1
for(let i = 0; i< this.books.length;i++){
tPrice += this.books[i].price
}
//for使用方法2
for(let i in this.books){
tPrice += this.books[i].price
}
//for使用方法2
for(let book of this.books){
tPrice += this.book.price
}
}
}
})
//哪儿难了 coding老师骗人。
计算属性的setter和getter
{{fullName}}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
firstName:'Li',
lastName:'James'
},
//计算属性
computed:{
//计算属性一般没有set方法,是只读属性。
fullName:{
get:function(){
return this.firstName+ ' '+this.lastName
}
}
}
})
计算属性和method方法对比
{{fullName}}
{{fullName}}
{{getFullName()}}
{{getFullName()}}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
firstName:'Li',
lastName:'James'
},
//计算属性
computed:{
fullName:function(){
console.log('---');
return this.firstName+ ' '+this.lastName //对应下面的get方法
}
}
method:{
getFullname(){
console.log('---');
return this.firstName+ ' '+this.lastName }
}
})
对比以后,计算属性只打印一次,method打印两次 计算属性的性能更好
v-on -> @
绑定事件监听器
事件定义时,写函数省略小括号,但方法本身需要一个参数,这时vue会默认将浏览器产生的event事件作为参数传入到方法中 @click = “addNum” addNum(num){ console.log(num);//会在控制台将事件打印出来 }
在调用方法时,如何手动获取到浏览器参数的event对象: e v e n t @ c l i c k = “ a d d N u m ( 123 , event @click = “addNum(123, e v e n t @ c l i c k = “ a d d N u m ( 1 2 3 , event)” addNum(a,event){ console.log(a); console.log(event);//会在控制台将事件打印出来 }
v-on的修饰符
//① .stop阻止冒泡事件使用,加上.stop后,调用btnClick事件不会触发divClick事件
按钮
//② .prevent 阻止默认事件的调用,如下,阻止表单默认提交
//③ 监听键盘的键帽
//修饰符,键代码
//④ 监听组件根元素自定义的原生事件,例如监听自定义组件的点击事件
//⑤ .once只触发一次回调
const app = new Vue({
el:'#app', //用于挂载要管理的元素
method:{
btnClick(){
console.log('---','btn');
}
divClick(){
console.log('---','div');
}
keyup(){
console.log('---keyup');
}
})
条件判断 v-if和v-else && v-if v-else-if v-else
v-for遍历对象
//遍历对象的过程中,只获取一个值时,获取的是value
{{ value}} - {{ key }}
let app = new Vue({
el:'#app', //用于挂载要管理的元素
data:{ // 定义数据
movices:['海娃','海贼王','加勒比海盗','海的女儿'],
currentIndex = 0;
})
过滤器
你可能感兴趣的:(vue.js)
Vue:为什么要使用v-cloak
刻刻帝的海角
vue.js 前端 javascript
Vue.js是一种流行的JavaScript框架,它使我们能够构建交互性强大的用户界面。在Vue.js中,v-cloak是一个指令,用于解决在页面加载时出现的闪烁问题。本文将介绍如何使用v-cloak及代码来优化Vue.js应用程序的渲染效果。引言当我们使用Vue.js构建应用程序时,有时会遇到一个问题:在页面加载时,由于Vue.js需要一定的时间来解析和渲染模板,会导致页面上显示出未经处理的Mu
如何快速上手Vue框架?
山间漫步人生路
vue.js 前端框架 vue.js
要快速上手Vue框架,可以按照以下步骤进行:一、准备工作了解Vue:Vue是一个构建用户界面的渐进式框架,核心库只关注视图层。环境准备:安装Node.js和npm,这是Vue开发的基础环境。二、安装Vue全局安装VueCLI:使用npm全局安装VueCLI,它是一个基于Vue.js进行快速开发的完整系统。npminstall-g@vue/cli三、创建Vue项目使用VueCLI创建新项目:vuec
[套路] 浏览器引入Vue.js场景-WangEditor富文本编辑器的使用 (永久免费)
Grandpa_Rick
套路 front end vue.js 前端 javascript wangEditor
系列文章目录[套路]el-table多选属性实现单选效果[套路]基于服务内存实现的中文拼音混合查询[套路]Bypass滑块验证码目录系列文章目录前言一、实现1.1场景1.2Window对象简介1.3引入WangEditor1.4页面配置前言公司使用freemarker的老旧SpringBootWeb后台项目,前两年通过浏览器引入js的方式使用Vue简单升级了下,方便迭代功能.近期一个很简单的功能需
python社区垃圾分类管理平台的设计与实现flask-django-php-nodejs
QQ_511008285
python flask django vue.js php node.js
近些年来,随着科技的飞速发展,互联网的普及逐渐延伸到各行各业中,给人们生活带来了十分的便利,社区垃圾分类管理平台利用计算机网络实现信息化管理,使整个社区垃圾分类管理的发展和服务水平有显著提升。语言:Python框架:django/flask软件版本:python3.7.7数据库:mysql数据库工具:Navicat前端框架:vue.js通过比较两个不同因素的框架,可以看出Flask和Django不
Vue生命周期
长沙火山
iOS开发 vue.js 前端 javascript
一、生命周期在Vue.js中,组件实例有一个完整的生命周期,包括创建、挂载、更新和销毁等阶段。Vue生命周期钩子函数允许我们在组件不同阶段添加自定义逻辑。以下是Vue生命周期的详细介绍:1.1创建阶段(Creation)beforeCreate在实例初始化之后,数据观测(dataobserver)和事件配置(event/watchersetup)之前被调用。此时实例还未初始化完成,数据和方法均不可
Python招聘信息爬虫数据可视化分析大屏全屏系统(Django框架) 开题报告
黄菊华老师
毕设资料 python 开发语言
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
如何清除keep-alive缓存
泡芙·草莓
缓存
在Vue.js中,使用组件可以将组件保留在内存中,以避免重复渲染和销毁,从而提高性能。如果需要手动清除组件的缓存,可以通过两种方法来实现:通过$destroy方法销毁组件:可以在组件内部手动调用$destroy方法来销毁组件实例,从而清除缓存。这样在下次需要再次渲染时,组件会重新创建。this.$destroy();通过设置include和exclude属性:可以通过设置组件的include和ex
vuex怎么防止数据刷新丢失?
一个大长腿
javascript 开发语言 ecmascript
在Vue.js应用程序中,Vuex是一个用于管理应用程序状态的状态管理库。默认情况下,Vuex的状态存储在内存中,并且在页面刷新时会丢失。为了防止数据刷新丢失,你可以考虑以下几种方法:这些方法可以帮助你防止Vuex数据刷新丢失。根据你的应用场景和需求,选择最适合你的方法即可。使用持久化插件:Vuex提供了一些第三方插件,如vuex-persistedstate,可以将状态持久化到本地存储(如loc
Vue项目中使用Mock.js进行API模拟
洛可可白
前端专栏 javascript vue.js 前端
Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地,这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术:SpringBoot、Mybatis-plus、Swagger移动开发:Andr
Python贵州贵阳二手房源爬虫数据可视化分析大屏全屏系统 开题报告
黄菊华老师
毕设资料 贵州贵阳二手房源爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
基于Python电影院在线选座订票系统 (Django框架)答辩常规问题和如何回答(答辩指导)
黄菊华老师
毕设资料 电影院在线选座订票系统
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
Python北京二手房源爬虫数据可视化分析大屏全屏系统 开题报告
黄菊华老师
毕设资料 北京二手房源爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
Python湖南长沙二手房源爬虫数据可视化分析大屏全屏系统 开题报告
黄菊华老师
毕设资料 湖南长沙二手房源爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
【vue.js】文档解读【day 1】 | 模板语法2
欲尽
vue vue.js 前端 javascript
如果阅读有疑问的话,欢迎评论或私信!!本人会很热心的阐述自己的想法!谢谢!!!文章目录模板语法JavaScript表达式仅支持表达式调用函数?受限的全局访问指令参数动态参数动态参数中值的限制动态参数中语法的限制模板语法JavaScript表达式除了前面的文本插值、绑定attr属性外,我们还可以直接在Vue中输入JavaScript表达式。就像下面这样:{{message.split('').rev
【python课程作业】python学生成绩管理系统
山东好汉Tim
python 开发语言
功能介绍平台采用B/S结构,后端采用主流的Python语言进行开发,前端采用主流的Vue.js进行开发。给舍友做的课程作业。功能包括:成绩管理、学生管理、课程管理、班级管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_score演示地址http://score.gitapp.cn/?rel=1演示帐号:用户名:admin123
Vue3教程
m0_59519985
Vue vue
1.1配置环境vue官网:Vue.js-TheProgressiveJavaScriptFramework|Vue.js终端Linux和Mac上可以用自带的终端。Windows上推荐用powershell或者cmd。GitBash有些指令不兼容。安装Nodejs安装地址:Node.js安装@vue/cli打开GitBash,执行:npmi-g@vue/cli如果执行后面的操作有bug,可能是最新版
Vue.js--基础
Lemon_Kang
Vue1、基本概念渐进式框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验特点解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2、安装Vue.js 1.直接CDN引入 2.下载后项目中引入js文件 3.使用npm安装3、初体验{{message}}{{item}}{{count}}+-//数据和视图分离引入vue的js文件//let(ES6定义变量)/cons
Vue路由模式
几何心凉
前端小常识 vue.js 前端 javascript
聚沙成塔·每天进步一点点本文内容⭐专栏简介路由模式1.Hash模式2.History模式选择路由模式的考虑因素⭐写在最后⭐专栏简介Vue学习之旅的奇妙世界欢迎大家来到Vue技能树参考资料专栏!创建这个专栏的初衷是为了帮助大家更好地应对Vue.js技能树的学习。每篇文章都致力于提供清晰、深入的参考资料,让你能够更轻松、更自信地理解和掌握Vue.js的核心概念和技术。订阅这个专栏,让我们一同踏上更深入
Python上海美食餐厅餐馆商家爬虫数据可视化分析和推荐查询系统 开题报告
黄菊华老师
毕设资料 上海美食餐厅餐馆爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
Vue 3 中的 Composition API 详解
奔强的程序
vue
Vue.js,作为前端领域流行的框架之一,以其响应式数据绑定和组件化开发赢得了广大开发者的喜爱。随着前端技术的不断发展和项目复杂度的增加,Vue团队推出了Vue3,并引入了CompositionAPI,以更好地满足复杂应用的需求。一、CompositionAPI是什么?CompositionAPI是Vue3中新增的一组API,它允许开发者使用函数式编程的方式来组织和复用组件逻辑。与Vue2中的Op
Vue 3.4 - 详细发布说明
大鱼前端
前端
欢迎关注微信公众号:前端历险记Vue.js,作为一个流行的前端框架,以其响应式数据绑定和灵活的组件系统而闻名。Vue3是Vue.js的一个主要版本,它引入了许多新的特性和改进,包括CompositionAPI、性能优化和更小的体积。现在,随着Vue3.4的发布,这个框架又向前迈进了一大步。一、性能提升渲染优化:Vue3.4对其渲染引擎进行了进一步的优化,特别是在处理大量动态节点和复杂组件树时。通过
Python青海西宁二手房源爬虫数据可视化分析大屏全屏系统 开题报告
黄菊华老师
毕设资料 青海西宁二手房源爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
Vue 3.4 - 详细发布说明
前端
欢迎关注微信公众号:前端历险记Vue.js,作为一个流行的前端框架,以其响应式数据绑定和灵活的组件系统而闻名。Vue3是Vue.js的一个主要版本,它引入了许多新的特性和改进,包括CompositionAPI、性能优化和更小的体积。现在,随着Vue3.4的发布,这个框架又向前迈进了一大步。一、性能提升渲染优化:Vue3.4对其渲染引擎进行了进一步的优化,特别是在处理大量动态节点和复杂组件树时。通过
前端工程化面试题 | 15.精选前端工程化高频面试题
ai_todo
前端工程化 前端 javascript typescript 开发语言
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的代码分支管理和代码合并。你熟悉的代码合并工具有哪些?解释一下前端中的流程管理
vue实现商品评分效果(通过插件实现)
小刘的博客间
vue.js javascript 前端 html css
Vue.js实现了一个简单的商品评分功能。用户可以通过点击星星来修改商品的评分,并且评分显示了相应的星星数。废话不多说,直接上代码方法一:exportdefault{data(){return{formData:{status_id:0,//初始评分为0},};},};方法二:商品评分:{{status_id}}★exportdefault{data(){return{status_i
Python辽宁沈阳二手房源爬虫数据可视化分析大屏全屏系统 开题报告
黄菊华老师
毕设资料 辽宁沈阳二手房源爬虫数据可视化
博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSD
如何快速上手Vue框架
程序老猫
vue.js
快速上手Vue.js框架,你可以遵循以下步骤:###**环境准备**1.**安装Node.js**:确保你的开发环境中已安装了最新版的Node.js,因为VueCLI(Vue的命令行工具)需要Node.js环境。2.**全局安装VueCLI**:打开终端或命令提示符,运行以下命令来全局安装VueCLI:```bashnpminstall-g@vue/cli```3.**创建新项目**:使用VueC
vue.js的介绍
Komorebi_9999
vue.js 前端 javascript
Vue.js(通常简称为Vue)是一个构建用户界面的渐进式框架。Vue被设计为自底向上逐层应用,其核心库只关注视图层,易于与其他库或已有项目整合。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js和Vue实际上是指同一个东西,Vue.js是Vue的全称。当人们在讨论Vue时,他们通常指的是Vue.js这个框架。Vue.js提供了一种声明式渲染的语法,可以非常方便地
uni-pp(一)什么是uni-pp
AlanGe
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app),腾讯课堂官方为uni-
vue.js之视频播放器组件
一个小前端程序员
首先,安装依赖npminstallvue-video-player-S然后,在src/main.js中importVueVideoPlayerfrom'vue-video-player'import'video.js/dist/video-js.css'Vue.use(VueVideoPlayer)最后,在组件中使用exportdefault{data(){return{playerOptions
二分查找排序算法
周凡杨
java 二分查找 排序 算法 折半
一:概念 二分查找又称
折半查找(
折半搜索/
二分搜索),优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。因此,折半查找方法适用于不经常变动而 查找频繁的有序列表。首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表 分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步
java中的BigDecimal
bijian1013
java BigDecimal
在项目开发过程中出现精度丢失问题,查资料用BigDecimal解决,并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习,特转载。
原文地址:http://blog.csdn.net/ugg/article/de
Shell echo命令详解
daizj
echo shell
Shell echo命令
Shell 的 echo 指令与 PHP 的 echo 指令类似,都是用于字符串的输出。命令格式:
echo string
您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串:
echo "It is a test"
这里的双引号完全可以省略,以下命令与上面实例效果一致:
echo Itis a test 2.显示转义
Oracle DBA 简单操作
周凡杨
oracle dba sql
--执行次数多的SQL
select sql_text,executions from (
select sql_text,executions from v$sqlarea order by executions desc
) where rownum<81;
&nb
画图重绘
朱辉辉33
游戏
我第一次接触重绘是编写五子棋小游戏的时候,因为游戏里的棋盘是用线绘制的,而这些东西并不在系统自带的重绘里,所以在移动窗体时,棋盘并不会重绘出来。所以我们要重写系统的重绘方法。
在重写系统重绘方法时,我们要注意一定要调用父类的重绘方法,即加上super.paint(g),因为如果不调用父类的重绘方式,重写后会把父类的重绘覆盖掉,而父类的重绘方法是绘制画布,这样就导致我们
线程之初体验
西蜀石兰
线程
一直觉得多线程是学Java的一个分水岭,懂多线程才算入门。
之前看《编程思想》的多线程章节,看的云里雾里,知道线程类有哪几个方法,却依旧不知道线程到底是什么?书上都写线程是进程的模块,共享线程的资源,可是这跟多线程编程有毛线的关系,呜呜。。。
线程其实也是用户自定义的任务,不要过多的强调线程的属性,而忽略了线程最基本的属性。
你可以在线程类的run()方法中定义自己的任务,就跟正常的Ja
linux集群互相免登陆配置
林鹤霄
linux
配置ssh免登陆
1、生成秘钥和公钥 ssh-keygen -t rsa
2、提示让你输入,什么都不输,三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub
其中id_rsa为秘钥,id_rsa.pub为公钥,使用公钥加密的数据只有私钥才能对这些数据解密 c
mysql : Lock wait timeout exceeded; try restarting transaction
aigo
mysql
原文:http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html
原因是你使用的InnoDB 表类型的时候,
默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s,
因为有的锁等待超过了这个时间,所以抱错.
你可以把这个时间加长,或者优化存储
Socket编程 基本的聊天实现。
alleni123
socket
public class Server
{
//用来存储所有连接上来的客户
private List<ServerThread> clients;
public static void main(String[] args)
{
Server s = new Server();
s.startServer(9988);
}
publi
多线程监听器事件模式(一个简单的例子)
百合不是茶
线程 监听模式
多线程的事件监听器模式
监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到
创建多线程的事件监听器模式 思路:
1, 创建线程并启动,在创建线程的位置设置一个标记
2,创建队
spring InitializingBean接口
bijian1013
java spring
spring的事务的TransactionTemplate,其源码如下:
public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{
...
}
TransactionTemplate继承了DefaultT
Oracle中询表的权限被授予给了哪些用户
bijian1013
oracle 数据库 权限
Oracle查询表将权限赋给了哪些用户的SQL,以备查用。
select t.table_name as "表名",
t.grantee as "被授权的属组",
t.owner as "对象所在的属组"
【Struts2五】Struts2 参数传值
bit1129
struts2
Struts2中参数传值的3种情况
1.请求参数绑定到Action的实例字段上
2.Action将值传递到转发的视图上
3.Action将值传递到重定向的视图上
一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上
Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上,绑定的规则使用ognl表达式语言
【Kafka十四】关于auto.offset.reset[Q/A]
bit1129
kafka
I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or
nginx gzip压缩配置
ronin47
nginx gzip 压缩范例
nginx gzip压缩配置 更多
0
nginx
gzip
配置
随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢?
gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用
java-13.输入一个单向链表,输出该链表中倒数第 k 个节点
bylijinnan
java
two cursors.
Make the first cursor go K steps first.
/*
* 第 13 题:题目:输入一个单向链表,输出该链表中倒数第 k 个节点
*/
public void displayKthItemsBackWard(ListNode head,int k){
ListNode p1=head,p2=head;
Spring源码学习-JdbcTemplate queryForObject
bylijinnan
java spring
JdbcTemplate中有两个可能会混淆的queryForObject方法:
1.
Object queryForObject(String sql, Object[] args, Class requiredType)
2.
Object queryForObject(String sql, Object[] args, RowMapper rowMapper)
第1个方法是只查
[冰川时代]在冰川时代,我们需要什么样的技术?
comsci
技术
看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?
那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...
&nb
js 获取浏览器型号
cuityang
js 浏览器
根据浏览器获取iphone和apk的下载地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" content="text/html"/>
<meta name=
C# socks5详解 转
dalan_123
socket C#
http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯,Socket4的实现是类似的,注意的事,这里不是讲用C#实现一个代理服务器,因为实现一个代理服务器需要实现很多协议,头大,而且现在市面上有很多现成的代理服务器用,性能又好,
运维 Centos问题汇总
dcj3sjt126com
云主机
一、sh 脚本不执行的原因
sh脚本不执行的原因 只有2个
1.权限不够
2.sh脚本里路径没写完整。
二、解决You have new mail in /var/spool/mail/root
修改/usr/share/logwatch/default.conf/logwatch.conf配置文件
MailTo =
MailFrom
三、查询连接数
Yii防注入攻击笔记
dcj3sjt126com
sql WEB安全 yii
网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查,可以使用正则表达式或者直接输入字符判断,大部分是只允许输入字母和数字的,其它字符度不允许;对于内容复杂表单的内容,应该对html和script的符号进行转义替换:尤其是<,>,',"",&这几个符号 这里有个转义对照表:
http://blog.csdn.net/xinzhu1990/articl
MongoDB简介[一]
eksliang
mongodb MongoDB简介
MongoDB简介
转载请出自出处:http://eksliang.iteye.com/blog/2173288 1.1易于使用
MongoDB是一个面向文档的数据库,而不是关系型数据库。与关系型数据库相比,面向文档的数据库不再有行的概念,取而代之的是更为灵活的“文档”模型。
另外,不
zookeeper windows 入门安装和测试
greemranqq
zookeeper 安装 分布式
一、序言
以下是我对zookeeper 的一些理解: zookeeper 作为一个服务注册信息存储的管理工具,好吧,这样说得很抽象,我们举个“栗子”。
栗子1号:
假设我是一家KTV的老板,我同时拥有5家KTV,我肯定得时刻监视
Spring之使用事务缘由(2-注解实现)
ihuning
spring
Spring事务注解实现
1. 依赖包:
1.1 spring包:
spring-beans-4.0.0.RELEASE.jar
spring-context-4.0.0.
iOS App Launch Option
啸笑天
option
iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:,其中第二个参数launchOptions为NSDictionary类型的对象,里面存储有此程序启动的原因。
launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。
1、若用户直接
jdk与jre的区别(_)
macroli
java jvm jdk
简单的说JDK是面向开发人员使用的SDK,它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包,可以包括函数库、编译程序等。
JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境,是面向Java程序的使用者,而不是开发者。 如果安装了JDK,会发同你
Updates were rejected because the tip of your current branch is behind
qiaolevip
学习永无止境 每天进步一点点 众观千象 git
$ git push joe prod-2295-1
To
[email protected] :joe.le/dr-frontend.git
! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward)
error: failed to push some refs to '
[email protected]
[一起学Hive]之十四-Hive的元数据表结构详解
superlxw1234
hive hive元数据结构
关键字:Hive元数据、Hive元数据表结构
之前在 “[一起学Hive]之一–Hive概述,Hive是什么”中介绍过,Hive自己维护了一套元数据,用户通过HQL查询时候,Hive首先需要结合元数据,将HQL翻译成MapReduce去执行。
本文介绍一下Hive元数据中重要的一些表结构及用途,以Hive0.13为例。
文章最后面,会以一个示例来全面了解一下,
Spring 3.2.14,4.1.7,4.2.RC2发布
wiselyman
Spring 3
Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。
其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止),后续会继续根据需求和bug发布维护版本。此时,Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。
其中Spring 4.1.7主要包含这些更新内容。