刘大猫.
刘大猫.

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】_第1张图片

文章目录

    • 4.完成非路由组件Header与Footer业务
      • 4.1使用组件的步骤（非路由组件）
  • 本人其他相关文章链接

4.完成非路由组件Header与Footer业务

在咱们项目开发中，不在以HTML + CSS 为主，主要搞业务、逻辑
开发项目的流程：
(1)书写静态页面（HTML + CSS）
(2)拆分组件
(3)通过axios获取服务器的数据，动态展示
(4)完成相应的动态业务逻辑

注意点1：创建组件的时候，组件结构+组件的样式+图片资源

注意点2：本项目采用的是less样式，浏览器不识别less样式，需要通过less、less-loader【安装5版本的】对less进行处理，把less样式变为css样式，浏览器才可以识别。另外引入的版本不宜过高，否则也会出现莫名奇妙的错误。

安装命令如下：

cnpm install --save less less-loader@5
或者
npm install --save less less-loader@5

注意点3：如果想让组件识别less样式，需要在style标签的身上加上lang=less

报错场景

错误场景1：cnpm不是内外部命令

在这里插入图片描述

原因：那就说明不认识命令cnpm，可以采用npm命令进行安装；另外有些人在IDEA中的Terminal终端窗口进行命令安装也显示失败，那么请用管理员权限打开CMD黑色窗口，进行命令安装。

安装cnpm命令：
npm install cnpm -g --registry=https://registry.npm.taobao.org

错误场景2：已经安装less、less-loader的前提下，引入的css样式还是爆红，比如如图

vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】_第2张图片

原因：如果想让组件识别less样式，需要在style标签的身上加上lang=less

4.1使用组件的步骤（非路由组件）

  • 创建或者定义
  • 引入
  • 注册
  • 使用

本人其他相关文章链接

1.vue尚品汇商城项目-day00【项目介绍：此项目是基于vue2的前台电商项目和后台管理系统】
2.vue尚品汇商城项目-day01【1.vue-cli脚手架初始化项目生成文件的介绍】
3.vue尚品汇商城项目-day01【2.vue-cli脚手架初始化项目的其他配置】
4.vue尚品汇商城项目-day01【3.项目路由的分析】
5.vue尚品汇商城项目-day01【4.完成非路由组件Header与Footer业务】
6.vue尚品汇商城项目-day01【5.路由组件的搭建】
7.vue尚品汇商城项目-day01【6.Footer组件的显示与隐藏】
8.vue尚品汇商城项目-day01【7.路由传参】
9.vue尚品汇商城项目-day01【8.路由跳转与传参相关面试题】

你可能感兴趣的:(Vue2专栏,vue.js,前端,javascript,vue2,组件Header与Footer)

  • Windows和Linux下，通过C++实现获取蓝牙版本号 xingyun86 C++windowslinuxc++
    在C++中获取蓝牙版本号，不同的操作系统有不同的实现方式，下面分别介绍在Windows和Linux系统下的实现方法。Windows系统在Windows系统中，可以使用WindowsAPI来与蓝牙设备交互，获取蓝牙版本号。以下是一个示例代码：收起cpp#include#include#include#include#include#pragmacomment(lib,"Bthprops.lib")/
  • 探索宇宙：揭秘星辰的无限奥秘! 大脸猫的猫脸大 百度新浪微博微信笔记经验分享微信开放平台facebook
    宇宙，一个包罗万象、充满未知的广阔空间。它浩瀚无垠，星空璀璨，蕴藏着无数星辰的秘密和无尽的奥秘。每当夜幕降临，我们抬头仰望，那片星光灿烂的天空总能引发我们无限的遐想与探索欲望。乾坤、天地、苍穹、寰宇、大千世界、茫茫宇宙、苍茫宇宙、无尽星空……这些优美的词汇，无不描绘出宇宙的宏伟、深邃、壮丽、广袤、无限、浩渺、神秘、辽阔、蔚蓝等特质。它们激发了人类对宇宙的好奇心和探索精神，促使我们不断追寻那些隐藏在
  • 使用 nodejs 和 ElasticSearch 快速搭建全文检索 dbLenis 数据库java编程语言大数据linux
    点击蓝色“有关SQL”关注我哟加个“星标”，天天与10000人一起快乐成长上次群友问我，Python怎么学，我说四个小时足够了，你们不信。这次，我用2个小时，仅仅用Google，快速搭建了一个nodejs+Elasticsearch的小Demo.足可见，在有搜索的年代，快速上手一门技术，已经不是什么难事。1安装1.1下载地址https://nodejs.org/en/download提供windo
  • 揭秘宇宙奥秘：黑洞、星云与星际飞船！ 大脸猫的猫脸大 人工智能微信百度facebook新浪微博笔记经验分享
    银河，这个宇宙中璀璨的星系，如同一条巨大的河流，横跨了无尽的虚空。它由数以亿计的恒星组成，其中就包括我们的太阳。这些恒星在夜空中闪烁着，仿佛是大自然的杰作，让人不禁感叹宇宙的壮丽与神秘。星云，这些美丽的天体，是银河系中的一部分。它们是由尘埃和气体组成的巨大云团，有时呈现出五彩斑斓的色彩，令人叹为观止。在这些星云中，新的恒星正在诞生，而旧的恒星则在生命的最后阶段释放出耀眼的光芒。宇宙，这个广袤无垠的
  • JavaScript 系列之：函数 程序员SKY JavaScriptjavascript
    函数的定义方式函数声明functionadd(a,b){returna+b;}函数声明的最重要的一个特征是函数声明提升，它允许你在函数声明之前调用该函数。add(1,2);functionadd(a,b){returna+b;}函数表达式//普通的函数表达式letadd=function(a,b){returna+b;}add(1,2)//函数表达式也可以有函数名，这个函数名不能在函数外面用，只能
  • Vue 系列之：基础知识 程序员SKY VUEvue.js
    什么是MVVMMVVM（Model-View-ViewModel）一种软件设计模式，旨在将应用程序的数据模型（Model）与视图层（View）分离，并通过ViewModel来实现它们之间的通信。降低了代码的耦合度。Model代表数据模型，是应用程序中用于处理数据的部分。在Vue.js中，Model通常指的是组件的data函数返回的对象，或者Vue实例的data属性。View是用户界面，是用户与应用
  • TCP/IP协议栈之网络接口层: 以太网与wifi -- 一个地上, 一个天上 内核程序员kevin 网络专栏Linux程序员tcp/ip网络网络协议以太网wifi
    TCP/IP协议栈之网络接口层:以太网与wifi–一个地上,一个天上1.引言在计算机网络的世界里，TCP/IP协议栈是通信的基石，而网络接口层是这一体系的最底层，负责将数据真正传输到物理介质上。在这一层，最常见的两种技术就是以太网（Ethernet）和WiFi（无线局域网，WLAN）。如果把以太网和WiFi拟人化，它们简直就是两个完全不同的物种：以太网，就像一条公路，数据沿着固定的线缆奔跑，稳定、
  • 前端架构 —— 脚手架的开发流程 mask-li 前端
    一、脚手架开发流程详解开发流程创建npm项目创建脚手架入口文件，最上方添加：#!/usr/bin/envnode配置package.json，添加bin属性编写脚手架代码将脚手架发布到npm使用流程安装脚手架npminstall-gyour-own-cli使用脚手架your-own-cli二、脚手架开发难点解析分包：将复杂的系统拆分成若干个模块命令注册：vuecreatevueaddvueinvo
  • 【线代】《线性代数的几何意义》——摘录笔记（四） jingyu404 线性代数读书及杂言
    内容：大多是摘录原书，概括、理解是自己总结的。目的：供自己温习使用，有摘录不全或总结不精的部分。他人学习，仅供参考。目录U6线性方程组1.作用于向量的形式2.解的形式3.解的代数形式4.解的结构5.方程组、矩阵与向量的关系U7二次型1.定义2.表示（多项式与向量）3.用途4.几何意义5.二次型合同对角化6.惯性定理7.正定二次型笔记链接汇总U6线性方程组1.作用于向量的形式（1）看成矩阵对向量（x
  • 前端架构设计 weixin_34266504 前端测试javascriptViewUI
    最近在拜读一本《前端架构设计》的书，该书讲到前端架构师的用户是开发人员。所选择的工具、编写的代码、创建的流程，都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。一、HTML1）标签规范化div乱炖是指嵌套多层div元素。为了保持简洁，语义化的标签是首选，应用样式所依靠的是HTML5元素名称和它们的层级关系，在标记中没有类名，往往写出层级的后代选择器。2）模块化方法前端开发
  • TCP与UDP协议：你应该知道的传输层协议 Evaporator Core 网络工程师tcp/ipudp网络
    第一部分：引言与协议概述在互联网通信的宏伟架构中，传输控制协议(TCP,TransmissionControlProtocol)与用户数据报协议(UDP,UserDatagramProtocol)如同两颗璀璨的星辰，各自扮演着不可或缺的角色。它们作为传输层的两大支柱，奠定了现代互联网通信的基础。本文旨在深入剖析TCP与UDP的机制、特点、应用场景及其相互之间的差异，为读者构建一个全面而深入的理解框
  • HTTP cookie与session 风掣长空 计算机网络http网络协议网络
    telnet命令telnet是一个网络协议，用于通过TCP/IP网络进行远程登录到服务器。它允许用户在本地计算机上通过网络连接到远程服务器，并在服务器上执行命令telnet[主机名或IP地址][端口号]//连接服务器在telnet会话中，Ctrl+]会将你从当前会话切换到telnet的命令模式，你可以在这里输入命令。Ctrl+T可以显示当前的连接状态。HTTP是无连接，无状态的，就是每次访问一个服
  • 解析IPD、LTC、ISC 芊言凝语 数据库
    IPD域（IntegratedProductDevelopment，集成产品开发）含义：IPD是一种先进的产品开发理念和模式，强调从市场需求出发，打破部门壁垒，通过跨部门、跨领域的协同开发团队，采用结构化的流程体系，将产品研发划分为多个阶段，以提高产品研发的效率和质量，快速将产品推向市场。核心要素以市场为导向：产品创新必须基于对市场需求和竞争态势的深入分析，确保研发方向与市场需求相符。跨部门协同：
  • SpringBoot整合easy-es rkmhr_sef 面试学习路线阿里巴巴springbootelasticsearch后端
    一、easy-es简介EasyES是一款基于Elasticsearch官方提供的RestHighLevelClient开发的ORM框架，旨在简化开发流程并提高效率。EasyES在保持RestHighLevelClient原有功能的基础上进行增强，而不做任何改变。它采用与Mybatis-Plus相似的语法，使得开发者可以无缝迁移至EasyES，无需额外学习成本。EasyES的核心理念是将简单、易用性
  • 线性代数笔记十——四个基本子空间 技术小坤 线性代数线性代数笔记
    4个基本子空间由以下组成：列空间：C(A)C(A)C(A)在RmmR^mmRmm维空间零空间：N(A)N(A)N(A)在RnnR^nnRnn维空间行空间：C(AT)AC(A^T)AC(AT)A的行的所有组合，在RnR^nRn左零空间：N(AT)AN(A^T)AN(AT)A转置的零空间，在RmR^mRm基：从基出发构建RnR^nRn与RmR^mRmC(A)C(A)C(A)N(A)N(A)N(A)C(
  • 【Mybatis】动态 SQL：代码与数据的灵动共舞，奏响数据库查询的华丽乐章 m0_74824483 面试学习路线阿里巴巴数据库mybatissql
    前言???本期讲解关于SpringIOC&DI的详细介绍~~~??感兴趣的小伙伴看一看小编主页：-CSDN博客??你的点赞就是小编不断更新的最大动力??那么废话不多说直接开整吧~~目录???1.动态SQL1.1标签>标签1.2标签1.3标签1.4标签>标签1.5标签1.6标签???2.总结**??**1.动态SQL动态SQL是Mybatis的强特性之，能够完成不同条件下不同的sql拼接可以参考官档
  • 模型优化之强化学习（RL）与监督微调（SFT）的区别和联系 搏博 深度学习人工智能机器学习架构transformer
    强化学习（RL）与监督微调（SFT）是机器学习中两种重要的模型优化方法，它们在目标、数据依赖、应用场景及实现方式上既有联系又有区别。想了解有关deepseek本地训练的内容可以看我的文章：本地基于GGUF部署的DeepSeek实现轻量级调优之一：提示工程（PromptEngineering）（完整详细教程）_deepseekgguf-CSDN博客本地基于GGUF部署的DeepSeek实现轻量级调优
  • 深入理解 JSP：从基础知识到实战技巧的全面解析 CarlowZJ java开发语言
    JSP（JavaServerPages）是一种基于Java的服务器端技术，用于开发动态Web应用。它通过将Java代码嵌入到HTML页面中，简化了Web开发的复杂性。JSP是JavaWeb开发的重要组成部分，与Servlet、JavaBean等技术紧密集成，广泛应用于企业级Web应用开发。本文将从基础知识、核心特性、生命周期、与Servlet的关系、框架支持、最佳实践等方面对JSP进行详细解析，帮
  • 华为战略解码-162页 八大章节 精读 智慧化智能化数字化方案 华为学习专栏华为
    该文档主要解读了华为战略解码的过程和内容，强调了领导力在战略管理中的重要性，介绍了华为战略管理的七个关键点以及领导力的七个特质。文档详细阐述了华为在战略解码过程中如何利用BLM模型等工具，以及如何从市场洞察、业务设计等方面制定和执行战略。同时，也介绍了华为干部九条素质与领导力专项素质能力的层级划分，强调领导力对华为战略实施的重要性。目录(一)前四章节总结解析...41.战略成长...4
  • 线性代数(13)——向量空间、维度和四大子空间(下) Jakob_Hu 线性代数
    向量空间、维度和四大子空间零空间的基和秩-零化度定理零空间及零空间的基秩-零化度定理列空间与零空间对比零空间与矩阵的逆深入理解零空间左零空间回顾已有的三个子空间第四个子空间研究子空间的意义零空间的基和秩-零化度定理零空间及零空间的基一个齐次线性系统A⋅x=0A\cdotx=0A⋅x=0的解就是对应的系数矩阵的零空间。首先通过一个简单的齐次线性方程组进行演示，(−1231−4−13−354)⟹(10
  • 基于Python的网络漏洞扫描系统的设计与实现 毕设工作室_wlzytw python论文项目python网络开发语言djangotornadodashpygame
    摘要随着互联网不断发展、贴近生活，电子化的生活安全依赖着网络安全。在漏洞泛滥的今天，网络安全状态不容乐观，许多机构都因没有及时处理漏洞导致被恶意入侵，若网络安全保护不当，将会影响现实安全。中小型网络运维人员常因为外部因素影响难以开展网络安全行动。为了应对这一问题，本文研究尝试用Python语言尝试做一个集成漏洞扫描系统的设计与实现。运用以Python为基础的DjangoWeb框架实现快速的业务开发
  • React - 兄弟互传 - 消息订阅 - 发布机制 来一碗刘肉面 Reactreact.js前端javascript
    pubsub-js是一个轻量级的JavaScript库，用于实现发布-订阅（Pub/Sub）模式。该模式使得组件间的通信变得简单和高效，特别适用于React中的兄弟组件之间通信。通过pubsub-js，一个组件可以发布消息，其他组件可以订阅这些消息以获得更新。1.安装pubsub-jsnpminstallpubsub-js//或者yarnaddpubsub-js2.基本概念发布（Publish）:
  • 基于 Python 的漏洞扫描工具的设计与实现 计算机毕业设计指导 python开发语言信息安全
    引言随着信息技术的快速发展，网络安全问题成为了各类组织和个人面临的重要挑战之一。漏洞是网络安全中的一个重要问题，黑客和恶意攻击者往往通过利用这些漏洞来侵入系统，窃取敏感信息或进行其他恶意行为。因此，及时发现和修复漏洞是确保网络安全的重要手段。本项目旨在设计和实现一个基于Python的漏洞扫描工具，帮助用户快速发现系统中的潜在漏洞，并提供修复建议。该工具将包括对Web应用程序、操作系统、服务等的漏洞
  • 华为数通Datacom认证体系详解：从HCIA到HCIE的进阶路径 武汉誉天 誉天资讯华为
    华为数通Datacom（DataCommunication）课程是华为认证体系中的核心方向之一，聚焦企业网络通信与数据通信技术，适合从事网络规划、部署和运维的人员。一、数通Datacom课程体系华为数通Datacom认证分为三个级别，逐级递进，覆盖从网络基础到架构设计的全技能栈：HCIA-Datacom:华为认证数通工程师（初级）掌握基础网络搭建与运维能力HCIP-Datacom:华为认证数通高级
  • XSL是指可扩展样式表语言 (EXtensible Stylesheet Language) 万事俱备，就差一个程序员了
    XSLXSL是指可扩展样式表语言(EXtensibleStylesheetLanguage)，是一种用于以可读格式呈现XML数据的语言。目录简介语法XSL是否与XML相同用途应用简介XSL之于XML,就像CSS之于HTML。它是指可扩展样式表语言(EXtensibleStylesheetLanguage)。这是一种用于以可读格式呈现XML数据的语言。xsl是一种标记语言，表示如何将xml文档的内容
  • 【设计模式】状态机详解与Spring State Machine实践 小徐Chao努力 设计模式设计模式springjava后端架构
    状态机详解与SpringStateMachine实践目录状态机基础1.1什么是状态机1.2状态机的基本概念1.3状态机类型SpringStateMachine概述2.1核心组件2.2工作原理SpringStateMachine实战-订单状态流转3.1环境配置3.2状态与事件定义3.3状态机配置3.4状态机持久化3.5状态监听器实现3.6状态事件工具类3.7业务服务实现3.8接口控制器3.9运行效果
  • 【并发编程】一文帮你搞懂并发编程常见概念-计算机架构去理解 小徐Chao努力 源码分析并发编程架构javaspring
    原子操作与并发控制详解目录1.原子操作基础1.1原子操作定义1.2原子操作的重要性1.3原子操作的应用场景2.处理器实现原子操作2.1使用总线锁保证原子性2.1.1总线锁的定义2.1.2总线锁的工作原理2.1.3总线锁的优缺点2.2使用缓存锁保证原子性2.2.1缓存锁的原理2.2.2缓存锁的实现方式2.2.3缓存锁的优点和限制2.2.4缓存锁与总线锁的对比3.缓存行与内存架构3.1缓存行的定义3.
  • 前端控制器模式 wjs2024 开发语言
    前端控制器模式引言在软件设计模式中，前端控制器模式（FrontControllerPattern）是一种行为型设计模式。它提供了一种集中处理请求的机制，将请求分发到相应的处理者，从而简化了请求的处理流程。本文将详细介绍前端控制器模式的概念、原理、实现方法以及在实际开发中的应用。概念前端控制器模式的核心思想是将所有请求统一由一个控制器处理，控制器根据请求类型将请求分发到相应的处理者。这种模式适用于以
  • HTML AI 编程助手 wjs2024 开发语言
    HTMLAI编程助手引言随着人工智能技术的飞速发展，编程领域也迎来了新的变革。HTML，作为网页制作的基础语言，与AI技术的结合，为开发者带来了前所未有的便利。本文将探讨HTMLAI编程助手的功能、应用场景以及如何利用它提高编程效率。HTMLAI编程助手概述HTMLAI编程助手是一种基于人工智能技术的辅助工具，旨在帮助开发者快速、高效地完成HTML代码编写。通过学习大量的HTML代码，AI编程助手
  • 优艾智合完成B系列超3亿元人民币融资 加速移动机器人规模化落地 weixin_51795422 科技财经人工智能
    12月28日，工业移动机器人头部企业优艾智合宣布近期完成B系列融资，金额累计超3亿元人民币。两轮分别由方广资本、熙诚金睿领投，IDG、松禾、SIG、蓝驰、软银、HAX等新老股东跟投，均由泰合资本担任独家财务顾问。早期投资机构包括真格、常见、英诺、招商局伯乐、西交1896。作为国内领先的移动机器人及解决方案提供商，优艾智合基于工业物流及智能巡检运维两大业务，深耕于精密电子制造与能源行业中的生产运营场
  • jdk tomcat 环境变量配置 Array_06 javajdktomcat
    Win7 下如何配置java环境变量 1。准备jdk包，win7系统，tomcat安装包（均上网下载即可） 2。进行对jdk的安装，尽量为默认路径（但要记住啊！！以防以后配置用。。。） 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs
  • Spring调SDK包报java.lang.NoSuchFieldError错误 bijian1013 javaspring
            在工作中调另一个系统的SDK包，出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l
  • LeetCode[位运算] - #136 数组中的单一数 Cwind java题解位运算LeetCodeAlgorithm
    原题链接：#136 Single Number 要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现两次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间 难度：中等 分析： 题目限定了线性的时间复杂度，同时不使用额外的空间，即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n，故将数组中的每个元素进
  • qq登陆界面开发 15700786134 qq
    今天我们来开发一个qq登陆界面，首先写一个界面程序，一个界面首先是一个Frame对象，即是一个窗体。然后在这个窗体上放置其他组件。代码如下： public class First {         public void initul(){        jf=ne
  • Linux的程序包管理器RPM 被触发 linux
    在早期我们使用源代码的方式来安装软件时，都需要先把源程序代码编译成可执行的二进制安装程序，然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装，这个复杂而艰辛的过程。为简化安装步骤，便于广大用户的安装部署程序，程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包，提供给大家下载，我们只需要根据自己的
  • socket通信遇到EOFException 肆无忌惮_ EOFException
    java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:
  • 基于spring的web项目定时操作 知了ing javaWeb
    废话不多说，直接上代码，很简单 配置一下项目启动就行 1，web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h
  • 树形结构的数据库表Schema设计 矮蛋蛋 schema
    原文地址： http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中，我们常常用树形结构来表征某些数据的关联关系，如企业上下级部门、栏目结构、商品分类等等，通常而言，这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库，都是以二维表的形式记录存储数据信息，
  • maven将jar包和源码一起打包到本地仓库 alleni123 maven
    http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI
  • java IO操作 与 File 获取文件或文件夹的大小，可读，等属性！！！ 百合不是茶
    类 File File是指文件和目录路径名的抽象表示形式。 1，何为文件： 标准文件（txt doc mp3...） 目录文件（文件夹） 虚拟内存文件   2，File类中有可以创建文件的 createNewFile（）方法,在创建新文件的时候需要try{} catch(）{}因为可能会抛出异常；也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都
  • Spring注入有继承关系的类（2） bijian1013 javaspring
    被注入类的父类有相应的属性，Spring可以直接注入相应的属性，如下所例：1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu
  • 30岁转型期你能否成为成功人士 bijian1013 成长励志
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • 【Velocity四】Velocity与Java互操作 bit1129 velocity
    Velocity出现的目的用于简化基于MVC的web应用开发，用于替代JSP标签技术，那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础，      POJO    package com.tom.servlets; public
  • 【Hive十一】Hive数据倾斜优化 bit1129 hive
    什么是Hive数据倾斜问题   操作：join,group by,count distinct 现象：任务进度长时间维持在99%（或100%），查看任务监控页面，发现只有少量（1个或几个）reduce子任务未完成；查看未完成的子任务，可以看到本地读写数据量积累非常大，通常超过10GB可以认定为发生数据倾斜。 原因：key分布不均匀 倾斜度衡量：平均记录数超过50w且
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua csrf
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-3.求子数组的最大和 bylijinnan java
    package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述： 输入一个整形数组，数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组，每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,
  • Netty源码学习-FileRegion bylijinnan javanetty
    今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象，而不需要相应的encoder： //pipeline（没有诸如“FileRegionEncoder”的handler）： public ChannelPipeline ge
  • 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题 cngolon 跨浏览器复制到粘贴板Zero Clipboard
    Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上，这样其实点击的不是按钮而是 Flash ，这样将需要的内容传入Flash，再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包，解压后把文件夹中两个文件：ZeroClipboard.js
  • 单例模式 cuishikuan 单例模式
    第一种（懒汉，线程不安全）： public class Singleton {   2     private static Singleton instance;   3     pri
  • spring+websocket的使用 dalan_123
    一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or
  • 细节问题：ZEROFILL的用法范围。 dcj3sjt126com mysql
    1、zerofill把月份中的一位数字比如1，2，3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day
  • Android开发10——Activity的跳转与传值 dcj3sjt126com Android开发
    Activity跳转与传值，主要是通过Intent类，Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla
  • jdbc 得到表结构、主键 eksliang jdbc 得到表结构、主键
    转自博客：http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt
  • Android 应用程序开关GPS gqdy365 android
    要在应用程序中操作GPS开关需要权限： <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错，无法再eclipse里面正常编译，怎么办？ 1、方法一：将项目放到Android源码中编译； 2、方法二：网上有人说cl
  • Windows上调试MapReduce zhiquanliu mapreduce
    1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b
  • 如何看待一些知名博客推广软文的行为？ justjavac 博客
    本文来自我在知乎上的一个回答：http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态： 当初求种像条狗，如今撸完嫌人丑 当初搜贴像条犬，如今读完嫌人软 你为啥感觉不舒服呢？ 难道非得要作者把自己的劳动成果免费给你用，你才舒服？ 就如同 Google 关闭了 Gooled Reader，那是
  • sql优化总结 macroli sql
    为了是自己对sql优化有更好的原则性，在这里做一下总结，个人原则如有不对请多多指教。谢谢！   要知道一个简单的sql语句执行效率，就要有查看方式，一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id
  • Linux Oracle中常遇到的一些问题及命令总结 超声波 oraclelinux
    1.linux更改主机名   (1)#hostname oracledb　　　　临时修改主机名 (2) vi /etc/sysconfig/network 　　修改hostname (3) vi /etc/hosts　　　　　　　　修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 （注意操作的顺序应该是先监听，后数据库实例） &nbs
  • hive函数大全及使用示例 superlxw1234 hadoophive函数
      具体说明及示例参 见附件文档。     文档目录：   目录 一、关系运算： 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5
  • Spring 4.2新特性-使用@Order调整配置类加载顺序 wiselyman spring 4
    4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他