yingjieweb

使用 svg-sprite-loader 批量引入 icon

1、推荐阿里 iconfont

2、使用前的一些配置

3、svg 图标的引入和使用

1、推荐阿里 iconfont

前端在做项目的过程中，都会频繁使用图标，记得几年前还是流行使用 CSS Sprite 雪碧图，它的好处有减少 HTTP 请求数，提高性能，节省一些流量等等，但是使用 CSS Sprite 雪碧图的方式也有一些缺点，比如图片拼接合成麻烦且耗时，后期如果需要追加小图标，则大的雪碧图维护起来比较繁琐，最好只是往下加图片，而不要更改已有图片，而且对每个需要记录每个图标的精确位置，这就会给设计师和开发人员带来不少的麻烦。

最近几年前端比较流行的是使用 iconfont 图标 symbol 引用方式，这里推荐阿里的 iconfont 矢量图标库，iconfont 有多种引入方式，其中主流的是 svg（本质就是一串xml），它的好处有很多，比如：支持多色图标了，不再受单色限制。支持像字体那样通过 font-size,color 来调整样式。矢量，缩放不失真，而且满足减少HTTP请求次数的需求。

2、使用前的一些配置

第一步：将 svg 格式的图标导入项目中，可以通过 `import svg from '@/assets/icons/home.svg'` 的方式引入，如果你的项目是 TypeScript 开发的话，在你写上面这条语句时会报错，StackOverflow 查一下，需要在 shims-vue.d.ts 文件追加声明：

declare module "*.svg" {  //防止import svg时报错
  const content: string;
  export default content;
}

如果这个时候，在 import 语句后打印 svg 会打印出一个 .svg 的文件路径，这并不是我们所需要的，还需额外的配置才行。

第二步：我们还需要使用一个 svg-sprite-loader 的东西，来加载一下 svg 图标。根据文档安装 svg-sprite-loader 后，文档上说了需要在 webpack.config.js 文件中配置以下，但是问题是我们使用 Vue CLI 创建的项目没有这个文件，只有 vue.config.js，所以要将 webpack 的配置翻译过来，写在 vue.config.js 文件中。

const path = require('path');  //使用require报错：可改.eslintrc.js配置、可改成import、可写 eslint ignore注释

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
      ? '/charge-website/'
      : '/',
  lintOnSave: false,
  chainWebpack: config =>{
    const dir = path.resolve(__dirname, 'src/assets/icons') //svg图标的路径

    config.module //vue将webpack封装后暴露出来的config接口
        .rule('svg-sprite') //添加规则
        .test(/\.svg$/)  //匹配.svg为结尾的文件
        .include.add(dir).end() // 只包含 icons 目录的路径
        .use('svg-sprite-loader').loader('svg-sprite-loader').options({extract:false}).end()  //不需要解析成文件
        //.use('svgo-loader').loader('svgo-loader')  //删除svg中的fill填充色、npm install --dev svgo-loader一下
        //.tap(options => ({...options, plugins: [{removeAttrs: {attrs: 'fill'}}]}))  //删除svg中的fill填充色
    config.plugin('svg-sprite').use(require('svg-sprite-loader/plugin'), [{plainSprite: true}])
    config.module.rule('svg').exclude.add(dir) // 其他 svg loader 排除 icons 目录：loader 分功避免冲突
  }
}

这个时候在 import 语句后打印 svg 会打印出一个标签，而且在标签中会出现一个

3、svg 图标的引入和使用

通过上述配置，svg-sprite-loader 会把 import 引入的 svg 解析成对应的 symbol，将其插入到页面的 body 标签中的


    
        你可能感兴趣的:(自动化工具相关的)
        
            
                
                    MAC终端使用sqlcipher生成加密数据库
                        supe_rNiu
其他sqlcipher数据库加密终端sqlcipher
                        前言：由于新项目中大量数据操作都和数据库有关，因此决定给数据库进行套壳加密，防止数据库被串改或者被有心人查看，对比再三决定使用免费的SQLCipher进行加密。本文是在作者使用mac终端生成加密数据库，使用方法以及踩过的坑都会在本文中一一说明SQLCipher下载链接SQLCipher官方文档SQLCipher下载成功之后放到桌面，打开终端，cd到当前目录下，执行复制大法./configure–e
                    
                    【RISC-V CPU debug 专栏 4 -- RV CSR寄存器介绍】
                        主公讲 ARM
#【RISC-V处理器debug学习专栏】risc-vRVCSRCSR访问
                        文章目录Overview1.CSR寄存器访问指令2.为何CSR地址不是4字节对齐(1)CSR寄存器空间是独立的地址空间(2)节省编码空间(3)对硬件实现的简化3.CSR的物理大小和对齐无关4.RISC-V中的GPR寄存器及其作用GPR的详细用途CSR（控制状态寄存器）与GPR的区别GPR和CSR结合使用的案例总结Overview思考个问题：RISC-V64bitCSR寄存器是如何访问的，为何地址不
                    
                    《Docker 核心概念揭秘：如何让软件开发像烹饪一样简单》
                        TechStack 创行者
#服务器容器Linuxdocker容器运维
                        Docker核心概念通俗解读1.‌镜像（Image）——软件的“预制菜”‌‌是什么‌：镜像是打包好的软件环境，包含代码、工具、配置等所有依赖，就像餐厅提前备好的半成品菜，拆开包装就能烹饪‌。‌核心特点‌‌不可修改‌：一旦制作完成，镜像内容就固定不变，确保不同环境运行效果一致‌。‌分层结构‌：像叠积木一样分层构建，基础层（如操作系统）和功能层（如Python环境）可复用，节省存储空间‌。2.‌容器（
                    
                    UserWarning: Glyph 21435 (\N{CJK UNIFIED IDEOGRAPH-53BB}) missing from font(s) DejaVu Sans.
                        刘瑞瑞rr
python
                        matplotlib警告,对于这种警告。原因是：matplotlib使用的默认字体DejaVuSans不支持中文字符，因此在渲染带有中文的图表时会出现警告。此时只需要在库文件中，加入两行代码：importmatplotlib.pyplotaspltfrommatplotlibimportrcParams#设置字体为SimHei（黑体），支持中文rcParams['font.sans-serif']
                    
                    Python 编程第一课：快速上手 Python
                        
后端
                        Python环境搭建为了开始Python编程之旅，首先需要搭建Python环境。以下是简洁的环境搭建步骤：安装Python访问Python官方网站下载最新版本的Python安装包。按照安装向导完成安装，确保勾选“AddPythontoPATH”选项。安装集成开发环境(IDE)PyCharm：功能强大，适合大型项目开发，有社区版和专业版。VSCode：轻量级但功能丰富，可通过插件扩展功能，适合各种规
                    
                    Oumi ：AI开发的未来？
                        
人工智能开源
                        Oumi：AI开发的未来？前言在人工智能领域，开源技术正以前所未有的速度推动着创新和变革。今天，我们将聚焦一个备受瞩目的开源AI平台——Oumi。它不仅以其强大的功能和灵活的架构吸引了全球开发者和企业的目光，还通过简化AI开发的整个生命周期，为用户提供了前所未有的便利。github地址：https://github.com/oumi-ai/oumi官网地址：https://oumi.ai/什么是O
                    
                    域名备案不得不说的那些事
                        
运维网站建设备案
                        在互联网时代，拥有一个自己的网站是很多开发者、创业者的刚需，但域名备案这道坎儿却让不少人头疼不已。许多人以为备案就是填个表格走个流程，结果反复提交十几次都被驳回，甚至因为备案问题导致项目延期数月。其实，备案失败往往是因为忽略了一些看似不起眼、实则致命的细节。域名备案的第一个大坑藏在域名实名认证环节。很多人觉得“张老三”和“张三”差不多，或者营业执照上的公司名和域名注册信息稍有出入也没关系，结果直接
                    
                    Go 语言泛型用法详解
                        
go编程语言泛型后端
                        本文将带你从零开始，理解Go泛型的概念、语法、使用方式，并配有示例代码，帮助你快速上手。文章目录什么是泛型？1.泛型函数示例：一个求长度的泛型函数2.泛型结构体示例：一个通用的盒子3.泛型集合（Set）示例：一个通用的集合4.泛型通道（Channel）示例：一个通用的通道5.泛型方法示例：一个通用的栈6.泛型迭代器示例：一个通用的迭代器7.泛型工厂函数示例：一个通用的对象工厂8.Go1.24新特性
                    
                    JSON-LD 类型使用示例大全
                        

                        本文是针对JSON-LD类型的使用示例及其简要介绍与说明。每个类型的示例展示了如何在JSON-LD中进行标注，并附带了简要说明，希望对你有所帮助。文章目录JSON-LD的主要核心类型Thing（事物）CreativeWork（创作作品）Event（事件）Intangible（非实体事物）Organization（组织）Person（个人）Place（地点）Product（产品）Action（行为）
                    
                    UserWarning: Glyph 29992 (\N{CJK UNIFIED IDEOGRAPH-7528}) missing from font(s) DejaVu Sans.
                        福葫芦
Macmatplotlib字体缺失
                        问题：UserWarning:Glyph29992(\N{CJKUNIFIEDIDEOGRAPH-7528})missingfromfont(s)DejaVuSans.FigureCanvasAgg.draw(self)解决办法：在表头添加如下代码：importmatplotlib.pyplotaspltimportmatplotlib#设置字体为SimHei，确保该字体在你的系统中存在matpl
                    
                    mac OS matplotlib missing from font(s) DejaVu Sans
                        风轻扬777
matplotlib
                        如果能搜索到这篇文章，我猜你遇到了和我一样的问题：matplotlib绘图中文乱码。如下：出现这个问题的原因是：matplotlib使用的字体列表中默认没有中文字体。这里说一种解决方案：我们可以在文件中手动指定matplotlib使用的字体在python文件中指定matplotlib使用的字体，如下：plt.rcParams['font.sans-serif']=['STFangsong']#用来
                    
                    HarmonyNext实战：基于ArkTS的分布式实时消息队列系统开发
                        
harmonyos-next
                        HarmonyNext实战：基于ArkTS的分布式实时消息队列系统开发引言在HarmonyNext生态系统中，消息队列是实现分布式系统通信和异步处理的核心组件。本文将深入探讨如何使用ArkTS语言开发一个分布式实时消息队列系统，重点介绍消息的生产、消费、路由以及负载均衡等核心功能的实现。我们将通过一个完整的实战案例，展示如何利用HarmonyNext的分布式能力和ArkTS的高效性能，构建一个高效
                    
                    夏新R210 5G CPE的刷机方法
                        虎王科技
嵌入式硬件数据库
                        随身WiFi相关（程序+源码+工具+调试部署+开发环境）包含4G/5G/CPE设备，总共500多GB以上，文章末尾可获取，在最后面了。关于夏新R2105GCPE的刷机方法，由于直接提供刷机包可能涉及版权等问题，因此无法直接给出具体的下载链接。不过，可以给出一般的刷机步骤和注意事项，帮助您了解如何安全地进行刷机操作：###刷机前准备1.**备份数据**：在刷机前，请务必备份设备中的重要数据，以防万一
                    
                    【每日一练】python文件读.写.追加基本用法
                        程之编
Python学习笔记python
                        """本节课程内容：1.打开一个文件，模式为写入2.用传参方式写入文件内容3.如何追加文件内容4.如何读取新写入的文件5.牢记操作完一定要关闭程序使用close()函数Ps：如果写完文件后就读取文件，需要使用seek(0)把指针复位到开头。否则，下面读取文件为空，因为写完后指针会停留在尾部。"""#打开文件flit=open('测试.txt','w',encoding='utf-8')#写入文件的
                    
                    Django ORM 中的 RelatedManager 特殊方法
                        jay丿
djangosqlite数据库
                        DjangoORM中的RelatedManager特殊方法在Django的ORM（对象关系映射）框架中，处理关联关系是一项核心功能。当我们在模型之间定义外键（ForeignKey）、一对多（OneToMany）或多对多（ManyToMany）关系时，Django提供了一系列工具和方法来方便地管理这些关系。其中，RelatedManager是一个特别重要的概念，它是一个管理器（Manager），用于
                    
                    Java进阶知识-反射
                        m0_74825108
面试学习路线阿里巴巴java服务器前端
                        获取Class对象有三种方式获取Class对象：根据类的完整包名获取ClassClassclazz=Class.forName(“com.example.xjp.demo.reflect.PersonInfo”);根据类名直接获取ClassClassclazz=PersonInfo.class;根据实例类的对象获取ClassPersonInfopersonInfo=newPersonInfo();
                    
                    Java进阶总结——集合
                        m0_74823683
面试学习路线阿里巴巴java开发语言
                        Java进阶总结——集合说明：对于以上的框架图有如下几点说明1.所有集合类都位于java.util包下。Java的集合类主要由两个接口派生而出：Collection和Map，Collection和Map是Java集合框架的根接口，这两个接口又包含了一些子接口或实现类。集合接口：6个接口（短虚线表示），表示不同集合类型，是集合框架的基础。抽象类：5个抽象类（长虚线表示），对集合接口的部分实现。可扩展
                    
                    Linux报 “permission denied” 异常的原因以及解决办法
                        为了前进而后退，为了走直路而走弯路
记录一些踩过的坑linux服务器运维
                        Linux报“permissiondenied”异常的原因以及解决办法Linux报permissiondenied（权限被拒绝）错误通常是由于当前用户缺少执行该文件或文件夹的权限而导致的。这是Linux系统的安全机制之一，可以保证系统的安全性和稳定性。下面来详细介绍一下Linux报permissiondenied的原因和解决办法。原因文件或文件夹的权限不够：Linux系统中，每个文件都有不同的权限
                    
                    解释型语言和编译型语言
                        難釋懷
开发语言
                        在计算机编程的世界里，根据执行方式的不同，编程语言大致可以分为两大类：解释型语言和编译型语言。了解这两种语言类型的特点及其差异对于选择合适的编程语言来完成特定任务至关重要。本文将深入探讨解释型语言和编译型语言的概念、特点及应用场景。一、解释型语言定义解释型语言是指程序在运行时由解释器逐行读取、翻译并执行的语言。这种语言不需要事先进行完整的编译过程，而是边解释边执行，因此具有较高的灵活性。特点即时性
                    
                    WebRTC新增FFmpeg视频编解码模块
                        程序员老舅
音视频开发进阶webrtc视频编解码实时音视频音视频c++
                        1整体描述目前webrtc内置的视频编解码器包括：VP8、VP9、AV1和H264。一般情况下载pc端基本可以满足大部分的需求，但是有时候为了进行编解码器的扩展包括支持H265或者是支持硬件编解码以提升效率时需要新增编解码模块。2新增外部编码器编码器实现的要点包括两个部分：一是需要实现以VideoEncoder为基类的编码器对象，核心API实现如下：（1）初始化编码器，将编码参数传入进行初始化。v
                    
                    HTML5新特性深度解析
                        longdong7889
前端学习html5前端html
                        HTML5新特性深度解析HTML5作为现代Web开发的基石，其LivingStandard模式持续为开发者带来创新工具。本文将深入剖析2023年值得关注的最新特性，通过技术解析与实战示例展现其应用场景。一、革新性API赋能Web应用1.1PopoverAPI：原生交互革命显示详情悬浮内容支持自动关闭和层级管理浏览器原生实现弹窗系统支持auto/manual状态控制无需JavaScript实现显隐逻
                    
                    RuntimeWarning: Glyph 35745 missing from current font
                        jst100
python开发语言
                          出现该问题的在于在使用plt绘图时找不到合适字体来表示中文。解决方式对于Windows系统可以直接在原始文件中添加如下代码plt.rcParams['font.sans-serif']=['SimHei']对于MAC系统可以在python文件中添加如下代码plt.rcParams["font.family"]='ArialUnicodeMS'对于Linux系统则首先通过命令fc-list:la
                    
                    Spyder “Glyph 24066 missing from current font.“报错问题
                        fightingtingting
大数据python
                        在使用spyder完成Matplotlib模块实现数据可视化时出现Glyph***missingfromcurrentfont。错误问题，经查阅资料综合网上给出的解决方案，总结如下：问题原因：matplotlib自带的字体库不支持中文第一步：下载中文字体包常用的中文字体为：SimHei给出一下链接可选择：https://github.com/StellarCN/scp_zh/blob/master
                    
                    idea+python+selenium自动化测试环境搭建-mac版本
                        guosasa
自动化测试工具
                        1、安装idea官网下载安装：https://www.jetbrains.com/idea/download/#section=mac2、安装python3官网下载python最新版本-mac版uname-a可以查看对应mac系统版本https://www.python.org/downloads/macos/
                    
                    HarmonyOS NEXT 长时任务的学习和总结
                        
架构教育
                        想要使用鸿蒙的长时任务需要配置权限：ohos.permission.KEEP_BACKGROUND_RUNNING并在module.json5中配置需要处理的长时任务类型，此处以定位为例：{..."backgroundModes":[//长时任务类型的配置项"location"]}]然后再合适的地方调用startBackgroundRunning方法开启长时任务，通过调用stopBackgroun
                    
                    FFmpeg 6.0实现视频硬解码
                        大王算法
ffmpeg音视频c++1024程序员节
                        目录一、背景二、FFmpeg6.0实现视频硬解码的操作步骤2.1、安装FFmpeg6.02.2、配置FFmpeg解码器2.3、转换视频流格式2.4、在Surface设备上显示视频三、总结一、背景随着计算机技术的不断发展，视频编解码技术也在不断进步。FFmpeg作为一款强大的开源音视频处理工具，广泛应用于音视频处理的各种场景。而在实际的应用中，我们常常需要将解码后的视频流输出到特定的显示设备，如Mi
                    
                    【weak_ptr不为人知的小妙用】
                        did_you
c++算法设计模式
                        【weak_ptr不为人知的小妙用】一、weak_ptr常见用法1、weak_ptr的原理2、使用方法二、崩溃问题背景1、不使用智能指针2、使用shared_ptr管理三、weak_ptr生命周期控制四、总结&延伸一、weak_ptr常见用法1、weak_ptr的原理  weak_ptr是为了解决shared_ptr循环引用而引入的一种智能指针，它指向一个由shared_ptr管理的对象而不影响所
                    
                    你需要更新的Java知识（面试必看、全网最全、持续更新）
                        珠峰日记
java后端
                        一、java基础1、JDK版本相关（新特性、是否长期支持、选择建议等）新特性JDK8StreamAPI：提供了过滤、映射、排序等功能，让集合操作更简便。接口默认方法和静态方法：增强了接口的灵活性，允许在接口中定义默认方法和静态方法。JDK17密封类和接口：通过sealed、permits关键字限制类的继承或接口的实现，提高代码安全性和可维护性。模式匹配（instanceof）：在instanceo
                    
                    Spring Boot 异步编程
                        珠峰日记
springbootjava后端
                        文章目录一、异步方法的使用1.开启异步支持2.定义异步方法3.调用异步方法踩坑记录心得体会二、线程池配置1.自定义线程池2.使用自定义线程池踩坑记录心得体会三、异步任务的监控与管理1.日志记录2.异常处理3.线程池监控踩坑记录心得体会在现代应用程序开发中，异步编程是提升系统性能和响应能力的重要手段。SpringBoot提供了便捷的方式来实现异步编程，下面将详细介绍异步方法的使用、线程池配置以及异步
                    
                    Springboot应用json数据传给前端首字母大写变小写的问题
                        珠峰日记
css3cssspringjqueryhtml
                        对接.net数据，属性首字母大写传给前端后自动转成了小写。解决思路网上有三种：1)如果没有使用fastjson(阿里巴巴出品),使用@JsonProperty("XXXX")的注解方式可以解决问题，XXXX就是转换成Json的属性名，但注意，只有放在getter上才是有效的，直接在属性上加没效果.(这说明spring默认的jackson类库处理是基于访问器。2)如果使用了fastjson,就用@J
                    
                                312个免费高速HTTP代理IP（能隐藏自己真实IP地址）
                                    yangshangchuan
高速免费superwordHTTP代理
                                      
  
124.88.67.20:843
190.36.223.93:8080
117.147.221.38:8123
122.228.92.103:3128
183.247.211.159:8123
124.88.67.35:81
112.18.51.167:8123
218.28.96.39:3128
49.94.160.198:3128
183.20
                                
                                pull解析和json编码
                                    百合不是茶
androidpull解析json
                                    n.json文件: 
[{name:java,lan:c++,age:17},{name:android,lan:java,age:8}] 
  
pull.xml文件 
<?xml version="1.0" encoding="utf-8"?> 
<stu> 
    <name>java
                                
                                [能源与矿产]石油与地球生态系统
                                    comsci
能源
                                     
      按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的.... 
 
      那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
                                
                                类与对象浅谈
                                    沐刃青蛟
java基础
                                     
       类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
                                
                                新站开始被收录后，我们应该做什么？
                                    IT独行者
PHPseo
                                    新站开始被收录后，我们应该做什么？ 
  
      百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。 
      至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
                                
                                oracle 连接碰到的问题
                                    文强chu
oracle
                                    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 
作者：草根IT网 来源：未知 人气：813标签： 
导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
                                
                                Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据）
                                    小桔子
java继承swing接口监听
                                            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 
编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
                                
                                linux常用的命令
                                    aichenglong
linux常用命令
                                    1 startx切换到图形化界面 
2 man命令:查看帮助信息 
 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 
 name:对命令的简单说明 
 synopsis:命令的使用格式说明 
 description:命令的详细说明信息 
 options:命令的各项说明 
3 date:显示时间 
 语法：date [OPTION]... [+FORMAT] 
 
                                
                                eclipse内存优化
                                    AILIKES
javaeclipsejvmjdk
                                    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
                                
                                关键字的使用探讨
                                    百合不是茶
关键字
                                    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承  final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
                                
                                JS中定义对象的几种方式
                                    bijian1013
js
                                        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： 
<html>
<head>
    <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title>
</head>
<script>
    var obj = new Object();
 
                                
                                表驱动法实例
                                    bijian1013
java表驱动法TDD
                                    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： 
MonthDaysTest.java 
package com.study.test;

import org.junit.Assert;
import org.junit.Test;

import com.study.MonthDays;

public class MonthDaysTest {

	@T
                                
                                LInux启停重启常用服务器的脚本
                                    bit1129
linux
                                    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改 
  
#! /bin/bash

Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo);
Ops=(Start, Stop, Restart);
currentDir=$(pwd);
echo
                                
                                【HBase六】REST操作HBase
                                    bit1129
hbase
                                    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作 
  1. 启动和停止HBase REST 服务 1.1 启动REST服务 
前台启动（默认端口号8080） 
[hadoop@hadoop bin]$ ./hbase rest start 
  
后台启动 
hbase-daemon.sh start rest 
  
启动时指定
                                
                                大话zabbix 3.0设计假设
                                    ronin47

                                    What’s new in Zabbix 2.0? 
去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个： 
 
          :: Performance improvements::Trigger related da
                                
                                http错误码大全
                                    byalias
http协议javaweb
                                    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 
响应码分五种类型，由它们的第一位数字表示： 
1）1xx：信息，请求收到，继续处理 
2）2xx：成功，行为被成功地接受、理解和采纳 
3）3xx：重定向，为了完成请求，必须进一步执行的动作 
4）4xx：客户端错误，请求包含语法错误或者请求无法实现 
5）5xx：服务器错误，服务器不能实现一种明显无效的请求 
 
 

                                
                                J2EE设计模式-Intercepting Filter
                                    bylijinnan
java设计模式数据结构
                                    Intercepting Filter类似于职责链模式 
有两种实现 
其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： 
 
 

package com.ljn.filter.custom;

import java.util.ArrayList;
                                
                                修改jboss端口
                                    chicony
jboss
                                    修改jboss端口 
  
%JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml 
  
中找到 
  
   <!-- The ports-default bindings are obtained by taking the base bindin
                                
                                c++ 用类模版实现数组类
                                    CrazyMizzz
C++
                                    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 
 
 

#include<iostream>
#include<string>
#include<cassert>
using namespace std;
template<class T>
class Array
{
public:
	//构造函数 
	
                                
                                hadoop dfs.datanode.du.reserved 预留空间配置方法
                                    daizj
hadoop预留空间
                                    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置 
 <property> 
    <name>dfs.datanode.du.reserved</name> 
    <value>10737418240</value> 
  
 
                                
                                mysql远程访问的设置
                                    dcj3sjt126com
mysql防火墙
                                    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
                                
                                ios 使用特定的popToViewController返回到相应的Controller
                                    dcj3sjt126com
controller
                                    1、取navigationCtroller中的Controllers
NSArray * ctrlArray = self.navigationController.viewControllers;
2、取出后，执行，
[self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
                                
                                Linux正则表达式和通配符的区别
                                    eksliang
正则表达式通配符和正则表达式的区别通配符
                                    转载请出自出处：http://eksliang.iteye.com/blog/1976579 
 
首先得明白二者是截然不同的 
通配符只能用在shell命令中,用来处理字符串的的匹配。 
判断一个命令是否为bash shell(linux 默认的shell)的内置命令 
 type -t commad  
返回结果含义 
 file  表示为外部命令 
 alias  表示该
                                
                                Ubuntu Mysql Install and CONF
                                    gengzg
Install
                                    http://www.navicat.com.cn/download/navicat-for-mysql
    Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html  
      
    Step2：进入下载目录，解压压缩包：tar -zxvf  navicat11_mysql_en.tar.gz  
                                
                                批处理，删除文件bat
                                    huqiji
windowsdos
                                    @echo off
::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。
::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。
::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log）
rem 指定待删除文件的存放路径
set SrcDir=C:/Test/BatHome
rem 指定天数
set DaysAgo=1
                                
                                跨浏览器兼容的HTML5视频音频播放器
                                    天梯梦
html5
                                    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。    How to enable <video> and <audio> tags in 
                                
                                Bundle自定义数据传递
                                    hm4123660
androidSerializable自定义数据传递BundleParcelable
                                          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity 
  
把数据放到Intent
                                
                                C＃：异步编程和线程的使用（.NET 4.5 ）
                                    powertoolsteam
.net线程C#异步编程
                                    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 
本文中涉及关键知识点 
1. 异步编程 
2. 线程的使用 
3. 基于任务的异步模式 
4. 并行编程 
5. 总结 
 
  异步编程  
 
什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
                                
                                spark 查看 job history 日志
                                    Stark_Summer
日志sparkhistoryjob
                                    SPARK_HOME/conf 下:  
spark-defaults.conf 增加如下内容 
spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true  
spark-env.sh 增加如下内容 
export SP
                                
                                SSH框架搭建
                                    wangxiukai2015eye
springHibernatestruts
                                    MyEclipse搭建SSH框架 Struts Spring Hibernate 
1、new一个web project。 
2、右键项目，为项目添加Struts支持。 
   选择Struts2 Core Libraries -<MyEclipes-Library> 
     点击Finish。src目录下多了struts
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.