Chinesszz
Chinesszz

VUE例子之慕课网

作为一个Java后端开发者,小编已经将近3年没有写过前端了,当年在学校学习时候,H5刚出来,我们都是用纯html标签+bootstrap样式来写网页的，还记得第一个网页写的是小米的官网。时隔3年后，再次有了一个新的念头,写写前端,刚开始小编想用React来写的，奈何React不支持双向数据绑定(其实是太难了,学不会_),于是就考虑了一个国产的VUE,听说VUE是很简单,于是我也跃跃欲试。前期断断续续积累支持大概一周时间。学习了基础语法。感觉还可以。没有React那么难。于是周末11/03就模仿写了一个慕课网的页面，用到的技术是VUE+饿了么的Element。

下面将过程分享出来，并谈谈我对现代前端模块化开发的感受。因为不是专业的前端开发,所以大神勿喷。

github地址在今日头条上私信: vue (即可获取)

作品展示慕课网

VUE例子之慕课网_第1张图片
image

技术栈: VUE + ElementUI + axios

  • 第一部分: 主要模仿慕课网

  • 第二部分: 利用axios网络请求,随机生成诗词,添加todoList

第一部分: 主要模仿慕课网

项目目录(主要分为5个组件)

VUE例子之慕课网_第2张图片
image

页面分别对应的模块

VUE例子之慕课网_第3张图片
image

navMenu.vue

主要包含一个慕课网的login和文本和搜索框。

image

然后从ElementUI中找到模板，并填充自己的内容。并添加css阴影样式

VUE例子之慕课网_第4张图片
image
VUE例子之慕课网_第5张图片
image

添加阴影

VUE例子之慕课网_第6张图片
image

bannerCard.vue

VUE例子之慕课网_第7张图片
image

到ElementUI找布局

VUE例子之慕课网_第8张图片
image

Aside中添加10个按钮(并添加css样式保持背景颜色一样)

VUE例子之慕课网_第9张图片
image

Header中添加一个走马灯

VUE例子之慕课网_第10张图片
image

Main中添加四个(css样式参考慕课网)

image
VUE例子之慕课网_第11张图片
image

segmentation.vue

分割符号（前后在模板中添加两个加载转圈的logo并css为红色文本作为变量支持自定义）

image
VUE例子之慕课网_第12张图片
image

shopClass.vue

原理类似todoList定义个卡片,根据数量来展示

VUE例子之慕课网_第13张图片
image

到ElementUI中找到卡片组件

VUE例子之慕课网_第14张图片
image
VUE例子之慕课网_第15张图片
image

todoList

另外因为是写的第一个VUE例子,也写了一个todoList的例子,放在页面下方。可以随机生成诗词并添加到todoList中

VUE例子之慕课网_第16张图片
image

原理是:

利用axios请求一个诗词API并通过VUE双向绑定展示到input便签中,当添加按钮指定就添加到诗词list中。

下面利用v-for展示todoList

VUE例子之慕课网_第17张图片
image
image

到这里基本所有的内容描述了，如果也要练习建议代码克隆下来,仔细研究。VUE是很简单的，小编总共就学习了不到1周的时间,如果要算总时间应该也不超过24小时。说这些的目的并不是炫耀而是说一个道理,就是编程都是想通的,当你会一门语言，那么在学习其他语言就都是简单的.编程都是面向对象。

总结下来，现代的前端开发已经和之前小编学习时候是今非昔比了,难度不亚于后端开发,不过组件是开发是可以二次利用的,定义好组件，很多地方都可以使用(就像上面的segmentation.vue和shopClass.vue一样)。感兴趣的同学可以来学前端。

小编所有文章都已转移到今日头条欢迎关注: 软件编程指南
微信公众号: 程序猿升级课
个人博客: https://blog.springlearn.cn

你可能感兴趣的:(VUE例子之慕课网)

  • Vue秘籍：如何动态修改页面 Title（浏览器页签名称）？ QQ828929QQ vue.js前端javascript
    Vue秘籍：如何动态修改页面Title（浏览器页签名称）？在开发Vue项目时，我们经常需要根据不同的页面动态修改浏览器的页签标题（title），比如：在电商网站中，展示商品详情时，标题应该是商品名称-商城名称。在后台管理系统中，切换不同的页面时，页签名称应随之变化。在聊天应用中，当有新消息时，页签标题可以变成**（1）新消息-ChatApp**，吸引用户注意。那么，如何在Vue项目中实现动态修改d
  • Python之项目课 稍微认真一点 python数据库开发语言
    1.项目准备1.1.项目创建此处省略一万字...1.2.项目目标创建数据库movie并设置编码格式，并完成t_user（用户信息表）、t_movie（电影信息表）的创建任务；完成用户登录功能，登录成功之后跳转到电影主界面；完成电影排行榜和关键字电影查询功能；完成电影信息图表统计（选作）1.3.项目结构dao |--__init__.py |--movie_dao.py   #电影dao层接口类 |
  • C++每日一练——day 1 「已注销」 #C++每日一练C++c++
    年轻人，你渴望拥有C++练习题吗？？？从这篇博文开始，我每天都会更新一个C++主要知识点题目，并附上解析！~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Dayone——解密题目描述给你这样一个任务：解密一份被加密过的文件。经过研究，你发现了加密文件有如下加密规律（括号中是一个“原文一>密文”的例子）
  • JAVA简单实现国密双向认证 [email protected] JAVA安全相关java开发语言国密
    要实现国密双向认证的数据发送，需要使用支持国密算法的Java库，并且确保HTTP客户端能够处理SSL/TLS连接时的客户端证书验证。在这个例子中，使用Java标准库结合BouncyCastle作为提供国密算法的支持。下面是一个简化的示例，展示如何使用Java实现国密双向认证的数据发送。请注意，实际开发中可能需要更多的错误处理和配置细节。首先，确保你已经添加了BouncyCastle作为安全提供者，
  • 前端流式输出实现详解：从原理到实践 代码剑客588 前端
    前端流式输出实现详解：从原理到实践前言一、流式输出核心原理1.1什么是流式输出？1.2技术优势对比1.3关键技术支撑二、原生JavaScript实现方案2.1使用FetchAPI流式处理关键点解析：2.2处理SSE（Server-SentEvents）三、主流框架实现示例3.1React实现方案3.2Vue实现方案四、高级优化策略4.1性能优化4.2用户体验增强4.3安全注意事项五、实际应用案例5
  • java解析el-upload上传的文件,vue+elementui 使用el-upload组件实现单个文件手动上传 神经脱臼
    ref='upload'style="width:100%":action="uploadUrl":on-remove="handleRemove":on-change="handleChange":data="uploadData":file-list="filelist":before-upload="handleBeforeUpload":auto-upload="false">选取文件仅支
  • Threejs 实现 VR 看房完结 多喜乐 长安宁 threejsvuevrvue.jsthree
    效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/details/1430539902、threejs实现vr看房主要代码：src/views/PanoramicView/index.vueimport{computed,onMounted,onU
  • vue使用el-upload实现文件上传功能 小来码呀码 vue.jselementuijavascript
    因为是vue+springboot前后分离，要跨域，就不能用默认的action写请求地址，我用axios时最困扰的就是怎么拿到那个真实的文件，然后给传给后台。其实可以通过自带的onchanne触发方法获得文件列表，文件信息中那个raw就是真实的文件。写的时候，刚开始我是直接把el-upload里面的button中加了点击事件，但是每次文件还没选，就已经向后台发出请求了，当然传不过去，于是外面套了个
  • 【vue2+elementui】记录el-upload文件上传时调接口传参的几种情况 湛海不过深蓝 elementUIvue2elementui前端javascript
    文件上传的接口请求头headers:{"Content-Type":"multipart/form-data"},自动上传el-upload上传文件调接口的时候默认会带有一个入参file:原生的file对象无额外入参action属性指定了文件上传的接口地址auto-upload属性：是否在选取文件后立即上传，默认值true所以只要设置了这两属性，文件在选择后（或拖拽到上传区域后）会自动上传到act
  • Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目 算法探险家 前端vue.js编辑器
    VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中，Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
  • (vue)elementUi中el-upload上传附件之后 点击附件可下载 nyf_unknown VUEvue.jselementuijavascript
    (vue)elementUi中el-upload上传附件之后点击附件可下载handlePreview(file){console.log(file)constfileUrl='https://.../zzy/'+file.urlconsta=document.createElement('a')a.href=fileUrla.download=file.namea.style.display='n
  • vue3+elementuiplus的table表格动态高度 多喜乐 长安宁 vueelementuiplusvue.jsjavascript前端
    table表格流体高度1、前提了解自定义指令、hooks2、核心思路通过自定义指令（newResizeObserver）监听表格变化，然后通过hooks去更新表格高度。3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective:Di
  • 【经验分享】SpringBoot集成Websocket开发 之 使用由 Jakarta EE 规范提供的 API开发 Xcong_Zhu 学习笔记经验分享springbootwebsocket
    在SpringBoot中整合、使用WebSocketWebSocket是一种基于TCP协议的全双工通信协议，它允许客户端和服务器之间建立持久的、双向的通信连接。相比传统的HTTP请求-响应模式，WebSocket提供了实时、低延迟的数据传输能力。通过WebSocket，客户端和服务器可以在任意时间点互相发送消息，实现实时更新和即时通信的功能。WebSocket协议经过了多个浏览器和服务器的支持，成
  • 微信小程序点餐系统的设计与实现（开题报告+源码+论文）_在线点餐外卖系统设计与实现文献 2301_82243979 程序员微信小程序小程序
    二.技术环境jdk版本：1.8及以上ide工具：Eclipse或者IDEA，微信小程序开发工具数据库:mysql5.7（必须5.7）编程语言:Javajava框架：ssmmaven:3.6.1详细技术：HTML+CSS+JAVA+SSM+MYSQL+VUE+MAVEN+微信开发工具三.功能设计本基于微信小程序的外卖点餐系统的设计与实现有管理员，外卖员，餐厅，用户共四个角色。管理员功能有个人中心，外
  • 项目报错 SyntaxError: Unexpected token ‘??=‘ 和node-sass报python错误；nuxt、vue项目 院人冲冲冲 前端javascript开发语言
    前提：node14.21.3项目报错SyntaxError:Unexpectedtoken'??='1.仔细看错误代码位置，发现是在node_modules文件中（找来源）2.node_modules文件报错Unexpectedtoken'??='15:59:58constlist=obj[list]??=[];^^^SyntaxError:Unexpectedtoken'??='atnewScr
  • uniapp(全端兼容) - 最新详细实现可拖动悬浮按钮功能，支持手指拖曳放到页面任意位置，uniapp可拖动的悬浮球，悬浮图标支持拖动效果（详细示例源码及注释，复制粘贴快速植入） 街尾杂货店& 前端组件与功能(开箱即用)uni-app悬浮球uniapp悬浮在屏幕上的组件uniapp悬浮功能uniapp可拖曳拖动的悬浮球
    效果图百度搜的代码都太难用了而且有bug。。。在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，详细实现在uniapp中实现一个可拖动的悬浮按钮，uniapp全平台兼容的悬浮球功能，可挂载各种小卡片、客服等，自由拖动。支持一次全局引入，无需每个页面都引用。你可以直接复制源码，复制到你的项目中，附带全局组件注册的方法（要不每个页面都需要引一次），uniappVu
  • C++25--lambda表达式 大胆飞猪 c++
    目录1.C++98中的一个例子2.lambda表达式3.lambda表达式语法4.函数对象与lambda表达式1.C++98中的一个例子templatestructgreater{booloperator()(Ta,Tb){returna>b;}};intmain(){intarray[]={4,1,8,5,3,7,0,9,2,6};//默认按照小于比较，排出来结果是升序std::sort(arr
  • 开发过程中如何减少属性注释? 紫乾2014 开发经验开发经验
    一、注释冗余举个例子，我们在开发项目中肯定会有状态字段，现在有个工单状态枚举StatusEnum.javapackagecn.zxj.note;/***@author:Administrator*@since:2025/1/3014:40*@description:*/publicenumStatusEnum{TO_BE_SUBMITTED(1,"待提交"),SUBMITTED(2,"已提交"),
  • 源自神话的写作要义之英雄之旅 博文视点 生活情感框架体育
    源自神话的写作要义之英雄之旅英雄之旅从本质上说，不论如何变化，英雄的故事总是一段旅程。英雄离开舒适、平淡的地方，到充满挑战的陌生世界去冒险。它可以是外部之旅，去一个明确的地点：迷宫、森林、洞穴、陌生的城市或者国度——这个新的地域会成为英雄和反派及挑战者角力的竞技场。而也有很多故事让英雄去经历一段内心之旅，在头脑、内心、精神领域里展开旅途。在所有精彩的故事中，英雄都会成长和改变，在旅途中改变自己的人
  • 白话设计模式之（53）：迭代器模式——数据遍历的“百变魔方” 一杯年华@编程空间 白话设计模式设计模式迭代器模式
    白话设计模式之（53）：迭代器模式——数据遍历的“百变魔方”大家好！在软件开发的学习过程中，我们都在不断探索如何让代码更加高效、灵活且易于维护。设计模式作为编程领域的关键知识，为我们解决各种复杂问题提供了有力的工具。今天，咱们继续深入研究迭代器模式，它就像一个“百变魔方”，不仅能实现基本的数据遍历功能，还能通过各种扩展和变化，满足不同场景下的数据访问需求。希望通过这篇博客，能和大家一起更全面地理解
  • React 和 Vue _使用区别 开心小老虎 react知识点+组件vue3知识点+组件前端知识点vue.jsreact.js前端
    目录一、框架介绍1.Vue2.React二、框架结构1.创建应用2.框架结构三、使用区别1.单页面组成2.样式3.显示响应式数据4.响应式html标签属性5.控制元素显隐6.条件渲染7.渲染列表react和vue是目前前端比较流行的两大框架，前端程序员应该将两种框架都掌握，本文总结一些基本知识点的使用区别。一、框架介绍1.VueVue是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。
  • Vue3 + TypeScript 实战经验：2025年高效开发指南 ctrl_cv工程师￥ typescriptjavascript前端
    在2024年的前端工程化浪潮中，Vue3与TypeScript已成为企业级应用的黄金组合。本文将基于多个真实项目经验，从工程规范、类型安全、性能优化三个维度，分享实战技巧与避坑指南。一、工程配置：构建坚如磐石的基础1.脚手架选择与优化1.1推荐方案：使用Vite+create-vue初始化项目（2024年默认模板已集成TypeScript）关键配置：//vite.config.tsexportde
  • C语言学习笔记-进阶（17）预处理详解 John.Lewis c语言学习笔记
    1.预定义符号C语言设置了一些预定义符号，可以直接使用，预定义符号也是在预处理期间处理的。__FILE__//进⾏编译的源⽂件__LINE__//⽂件当前的⾏号__DATE__//⽂件被编译的⽇期__TIME__//⽂件被编译的时间__STDC__//如果编译器遵循ANSIC，其值为1，否则未定义举个例子：printf("file:%sline:%d\n",__FILE__,__LINE__);2
  • react和vue 基础使用对比 圣京都 reactreact.jsjavascriptvue.js
    1.实现功能（ts）0.基础属性使用1.组件直接的通信2.useState动态修改值3.循环遍历功能4.实现类型vue的watch，filter，computed属性功能5.实现类似vue2的生命周期5.类型vuev-if功能的实现2.文件结构图3.具体代码interface.tsimport"./index.less";import{message}from"antd";import{useSt
  • 页面刷新时如何实现vuex数据缓存 拉米医生 缓存json前端javascript开发语言
    在Vuex中，您可以使用本地存储(例如localStorage)来缓存状态数据，并在页面刷新时将其加载回状态中。首先，您需要在Vuex的store实例中定义一个方法，用于在页面刷新时从本地存储中加载数据：conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++}},actions:{loa
  • vuex-persistedstate缓存vuex状态数据 abytecoder 经验分享
    `vuex-persistedstate`是一个用于在Vuex中实现数据持久化的插件，可以将Vuexstore中的状态持久化到本地存储中（如localStorage或sessionStorage）。以下是一个简单的示例，演示如何使用`vuex-persistedstate`插件：首先，安装`vuex-persistedstate`：```bashnpminstallvuex-persistedst
  • echarts实现3d饼图 qq_45600165 echarts前端javascript
    import*asechartsfrom'echarts'import'echarts-gl'//import{ref}from'vue';import{onMounted,onUnmounted,toRefs,ref,reactive,watch}from'vue'exportdefault{props:{//定义prop的名称和类型data:Object},setup(props){letst
  • vuex持久化处理 孟孟_mengmeng 前端vue.js前端javascript
    在使用vuex时有一个弊端就是，就是一旦页面刷新，所有之前存储的状态就全部没了，这是因为js代码运行在内存中，代码运行时所有的变量和函数都是保存在内存中的，刷新的时候以前申请的内存将会被释放，并且js脚本会被重新加载，变量重新赋值。所以在我们使用vuex的时候只要一刷新数据就没了。如果我们想要持久化保存数据可以使用localStorage或者sessionStorage存储在本地，保证刷新后数据不
  • Java之微信 APIv3 商家转账到零钱SDK版 相思比梦长 JAVAjava商家转账到零钱微信转账平台证书APIv3
    1、测试类TransferTest：importcom.alibaba.fastjson.JSON;importcom.wechat.pay.java.core.RSAConfig;importcom.wechat.pay.java.core.exception.HttpException;importcom.wechat.pay.java.core.exception.MalformedMess
  • 经典落梯问题 海大超级无敌暴龙战士 算法算法学习方法c++数据结构动态规划
    1.问题背景与基本模型设想有一座塔，塔内竖立着(W)根柱子，从上到下经过(H)层（也就是有(H)行可以铺设横向桥梁）。在每一层中，在相邻柱子之间可以放置一根横桥，但必须遵守两个限制条件：桥梁位置受限每根桥只能连接相邻的两根柱子，在同一层最多有(W-1)个潜在位置（分别在柱子1–2、2–3，……，(W-1)–(W)）。相邻桥梁冲突在同一层内，不能在相邻的位置都放桥梁。也就是说，如果在柱子i和i+1之
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他