Charleyszc
Charleyszc

前端网站练习COFFEE_blog_1

这应该算是我大学以来第一个自己独立完成的功能较为完整的前端网站。

在这次练习里用到的技术包括：

  • HTML/CSS
  • JavaScript
  • Bootstrap
  • JQuery

因为是以在网上找的练习项目为参考，所以图片直接用的原项目的图片，但是代码为自己编写，原项目的各项功能以及布局仅作参考，我的目标是尽可能的完成原项目上的功能。（原项目的出处找不到了，如果发布人看到可以联系我给加上，先谢谢了）

这篇BLOG主要是来规划设计一下网页需要实现的功能。

项目名：COFFEE

  • 导航栏

点击COFFEE或HOME页面会跳回最顶端，也就是轮播图部分，其余选项对应跳转到相应位置。

  • 轮播图

 前端网站练习COFFEE_blog_1_第1张图片

三幅图片轮就播放。

  • 咖啡机产品

 前端网站练习COFFEE_blog_1_第2张图片

介绍咖啡机产品，点击 < 或 > 两个箭头可以翻看不同的产品图片并且右侧的产品描述跟着改变。 

  •  产品推荐

 

 做到每个咖啡系列的图标可以点击。

  •  门店分布

前端网站练习COFFEE_blog_1_第3张图片

 鼠标移到哪个门店信息上，哪个门店信息高亮显示，并且可以点击。

  •  会员中心

前端网站练习COFFEE_blog_1_第4张图片

显示会员中心选项，设置可以点击进入会员中心主页（可能会做。。可能。。嗯） 

显示企业基本信息，下方列表可以点击进入详细页面。 

  • 关于我们 
  • 前端网站练习COFFEE_blog_1_第5张图片

 

以上就是我想要实现的目标，后续会在完成每一部分后按部分更新。 

你可能感兴趣的:(前端练习)

  • 前端练习小项目——视觉冲击卡片 秋刀鱼不做梦 CSS前端学习htmlcsscss3vscode
    前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展
  • web前端练习一 ANCHG_ 前端
    1.电子汇款单电子汇款单工商银行电子汇款单回单类型-->网上转账汇款指令序号-->HQH000000000000013878172       收 款 人 户名老牟付 款 人 户名老刘-->卡号0000000001-->卡号0000000002-->地区南京-->地区杭
  • Vue实现版本号输入、删除时光标自动移动到上、下一个输入框前端demo 齐天qaq 前端分享前端vue.jsjavascript
    前言首先声明，我平时的工作主要是后端JAVA开发，该demo为前端练习，记录一下劳动成果，希望对大家有所帮助，如果有写的不妥的地方，欢迎大家指正，一起学习、共同进步。背景手机验证码、银行卡输入密码等很多场景，在我们输入或者删除的时候，光标都会自动的定位到我们当前输入的输入框，模拟这一场景，我决定简单实现一下输入、删除版本号时，光标自动移动、定位。假设：系统版本号分为主版本号、次版本号、修订号、构建
  • 如何开发前端组件库 天道酬心 笔记javascript前端框架组件库UI框架ui
    在讲如何做之前先说两个不大、却有点重要的问题～。ps（文章最后有项目案例）1.为什么要自己开发一个前端组件库？或者说，自己开发一个前端组件库有什么好处？我认为前端组件库是我们前端练习写一个library的最简单最有效的方式（当然在面试中也算一个不错的亮点）。因为开发组件库的过程不仅练习了框架（vue/react）的使用，还集合了包括单元测试、UI输出、类型检查、打包构建等从头到尾一整套的知识。其中
  • 我的前端学习之路-----HTML+css（一） 一七得七得八得九 前端
    （本条为个人学习随手笔记，以基础知识为主）我的推荐练习网站：https://www.freecodecamp.org/learn（免费的前端练习网站，像是闯关，推荐指数★★★★★）推荐学习网站：菜鸟教程-学的不仅是技术，更是梦想！(runoob.com)中国大学MOOC(慕课)_国家精品课程在线学习平台(icourse163.org)————客户端与服务器————通常情况下，现在的软件由客户端与服
  • 前端学习Day5 骑猪的baba
    1.练习1.1代码这是我第一个前端练习网页这是我的个人博客东风破周杰伦一盏离愁孤灯伫立在窗口我在门后假装你人还没走旧地如重游月圆更寂寞夜半清醒的烛火不忍苛责我一壶漂泊浪迹天涯难入喉你走之后酒暖回忆思念瘦水向东流时间怎么偷花开就一次成熟我却错过谁在用琵琶弹奏一曲东风破岁月在墙上剥落看见小时候犹记得那年我们都还很年幼而如今琴声幽幽我的等候你没听过谁在用琵琶弹奏一曲东风破枫叶将故事染色结局我看透篱笆外的
  • 前端练习的网站 小白学过的代码 cesium编程语言javascript
    1.freecode2.力扣3.MDN4.codewas5.JavaScriptKatas6.牛客网7.NODESCHOOL8.HackerRank这是几个我平常练习的前段网站
  • 第五届字节跳动前端青训营入营笔试 Karl ^_^ 字节跳动青训营css前端html
    第五届字节跳动青训营文章目录第五届字节跳动青训营青训营-前端练习题每日一练编程题前端编程题[342.4的幂](https://leetcode.cn/problems/power-of-four/)[125.验证回文串](https://leetcode.cn/problems/valid-palindrome/)[5.最长回文子串](https://leetcode.cn/problems/lo
  • 浅谈一下 webpack 以及 loader 和 plugin yingjieweb webpack前端javascript
    话说，前端练习时长也快两年了，但是关于webpack的东西好像也没怎么研究过一是没有这方面的需求：回想一下，关于webpack的配置相关工作，也就只有自己配置过一次loader「使用svg-sprite-loader、svgo-loader优化svgsymbols」，还是摸着石头过河；二是大部分的配置工作脚手架都已经做好了，这很可能导致一个问题，就是别人问你webpack相关的知识的时候，阿巴阿巴
  • 前端练习--钟表运动效果 comegoing-归去兮来 前端基础练习html5css3前端css动画
    目录一、效果展示二、原理1、背景2、指针旋转三、代码（背景图来自本地，请自行下载）一、效果展示二、原理1、背景（1）实际上，钟表一个div，时针分针秒针都有一个div背景，只是没有显示（2）用一个div作为钟表的盒子，加入背景图片，并用border-radius设置为圆形（3）每个指针需要一个div作为背景（4）将时针分针秒针作为div的子元素，让他们在盒子中居中，并且长度只占50%2、指针旋转（
  • 前端练习--3D盒子背景图运动效果 comegoing-归去兮来 前端基础练习html前端css动画
    目录一、效果展示二、原理三、代码（图片来自本地，请自行解决背景图片）一、效果展示二、原理--打开transform-style的preserve-3d模式--将6张图片进行绝对定位，使之重合--通过rotate旋转，成为盒子的六个面--添加keyframes动画效果三、代码（图片来自本地，请自行解决背景图片）3D旋转盒子@keyframesbox{from{transform:rotateX(0)
  • html训练项目,前端新手项目练习之钟表 白马唐僧 html训练项目
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 蓝桥杯Web前端练习-----渐变色背景生成器 懒羊羊h csshtml前端javascriptcss
    介绍相信做过前端开发的小伙伴们对渐变色在UI设计中的流行度一定不陌生，网页上也时常可以看到各类复杂的渐变色生成工具。使用原生的CSS变量加一些JS函数就能做出一个简单的渐变色背景生成器。现在渐变色生成器只完成了颜色选取的功能，需要大家帮忙把取色器中的两个色值通过JS函数更新给CSS变量，从而实现渐变色预览功能。准备本题已经内置了初始代码，打开实验环境，目录结构如下：├──index.html├──
  • 蓝桥杯Web前端练习题-----水果拼盘 懒羊羊h htmlcss前端csscss3
    一、水果拼盘介绍目前CSS3中新增的Flex弹性布局已经成为前端页面布局的首选方案，本题可以使用Flex属性快速完成布局。准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：├──css│└──style.css├──images│├──apple.svg│├──banana.svg│├──blueplate.svg│├──redplate.svg│├──yellowplate.svg│
  • 2022-2023寒假字节青训营前端练习题（选择题） Kw_Chng 前端
    DAY1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单【ans：ABCD】选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor【ans：ACD】DAY2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A.12.5MB/sB.100MB/sC.10MB/sD.10Mb/s【ans：A
  • 第五届字节跳动青训营(寒假) - 前端练习题&官方答案 我发在否 前端cssjavascripthtml
    【青训营-前端练习题】想知道青训营笔试题怎么考？快来这里看看练习题吧！收集自字节青训营官方账号Day1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor1、ABCD；2、ACDDay2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A
  • 时长一年半的前端练习生2022年终总结 码云笔记 其他分类前端
    2022感觉过得真快，还有一周就结束了，趁着周末有时间来总结一下2022做了什么。最近小人很多，各位老哥保重身体。工作咱也不是刚毕业的小鲜肉了，不过也算不上什么工作经验丰富的老司机。大概分享一下今年工作以来的一些感想与心得吧。去年刚入职的时候基本上都是在扮演一个页面仔的角色，切切图CURD，没有什么特别值得说的事情。从今年开始，自己会从团队、工程化、性能优化的角度去考量自己做的事情。比如开发一些效
  • 前端练习--奇奇动漫导航条（通过背景图设置） comegoing-归去兮来 前端基础练习前端csshtmlcss3
    目录一、效果展示二、注意三、代码一、效果展示二、注意（1）这个蓝色背景并不是设置了背景颜色，这是背景贴图，并且是高度100px，宽度1px的图片横向重复粘贴（2）这里面三个文字的祖先元素是li，为了能够横向排版，进行了浮动，为防止高度塌陷，外联了css文件，这里需要注意，不然代码会出问题-至于高度塌陷，请参考这篇文章：https://blog.csdn.net/comegoing_xin_lv/a
  • 前端练习题目--不定时分享 马德里甜欣 前端linqjavascript
    vartest=newBoolean();document.write(test);document.write("");vartest=newBoolean(0);document.write(test);document.write("");vartest=newBoolean(null);document.write(test);document.write("");vartest=newB
  • 前端新手项目练习之钟表 简单一点点
    前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。钟表.gifhtml部分在html中写好钟表、圆心和时分秒针,其它标签较为复杂，需通过javascript添加。钟表CSS部分CSS部分使用了很多的CSS3特效，用来实现钟表并且更好看一些。*{margin:0;padding:0;}.clock{width:400
  • 前端新手项目练习之拼图游戏 一点点努力
    前端新手记录自己在网络上找到的前端练习项目。趁热打铁，再练习一下鼠标拖动相关的事件，这个小游戏是一个不错的选择，玩着有趣，看着也养眼。项目简介三个选项代表三幅图片，可以选择任意一个开始游戏，拼图游戏跟我们平时玩的差不多，全部拼正确后会提示完成游戏并显示花费的时间。拼图游戏.gifHtml部分分成3个部分，上面是3个图片作为选项，中间是开始游戏的按钮，下面是游戏正文部分，因为较为复杂需要通过Java
  • 专科生一年如何从0基础到月薪10K 啊天嗷 大前端专科生javascripthtmlcss
    大家好！我是前端练习时长一年半的菜徐昆从毕业实习开始：寻找新的学习方式：开始就业:再启程：共勉：（开个玩笑，坤哥还是帅的）从毕业实习开始：我是一个专科生，我觉得代码无关学历，可是我还是想点明我现在的学历，因为呢有很多计算机系专科毕业生毕业后根本找不着方向，这也是我写下这篇文章的最大原因，希望给专科生有一点点的引导作用。首先从在大学里学的东西开始说吧，毕竟是专科生，所以学的知识有关于代码的东西都十分
  • 设计模式总结分享-一个引子 ZYJCMD 设计模式javascripttypescript
    写在最前面前端作为最初的切图仔（手动狗头），到现在面对越来越复杂的业务项目，处理越来越复杂的工程项目，对前端程序员的要求也越来越高。特别是，当有幸参加完阿里前端练习生计划后，才知道，前端的东西真的太多了，从工程基建代码监控到webGL，再到人工智能，真是哪里都有前端的大展拳脚的舞台。当然，在这个趋势下，对前端的要求也是水涨船高，看到很多大厂的JD都有提及到设计模式这一点。那设计模式又是啥，为什么要
  • Vue axios增删改查纯前端练习二 普通查询 商朝 前端vue.js前端js
    Vueaxios_crud纯前端练习二普通查询部署mockqueryResp.jsmock制造假数据dao层书写dao层query()函数jshtml页面运行总结部署mock上一篇我们已经把依赖和相关的文件建立完毕了那么我们从登录的基础上继续没有部署的小伙伴请移步上一篇Vueaxios_crud纯前端练习一登录queryResp.js在mock文件下建立queryResp.js文件目前的结构大概是
  • Vue axios增删改查纯前端练习一 登录 商朝 前端vue前端
    Vueaxios_crud纯前端练习一登录项目建立导入依赖新建目录静态html书写布局布局mock布局request.jsdao层请求发送html和vue运行总结项目建立导入依赖这里笔者用的时Vscode开发工具所以我们按照vscode来讲解在本地选择新建一个文件夹命名axios_crud并用vscode打开,如图在该目录下初始化对象:点击左侧空白区域,右键在集成终端打开右侧输入框初始化:npmi
  • 数据分析疫情图——day1 RodmaChen 数据分析疫情java大数据
    数据分析疫情一.创建javaweb项目二.前端练习1.导入视频2.获取二维码3.实现跳转连接4.简单界面构建前言：本来还得在学校见习的，因为疫情改成了上网课，虽然没有了在学校和同学们讨论的欢乐，但也很有趣。今天是第一天，我们的老师要带我们做的项目是分析全国疫情的图（老师也很辛苦啊），打算每天记一下笔记，让自己知道没白学本文已收录进我的小破站chenyunzhi.top在这里插入代码片软件：ecli
  • CSS现状和如何学习 阿里巴巴淘系技术团队官网博客 定位crmrelativelayoutpowerdesignerredirect
    导读：在2020年岁末有幸和一群优秀大学生在一起聊CSS相关的话题，感到非常的荣幸！在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友裕波，墨苒对我的鼓励和支持。在结束直播的时候，说过后面要整理一篇文字版本，由于个人新转团队（互动团队转到F(x)Team团队），加上自己太懒，所以今天才开始整理文字版本。所幸能在岁末完成，还算是一种补救。希望接下来的内容，对于新接触
  • 前端练习：ToDoList weixin_30817749 前端javascriptjson
    模仿ToDoListToDoList.htmlToDoList—最简单的待办事项列表ToDoList正在进行0已经完成0Copyright©2018todolist.cnclearindex.cssbody{margin:0;padding:0;font-size:16px;background:#CDCDCD;}.hander{width:100%;background-color:r
  • 「前端练习场」原生 JavaScript 手写各种 数组 API weixin_33721344
    前言JavaScript中的数组类型提供了很多原生方法供我们使用，本文会模拟实现一些常用的数组API。「前端练习场」将会持续更新，不同于之前的【前端进阶之路】和【从头到脚】这两个系列，练习场主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流?。另外我自己也是在不断的学习中，如果有不对的地方麻烦大家斧正，我会及时更新，感谢。博客地址??fe-codeAPI数组的API有很多
  • 前端练习05 判断两个矩形是否重叠 多拉斯基 前端练习
    题目（2018-11-20）用一个对象的数据来表示一个矩形的位置和大小：{x:100,y:100,width:150,height:250}它表示一个宽为150高为250的矩形在页面上的(100,100)的位置。请你完成一个函数isOverlap可以接受两个矩形作为参数，判断这两个矩形在页面上是否重叠。例如：constrect1={x:100,y:100,width:100,height:100}
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他