可 乐 伢
可 乐 伢

字体滚动实现效果的几种方式

一、 第一种方式

         
    
            
  • 
              {
    { item.noticeTitle }}
            
    • 
          

          
          data(){
            return{
               animate:false,
               list:[{
                 noticeTitle:'今天是个好日子！'
               },{
                 noticeTitle:'周三意味着......'
               }{
                 noticeTitle:'在上2天班就双休啦！'
               } ]
            }
          },
         created: {
			 this.timer = setInterval(this.showMarquee, 1500)
		},
		methods:{
		   showMarquee: function () {//字体滚动
		      this.animate = true
		      setTimeout(() => {
		        this.notList.push(this.notList[0])
		        this.notList.shift()
		        this.animate = false
		      }, 500)
		    },
		    //鼠标移上去停止
		    Stop() {
		      clearInterval(this.timer)
		    },
		    Up() {
		      this.timer = setInterval(this.showMarquee, 1500)
		    },
        }//当然如果你觉得滚动不够完美，那就在加上动画效果吧！

二、 第二种方式


  
{
    {text}}




.inner-container {
  animation: myMove 5s linear infinite;
  animation-fill-mode: forwards;
}
  /*文字无缝滚动*/
@keyframes myMove {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-150px);
  }
}

data() {
  return {
    arr: [
    '1 创作不易，感谢支持',
    '2 今天可乐很开心！',
    '3 因为看到大佬的到来',
    '4 太棒了',
    '5 点个赞支持一下呗！', 
    '1 创作不易，感谢支持', 
    ],
  }
},

当动画结束时通过：       将动画重置为第一帧，这样就能够实现无缝的播放了
animation-fill-mode: forwards;

三、第二种方式marquee标签：

（1）几个重要属性

1.direction：滚动方向(包括4个值：up、down、left、right)
        说明：up：从下向上滚动；down：从上向下滚动；left：从右向左滚动；right：从左向右滚动。
        语法： ...
        
2.behavior：滚动方式(包括3个值：scroll、slide、alternate)
        说明：scroll：循环滚动，默认效果；slide：只滚动一次就停止；alternate：来回交替进行滚动。
        语法：...
        
3.scrollamount：滚动速度(滚动速度是设置每次滚动时移动的长度，以像素为单位)
        语法：...
        
4.scrolldelay:设定滚动两次之间的延迟时间，值大了会有一步一停顿的效果(设置滚动的时间间隔，单位是毫秒)
        语法：...
        
5.loop：设定滚动循环的次数(默认值是-1，滚动会不断的循环下去)
        语法：...   
        我会不停地走。
        我只走两次哦  
6.width、height：设定滚动字幕的宽度、高度
        语法：...

7.bgcolor：设定滚动字幕的背景颜色(可以是颜色值，也可以是rgb()或rgba()函数)
        语法：...

8.hspace、vspace：空白空间(相当于设置margin值)
         说明：hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px；
                     vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；
         语法：...(等同于：margin：10px；)

9.align：设定滚动字幕内容的对齐方式(包括9个值：absbottom、absmiddle、baseline、bottom、left、middle、right、  
                                     texttop、top)
          说明：absbottom：绝对底部对齐（与g、p等字母的最下端对齐）       
                             absmiddle：绝对中央对齐                    
                                   baseline：底线对齐                          
                                   bottom：底部对齐（默认）                      
                                 left：左对齐                          middle：中间对齐                         
                                  right：右对齐                          texttop：顶线对齐                         
                                   top：顶部对齐
             语法：...

10.face：设定滚动字幕的文字字体
            语法：

11.color：设定滚动字幕的文字颜色
            语法：

12.size：设定滚动字幕的文字字号
            语法：

13.STRONG：设定滚动字幕的文字加粗
            语法：   
   

（2）常用到的两个事件   
  onMouseOut="this.start()" 用来设置鼠标移出该区域时继续滚动      
  onMouseOver="this.stop()" 用来设置鼠标移入该区域时停止滚动
  marquee常用到的两个事件                                         
完整代码如下：


尽管参数不少，但毕竟不能实现复杂的和自定义的特殊跑马灯效果，而且还有浏览器限
制，所以我们更多情况下会采用JavaScript来实现跑马灯滚动效果。
  　　　　
 这里是要滚动的内容　　                           
                 （这个虽然好用但不要在for循环中使用）
 
  
 
  

                            
                        
                    
                    
                    

                    
                    
                    

                
                

                    
                

            
        
    
    

        
你可能感兴趣的:(使用心得,vue,javascript)

        

            

                
    
                    
  • 控制Vue对话框显示隐藏
                        

                        
    正确做法—使用Vue数据驱动控制显隐你不需要手动设置display:block，因为ElementPlus的是基于v-model或:visible.sync控制的。修改模板部分：将原来的：改为：或者：然后确保你在data()中定义了：data(){return{dialogVisible:false,dialogContent:''};}✅当你执行：this.dialogVisible=true;
    
                    
    • 
                    
  • Vue3 + MapLibre 地图管理工具 useMap 使用指南
                        Lanwarf-前端开发
Mapbox和Maplibrevue.js前端javascript
                        
    Vue3+MapLibre地图管理工具useMap使用指南这里只是hooksuseMap的封装使用，没有对地图组件进行封装，地图组件封装地图组件封装useMap.tsimport{Map}from'maplibre-gl';import{markRaw}from'vue';/***地图实例接口*/interfaceMapInstance{id:string;map:Map;isDestroyed:
    
                    
    • 
                    
  • Python PyV8: 在Python中运行JavaScript的利器
                        莱财一哥

                        
    本文还有配套的精品资源，点击获取简介：PythonPyV8是一个在Python环境中执行JavaScript代码的库，基于Google的V8JavaScript引擎，实现Python与JavaScript之间的互操作性。本文将详细讨论PyV8的安装方法，包括通过pip安装和自行编译安装特定版本的步骤，以及如何在Python程序中使用PyV8执行JavaScript代码。1.PythonPyV8库介
    
                    
    • 
                    
  • html5这什么意思,html5是什么意思？html5和html的区别介绍
                        wiles super
html5这什么意思
                        
    一、HTML5是什么？HTML5是HyperTextMarkupLanguage5的缩写，HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表(CSS)负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。二、html5和html的区别1、定义上区别HTML5是应用超文本标记语言(HTML)的第五次修改
    
                    
    • 
                    
  • Python爬虫实战：高效提取与解析JSON格式数据
                        Python爬虫项目
python爬虫宽度优先数据库json深度优先开发语言
                        
    1.JSON数据爬取概述在当今互联网时代，JSON(JavaScriptObjectNotation)已成为最流行的数据交换格式之一。相比传统的HTML页面，JSON格式数据具有结构清晰、体积小、解析方便等优势，使得它成为API接口的首选数据格式。1.1为什么选择JSON数据爬取数据结构化：JSON数据本身就是结构化的，不需要像HTML那样进行复杂的解析传输高效：JSON通常比HTML体积小，传输
    
                    
    • 
                    
  • 2025年前端 Vue 开发工程师完整技术路线
                        Mr.小海
前端vue.jsjavascript前端框架html5node.js正则表达式
                        
    文章目录前端Vue开发工程师完整技术路线一、基础阶段（入门级）1.基础语言与工具2.Vue3基础3.实践项目二、进阶阶段（中级）1.Vue深度掌握2.工具链与工程化3.网络请求与接口联调4.实践项目三、高级阶段（专家级）1.高级Vue技术2.性能与安全优化3.微前端与架构设计4.实践项目四、资深阶段（架构师/技术负责人）1.技术领导力2.行业深度3.工具链与自动化4.实践项目五、技术栈总结六、建议
    
                    
    • 
                    
  • JS 表达式和操作符-解构
                        坚定的小辣鸡在努力
前端javascript开发语言
                        
    JavaScript的解构（Destructuring）语法是一种从数组或对象中快速提取值并赋值给变量的方式。它能让代码更简洁、清晰，常用于函数参数、变量赋值等场景。ThedestructuringsyntaxinJavaScriptisapowerfulfeaturethatmakesitpossibletounpackvaluesfromarraysorpropertiesfromobject
    
                    
    • 
                    
  • Web开发 03
                        

                        
    今天在学习JavaScript，我其实需要很多练习才可以巩固一点！需要更多！1const用于声明常量的规则在JavaScript中，const用于声明常量，其核心规则是：声明时【必须】同时初始化（赋值），且后续无法重新赋值。关键知识点拆解const声明规则用const声明变量时，必须直接赋初始值，否则会触发SyntaxError:Missinginitializerinconstdeclarati
    
                    
    • 
                    
  • nodeJs笔记（一）
                        a_xiaotaotao
nodeJs笔记前端
                        
    nodeJs笔记（一）基础知识什么是nodejs？nodejs的生态系统结构nodejs的工作原理V8JavaScript引擎：libuv：异步I/O与事件循环引擎：事件循环(EventLoop)的详细阶段：非阻塞I/O的工作流程(以fs.readFile为例)：单线程与高并发：核心依赖库：工作原理全景图关键点：node.js的优缺点核心优势(优点)高性能与高并发(I/O密集型场景)：核心原理：结
    
                    
    • 
                    
  • AJAX概述
                        出门撞大运
ajax前端
                        
    在现代网页开发中，我们早已习惯了无需刷新页面就能获取新数据的流畅体验——浏览电商网站时的实时库存更新、社交平台的动态加载内容、表单提交后的即时验证反馈……这些都离不开一项核心技术——AJAX。今天，我们就来深入探索AJAX的奥秘，带你全面掌握这门改变网页交互方式的关键技术。一、什么是AJAX？AJAX，全称异步JavaScript和XML（AsynchronousJavaScriptandXML）
    
                    
    • 
                    
  • Vue Element-UI下拉框搜索功能
                        逆风g

                        
    要实现这样的功能：上代码：核心：给下拉框新增加属性filterable:filter-method=dataFilter//下拉框开启搜索功能dataFilter(val){if(val){this.showEquipments=this.equipments.filter((item=>{returnitem.equipments.includes(val)}))}else{this.showE
    
                    
    • 
                    
  • 【ruoyi-vue】前后端分离项目分析
                        

                        
    【ruoyi-vue】前后端分离项目分析【一】介绍【1】简介【2】主要特性【3】内置功能【4】后端文件结构【二】基础功能【1】上传下载【2】事务管理【3】异常处理【4】自定义注解校验：Xxs注解【5】数据脱敏【三】后台扩展【一】介绍【1】简介RuoYi-Vue是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、SpringSecurity、MyBatis、Jwt、Vue）
    
                    
    • 
                    
  • 前后端分离式项目架构流程（爆肝三万字）
                        信计2102罗铠威
javaEE系列专栏前后端分离式架构servlet后端前端框架项目开发流程
                        
    文章目录个人主页：信计2102罗铠威JavaEE系列专栏前言：【前端】先创建Vue-cli项目，请选择此项目【创建路由】打开命令行工具，进入你的项目目录，输入下面命令。1.创建router目录~创建index.js文件,在其中配置路由2.在APP.vue中添加路由视图3.在main.js中配置路由【配置ElementUI】【如何使背景图片最大自适应】【登录组件模板】【注册组件模板】【创建后端项目+
    
                    
    • 
                    
  • vue-cli 模式下安装 uni-ui
                        

                        
    目录easycom自定义easycom配置的示例npm安装uni-ui准备sass安装uni-ui注意easycom传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件路径符合规范（具体见下），就可以不用引用、注册，直接在页面中使用。如下：//这里不用import引入，也不需要在components内注册uni-list组件。template里就可以
    
                    
    • 
                    
  • Vue 3 路由传参使用指南
                        Franciz小测测
vue.jsjavascript前端
                        
    目录一、路由传参概述二、动态路由参数（params）2.1基础用法2.2传递参数2.3获取参数2.4可选参数2.5多个参数与正则约束2.6多params的详细用法多个可选参数的使用路由配置获取可选参数三、查询参数（Query）3.1特点与应用场景3.2传递参数3.3获取参数3.4保留当前查询参数四、命名视图传参五、props解耦（推荐方式）六、状态管理（Pinia/Vuex）6.1使用Pinia示
    
                    
    • 
                    
  • vant框架,实现checkbox的处理
                        l996ily
vantvue
                        
    全选importcarApifrom"@/api/car/index"importVuefrom"vue";import{SwipeCell,Card,Checkbox,SubmitBar,}from"vant";Vue.use(SwipeCell).use(Card).use(Checkbox).use(SubmitBar);exportdefault{name:"car",data(){ret
    
                    
    • 
                    
  • JavaScript实现按键精灵（附完整源码）
                        源代码大师
JavaScript实战教程javascript开发语言ecmascript
                        
    JavaScript实现按键精灵以下是使用JavaScript实现按键精灵游戏的完整源代码：按键精灵
    
                    
    • 
                    
  • JavaScript:冒泡排序
                        爱学习的小丫

                        
    什么是冒泡排序？经常看到这个名字，但是并不是什么了解，到底什么是冒泡排序。其实很简单，就是在一个数组中，分别让每一位与自己的下一位做对比，如果比后面的数小，则不变位置，如果比后面的数大，则调换两个数的位置，直至把最大的那个数调到最后一个，就好像冒泡一样，最大的数冒出来了。这样我们就可以通过这个方法，循环冒泡，直至这个数组的数进行升序或降序排列。举个例子说明升序冒泡：//如果有这样一个数组，里面有一
    
                    
    • 
                    
  • Vue3.0性能优化（v-memo指令）
                        

                        
    Vue3.0v-memo指令性能优化Vue3.0的v-memo指令是一个强大的性能优化工具，尤其适用于渲染大量静态列表或复杂组件时。它通过缓存渲染结果来避免不必要的重新渲染，从而提升应用性能。基本用法v-memo接收一个依赖数组，只有当数组中的值发生变化时才会重新渲染：适用场景大型静态列表：当列表数据量大且不经常变化时{{product.name}}复杂组件嵌套：避免深层子组件的不必要更新条件渲染
    
                    
    • 
                    
  • html js 查询数据库,如何使用javascript查询数据库？
                        

                        
    小编典典Javascript本身不能用于处理数据库。这是使用php(或您选择的服务器端语言)完成的。Ajax用于使用javascript向您的php脚本发送请求，而javascript则会与数据库进行通信。而且不需要页面刷新。因此，您尝试使用ajax可以轻松实现。既然您提到了jquery，就可以在jquery中签出$.ajax或$.post方法，这使过程更加简单。您需要使用ajax处理表单。Aja
    
                    
    • 
                    
  • 前端-VUE-页面布局-flex布局整理-傻瓜教学
                        偏偏潇洒程序员

                        
    1.flex-direction:设置容器内部元素的排列方向row:定义排列方向从左到右row-reverse:从右到左column:从上到下column-reverse:从下到上图片介绍flex-direction:rowflex-direction:row-reverseflex-direction:columnflex-direction:column-reverse2.flex-:定义fl
    
                    
    • 
                    
  • 基于vue+Cesium实现交互式攻击箭头绘制
                        

                        
    引言在地理信息系统(GIS)和军事模拟领域，箭头绘制是一项基础且重要的功能。本文将介绍如何使用Cesium.js结合Vue框架实现交互式攻击箭头绘制功能，支持鼠标点击采集关键点、动态更新箭头形状、右键结束绘制等核心交互，并对实现过程中的关键技术点进行深入解析。功能概述本组件实现了以下核心功能：地图初始化与基础配置鼠标左键点击采集箭头关键点鼠标移动实时更新箭头形状右键点击结束绘制并输出结果动态渲染箭
    
                    
    • 
                    
  • 前端面试十一之TS
                        闲蛋小超人笑嘻嘻
前端
                        
    TS是TypeScript的缩写，是一种由微软开发的开源编程语言，它是JavaScript的一个超集，为JavaScript添加了类型系统和对ES6+的支持。以下是关于TypeScript的详细介绍：一、特点类型系统：TypeScript引入了类型注解，允许开发者为变量、函数参数、返回值等添加类型信息。这有助于在编译阶段发现潜在的类型错误，提高代码的健壮性和可维护性。例如：letmessage:s
    
                    
    • 
                    
  • Vue移动端项目二次封装原生table组件,支持表头/数据动态配置；作用域插槽、render函数渲染某列数据等功能，任何端都可以通用
                        

                        
    一、最终效果二、参数配置1、代码示例：2、配置参数（t-tableAttributes）参数说明类型默认值columns表头配置项Array[]data数据源Array[]max-height固定表头String-height表格高度String100%emptyText无数据文案String‘暂无数据’2-1、columns配置项参数说明类型默认值label表头名称String-prop数据字段
    
                    
    • 
                    
  • JavaScript 性能优化实战指南
                        

                        
    JavaScript性能优化实战指南一、引言JavaScript是一种广泛使用的编程语言，尤其在前端开发中占据重要地位。随着Web应用的复杂度不断增加，性能优化成为开发过程中不可或缺的一部分。性能优化不仅可以提升用户体验，还能减少服务器负载，提高应用的响应速度。本文将从多个方面详细探讨JavaScript性能优化的实战技巧，包括代码优化、内存管理、异步编程、资源加载优化等，旨在为开发者提供一份全面
    
                    
    • 
                    
  • Spring AI 项目实战（十八）：Spring Boot + AI + Vue3 + OSS + DashScope 实现高效语音识别系统（附完整源码）
                        程序员岳彬
SpringAIspring人工智能springboot语音识别后端aijava
                        
    系列文章序号文章名称1SpringAI项目实战（一）：SpringAI核心模块入门2SpringAI项目实战（二）：SpringBoot+AI+DeepSeek深度实战（附完整源码）3SpringAI项目实战（三）：SpringBoot+AI+DeepSeek打造智能客服系统（附完整源码）4
    
                    
    • 
                    
  • Anime.js的cleanInlineStyles用法
                        

                        
    第一章：动画的“身后事”——我们为什么需要清理样式？在深入探讨cleanInlineStyles这个具体的工具函数之前，理解它所要解决的根本问题至关重要。这个问题源于JavaScript动画库的核心工作机制，尤其是像Anime.js这样直接与DOM（文档对象模型）交互的库。1.1Anime.js的工作原理：内联样式的魔法与诅咒Anime.js的强大之处在于其能够以极高的性能和灵活性来驱动网页动画1
    
                    
    • 
                    
  • Anime.js 超级炫酷的网页动画库详解
                        伍哥的传说
前端源码分享javascript开发语言ecmascriptanime.jstimelineanimate
                        
    简介Anime.js是一个轻量级的JavaScript动画库，它提供了简单而强大的API来创建各种复杂的动画效果。以下是Anime.js的主要使用方法和特性：安装npminstallanimejs示例基本用法import{animate,createScope,createSpring,createDraggable}from"animejs";import{useEffect,useRef,us
    
                    
    • 
                    
  • 前端 Vue.js 动画效果实现技巧
                        大厂前端小白菜
前端vue.jsjavascriptai
                        
    前端Vue.js动画效果实现技巧关键词：Vue.js、动画、过渡、CSS动画、JavaScript动画、性能优化、交互设计摘要：本文将深入探讨Vue.js中实现动画效果的多种技巧，从基础的CSS过渡到复杂的JavaScript动画，涵盖过渡组件使用、动画性能优化、第三方库集成等实用内容。通过丰富的代码示例和实际案例，帮助开发者掌握在Vue应用中创建流畅、吸引人的动画效果。背景介绍目的和范围本文旨在
    
                    
    • 
                    
  • vue-router和锚点冲突问题
                        TaoLandd

                        
    传统的锚点定位会与vue-router中的路由设置存在冲突，都是使用'#'进行的，所以这里使用一直方法来模拟锚点跳转，并使用tween.js达到动态的过度效果不使用原生锚点，使用这种方式解决import'../static/js/animation.js'import'../static/js/tween.js'xxxxmethods:{anchor:function(e){letid='anch
    
                    
    • 
                                
  • java杨辉三角
                                    3213213333332132
java基础
                                    
    
package com.algorithm;

/**
 * @Description 杨辉三角
 * @author FuJianyong
 * 2015-1-22上午10:10:59
 */
public class YangHui {
	public static void main(String[] args) {
		//初始化二维数组长度
		int[][] y
    
                                
    • 
                                
  • 《大话重构》之大布局的辛酸历史
                                    白糖_
重构
                                    
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。 
  
 
 背景 
 
        公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
    
                                
    • 
                                
  • 电驴链接在线视频播放源码
                                    dubinwei
源码电驴播放器视频ed2k
                                    
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： 
http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 
项目源码： 
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 
项目源码依赖于两个库项目，库项目一链接： 
http://git.oschina.
    
                                
    • 
                                
  • Javascript中函数的toString()方法
                                    周凡杨
JavaScriptjstoStringfunctionobject
                                    
    简述 
    The toString() method returns a string representing the source code of the function. 
    简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 
句法 
    function.
    
                                
    • 
                                
  • struts处理自定义异常
                                    g21121
struts
                                    
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 
非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 
此处我们用的是非运行时异常，首先定义一个异常LoginException: 
/**
 * 类描述：登录相
    
                                
    • 
                                
  • Linux中find常见用法示例
                                    510888780
linux
                                    
    Linux中find常见用法示例 
 
·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; 
 
 
 
 
find命令的参数；
    
                                
    • 
                                
  • SpringMVC的各种参数绑定方式
                                    Harry642
springMVC绑定表单
                                    
    1. 基本数据类型(以int为例，其他类似)： 
Controller代码： 
 

    @RequestMapping("saysth.do")
    public void test(int count) {
    }
 
表单代码： 
 

<form action="saysth.do" method="post&q
    
                                
    • 
                                
  • Java 获取Oracle ROWID
                                    aijuans
javaoracle
                                    
      
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. 
The oracle.sql.ROWID class i
    
                                
    • 
                                
  • java获取方法的参数名
                                    antlove
javajdkparametermethodreflect
                                    
    reflect.ClassInformationUtil.java 
package reflect;

import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
    
                                
    • 
                                
  • JAVA正则表达式匹配 查找 替换 提取操作
                                    百合不是茶
java正则表达式替换提取查找
                                    
    正则表达式的查找;主要是用到String类中的split(); 
      String str; 
     str.split();方法中传入按照什么规则截取,返回一个String数组 
  
常见的截取规则: 
str.split("\\.")按照.来截取

str.
    
                                
    • 
                                
  • Java中equals()与hashCode()方法详解
                                    bijian1013
javasetequals()hashCode()
                                    
    一.equals()方法详解 
    equals()方法在object类中定义如下：  
public boolean equals(Object obj) {
    return (this == obj);
}
 
   很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
    
                                
    • 
                                
  • 精通Oracle10编程SQL(4)使用SQL语句
                                    bijian1013
oracle数据库plsql
                                    
    --工资级别表
create table SALGRADE
(
  GRADE    NUMBER(10),
  LOSAL    NUMBER(10,2),
  HISAL    NUMBER(10,2)
)

insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
    
                                
    • 
                                
  • 【Nginx二】Nginx作为静态文件HTTP服务器
                                    bit1129
HTTP服务器
                                    
     Nginx作为静态文件HTTP服务器 
 
  在本地系统中创建/data/www目录，存放html文件(包括index.html) 
 创建/data/images目录，存放imags图片 
 在主配置文件中添加http指令 
 
  
http {
    server {
        listen       80;
        server_name  
    
                                
    • 
                                
  • kafka获得最新partition offset
                                    blackproof
kafkapartitionoffset最新
                                    
    kafka获得partition下标，需要用到kafka的simpleconsumer 
  
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
    
                                
    • 
                                
  • centos 7安装docker两种方式
                                    ronin47

                                    
          第一种是采用yum 方式 
             yum install -y docker 
          
    
                                
    • 
                                
  • java-60-在O(1)时间删除链表结点
                                    bylijinnan
java
                                    
    

public class DeleteNode_O1_Time {

	/**
	 * Q 60 在O(1)时间删除链表结点
	 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点
	 * 
	 * Assume the list is:
	 * head->...->nodeToDelete->mNode->nNode->..
    
                                
    • 
                                
  • nginx利用proxy_cache来缓存文件
                                    cfyme
cache
                                    
    user  zhangy users;
worker_processes 10;
error_log  /var/vlogs/nginx_error.log  crit;
pid        /var/vlogs/nginx.pid;
#Specifies the value for ma
    
                                
    • 
                                
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
                                    comsci
嵌入式
                                    
     
    假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做： 
 
    string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))" 
 
    定义一个0整数c,然后用这个整数c去
    
                                
    • 
                                
  • 如何集成支付宝官方文档
                                    dai_lm
android
                                    
    官方文档下载地址 
 
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 
 
集成的必要条件 
1. 需要有自己的Server接收支付宝的消息 
2. 需要先制作app，然后提交支付宝审核，通过后才能集成 
 
调试的时候估计会真的扣款，请注意 

    
                                
    • 
                                
  • 应该在什么时候使用Hadoop
                                    datamachine
hadoop
                                    
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 
 
存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 
 
--------------------------------------------万能的分割线-------------------------------- 
有人问我，“你在大数据和Hado
    
                                
    • 
                                
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序
                                    dcj3sjt126com
yii
                                    
    在GridView中使用关联模型进行搜索和排序 
首先我们有两个模型它们直接有关联:   
class Author extends CActiveRecord {
...
}
 
class Post extends CActiveRecord {
...
    function relations() {
        return array(
            '
    
                                
    • 
                                
  • 使用NSString 的格式化大全
                                    dcj3sjt126com
Objective-C
                                    
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
    
                                
    • 
                                
  • 使用activeX插件对象object滚动有重影
                                    蕃薯耀
activeX插件滚动有重影
                                    
        
使用activeX插件对象object滚动有重影       <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
    
                                
    • 
                                
  • SpringMVC4零配置
                                    hanqunfeng
springmvc4
                                    
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。 
  
  
项目说明如下： 
1.db.sql是项目中用到的表，数据库使用的是oracle11g 
2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 
3.默认项目为零配置启动，如果需要更改启动方式，请
    
                                
    • 
                                
  • 《开源框架那点事儿16》：缓存相关代码的演变
                                    j2eetop
开源框架
                                    
    问题引入 
上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 
该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 
当然去看相关实现代代码的时候，大致是下面的样子。    
[java] 
view plain 
copy 
print 
?   
 
 public vo
    
                                
    • 
                                
  • AngularJS浅析
                                    kvhur
JavaScript
                                    
    概念 
 
 AngularJS is a structural framework for dynamic web apps. 
 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm 
 Directive 
扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
    
                                
    • 
                                
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱
                                    nannan408
split
                                    
    1.前言. 
   jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 
2.代码 
 

String[] paths = "object.object2.prop11".split("'");
System.ou
    
                                
    • 
                                
  • 如何对10亿数据量级的mongoDB作高效的全表扫描
                                    quentinXXZ
mongodb
                                    
      本文链接: 
http://quentinXXZ.iteye.com/blog/2149440  
一、正常情况下，不应该有这种需求 
首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 
说一下，
    
                                
    • 
                                
  • C语言算法之水仙花数
                                    qiufeihu
c算法
                                    
    /**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
    int x,y,z;
    for(x=1;x<=N;x++)
    	for(y=0;y<=N;y++)
    		for(z=0;z<=N;z++)
    			if(x*100+y*10+z == x*x*x
    
                                
    • 
                                
  • JSP指令
                                    wyzuomumu
jsp
                                    
     
 jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 
  常用的三种指令： page,include,taglib 
 page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> 
 include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
    
                                
    •