Boale_H
Boale_H

webpack成长指北第9章---webpack如何对icon字体进行打包

webpack成长指北第9章---webpack如何对icon字体进行打包

  • 前言
  • 下载icon图标
  • 项目目录
  • 项目代码

前言

在项目中，我们有时候会引入icon字体来实现一些图标的展示，但是之前文章有说过，webpack只识别js文件，那么如何对eot,ttf,svg,woff,woff2等类型的icon字体文件进行打包呢？

下载icon图标

我们可以先去阿里巴巴矢量图标库中下载所需要的icon图标
webpack成长指北第9章---webpack如何对icon字体进行打包_第1张图片
webpack成长指北第9章---webpack如何对icon字体进行打包_第2张图片
下载完成后获得这些文件
webpack成长指北第9章---webpack如何对icon字体进行打包_第3张图片

项目目录

webpack成长指北第9章---webpack如何对icon字体进行打包_第4张图片

项目代码

  • index.html

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 解决没有favicon.ico时报错GET http://localhost:9999/favicon.ico 404 (Not Found) -->
  <link rel="shortcut icon" href="#" />
  <link type="text/css" rel="styleSheet" href="./dist/css//main.css" />
  <title>webpack学习</title>
</head>
<body>
  <div>这是webpack学习</div>
  <div id="root"></div>
  <script src="./dist/main.js"></script>
</body>
</html>

  • 将下好的icon图标文件放到项目中
    webpack成长指北第9章---webpack如何对icon字体进行打包_第5张图片

  • 修改iconfont.css,将起文件引入改为相对路径
    webpack成长指北第9章---webpack如何对icon字体进行打包_第6张图片

  • index.js模块中引入iconfont.css

    import './src/assets/icon/iconfont.css';

const dom = document.getElementById('root');
const iconBox = document.createElement('div');
iconBox.className = 'iconfont icon-dianshita'
dom.append(iconBox);

  • 安装依赖
    之前我们说过，webpack默认只识别js文件，如果要处理css,以及eot,ttf,svg,woff,woff2等类型的icon字体文件，就需要考虑使用loader来处理这些文件
    其实打包字体文件和打包图片类似，我们需要安装file-loader和url-loader

    npm i file-loader url-loader -D

  • 配置webpack

    const path = require('path'); // 由于webpack无法直接操作文件夹，所以需要引入node的path模块
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); // webpack默认是将css打包到js中,如果需要将css打包成单独文件，则需要引入它

module.exports = {
  entry: {
    main: './index.js', // 指定当前目录的index.js为打包的入口文件
                       // 实际上是 entry: './index.js' 的具体写法，main为打包的Chunk Name
  },
  mode: 'development', // mode  指定打包模式（development（不会被压缩），production（这个模式的话代码会被压缩））
                       // development默认配置了sourcemap
                       // development默认无tree shaking配置，需要额外配置
  plugins: [
    new MiniCssExtractPlugin({   // 如果需要将css打包成单独文件，则需要引入它
      filename: './css/main.css', // 非必填，默认当前目录main.css，如指定路径和文件名可这样填写
      chunkFilename: '[id].css',  // 间接引入css的才会走chunk.filename
    }),
  ],
  module: {
    rules: [
      // 将css打包成单独文件
      {
        test:/\.css$/,
        use:[
            // 'style-loader',  // mini-css-extract-plugin是将css打包成独立的文件，而style-loader是将css以<style>标签的方式插入样式，彼此存在冲突,所以需要注释掉。
            // 'css-loader'     //将 CSS 转化成 CommonJS 模块
            // MiniCssExtractPlugin.loader, // mini-css-extract-plugin是将css打包成独立的文件的插件
            {
              loader: MiniCssExtractPlugin.loader, // mini-css-extract-plugin是将css打包成独立的文件的插件
              options: {
                publicPath: '../../' // 设置publicPath，这样css引用的背景图url就会以css所在的文件为基础
              }
            },
            {
              loader: 'css-loader', //将 CSS 转化成 CommonJS 模块
              options: {
                import: true, // 启用/禁用 @import 处理
                // modules: true // 代表样式的模块化打包，即哪个js引入了样式，哪个js才会受这个样式作用，其他js不受此样式文件影响
                              // 但是这样会造成样式文件打包后，类名会变成hash值，造成样式不起作用，因此如果设置modules: true，组件中设置类名的方式则需要做调整，根据css文件类名的变化而变化
              }
            },
            'postcss-loader'  // 在css3新特性下，我们是要添加浏览器厂商前缀的。如果没有浏览器厂商前缀，同一套样式不同浏览器展现的样式是不同的。
        ]
      },

      // 打包iconfont字体图标，和打包图片类似
      {
        test:/\.(eot|ttf|svg|woff|woff2)$/,
        use: {
          loader: 'url-loader',
          options: {
            esModule: false, // 新版本中esModule默认为true，会导致文件的地址变为[object Module],因此这里设置为false
            name: '[name]_[hash].[ext]', // 输出的文件名为[原名称]_[哈希值].[原后缀]
            outputPath: 'fonts/',       // 文件存储路径（output.path + 值）（物理路径, 存储路径）
                                        // 负责输出目录, 即打包后的写在磁盘的位置
            // publicPath: 'dist/fonts/',   // 输出解析文件的目录，url 相对于 HTML 页面（index.html所在文件夹的绝对路径 + 值）（文件引用路径就是看这个）
            //                             // 如果output设置了publicPath， options也设置了publicPath，优先以options的publicPath为主
            //                             // 是对页面引入资源的补充,比如img标签引入或者css引入等.
            //                             // 千万不能设错，应该观察文件和HTML页面的存储地址位置，进行设置，否则引用时地址会错误，找不到文件
                                          // 一般只设置output的publicPath，方便统一管理
            limit: 1024                 // 限制当文件小于1KB的时候，就将文件转为base64存储于js中，以减少http请求次数，当文件大于1KB，则打包文件到指定目录，避免js过大
          }
        }
      },
    ]
  },
  output: {
    filename: '[name].js', // 打包后输出的打包文件的文件名，根据entry的chunk name作为输出文件名（如果entry有多个入口文件时必须用占位符这样设置output.filename）
    path: path.resolve(__dirname, 'dist'), // 指定打包后输出的打包文件在当前webpack.config.js所在文件夹的绝对路径的dist文件夹下
                                           // path值必须是绝对路径 ，所以引入path包，__dirname代表当前webpack.config.js所在文件夹的绝对路径
                                           // 整体路径为第一个参数+第二个参数，即__dirname + dist
                                           // 是所有输出文件的目标路径（物理路径, 存储路径）;                  
    publicPath: 'dist/'   // （url 相对于 HTML 页面所在文件夹的绝对路径 + 值）给output配置全局的publicPath，
                          // 这样各个loader打包出来的文件发布路径（引用地址）就是此全局publicPath + loader的options.outputPath
                          // （文件引用路径就是看这个）
                          // 是对页面引入资源的补充,比如img标签引入或者css引入等.
                          // 千万不能设错，应该观察文件和HTML页面的存储地址位置，进行设置，否则引用时地址会错误，找不到文件
  }
}

  • package.json

    {
  "name": "09_webpack_icon",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "bundle": "webpack"
  },
  "keywords": [],
  "author": "Boale_H",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^9.8.4",
    "css-loader": "^3.6.0",
    "file-loader": "^6.0.0",
    "less": "^3.11.3",
    "less-loader": "^6.2.0",
    "mini-css-extract-plugin": "^0.9.0",
    "node-sass": "^4.14.1",
    "postcss-loader": "^3.0.0",
    "sass-loader": "^9.0.1",
    "style-loader": "^1.2.1",
    "url-loader": "^4.1.0",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.11"
  }
}

  • 执行npm run bundle打包，发现icon图标生效了
    webpack成长指北第9章---webpack如何对icon字体进行打包_第7张图片

你可能感兴趣的:(webpack成长指北)

  • 20210515成长日记 samantha
    1.呼吸法。2.柠檬水，西芹汁，果汁。3.小米粥午餐。4.拆书法学习1）本周的学习,我的目标是什么?了解拆书法,学会拆读一本书。2)整个听课和作业完成的过程中发生了什么?a.听着老师的讲课和完成作业,一层层升级了自己的拆书思维。打开了新的思维,不正确的学习方式让我产生焦虑,追逐干货。大量的听课追逐干货,如果能把这些学到的用到极致就是最大的成长和收获。听课的过程中有陷入知识为中心的思维而去记录老师说
  • 跟剽悍一只猫学习收获之知识创富 财务自由的社群运营人苏宝
    001找一个细分领域，然后在这个领域内做到擅长，做到专业，然后慢慢成为第一。002不断输出自己做到的心得，通过创作内容、提供咨询，创建社群等方式赚钱，提升能力。003帮你的客户成长，帮他们赚到。004注重自己的信誉，专业能力和经验，不断修炼。
  • 学会放空自己 甜果铺子
    文章主题：放空自己（日更千字文）世界球王贝利在20多年的足球生涯里，曾经参加过1364场比赛，共踢进1282个球。他还创造了个人在单场比赛中射进8个球的辉煌战绩。当他个人进球记录满1000个时，记者问他：“您哪个球踢得最好？”贝利笑了笑，意味深长地说：“下一个！”贝利就是把荣誉清空，继续向前走！成长路上，因为负累的东西太多，人难免会迷失。人生最好的境界，就是时刻有放空自己的智慧。今日金句：有首歌里
  • 复盘《商业闭环里最重要的一环——交付》 蒲兰Dandelion
    第一次以第四阶层来思考的复盘，从操盘手的角度来分析问题。以下午的155人在来切入以下午的155人在线的答疑干货来切入，听了的人都觉得很有价值，花99旁听到3999元的一对一的咨询。有一波正向反馈，答疑的内容认真执行就会收获巨大。而且你只要说一句就知道你缺啥？从底层逻辑来剖析问题，最快的成长方式是跨行去观察学习思考：以下午的超值交付入手，这个话题的切入已经在体现超值交付；同时收获一大波正向证言，发了
  • 黄河，我的母亲——教读《黄河颂》有感 山城居士
    黄河，你是巍巍昆仑孕育的女儿是生我，养我的母亲你如同黄沙般普通又朴实每天重复着同样的事——哺育我成长你伸出千万条柔弱的手臂，揽着我给我温暖与安全你是摇篮，我就是你摇篮里的婴孩你经历无数的狂风暴雨始终不变奔向黄海的志向把坚强融进了血脉这是你赋予我的期盼——博大胸怀这是你教会我的人生——坚强勇敢
  • 2023-09-10 阅来悦好_ba43
    司春丽工作日志9.10今天我们迎来了第39个教师节敬爱的老师，祝您节日快乐！在人生的道路上，无论是你，是我，是他，老师从未缺席，是他们用关怀呵护我们健康成长，用智慧指引我们走向远方……后来我发现，老师可以是我们身边的任何一个人。
  • 现状 小蓝的练习本
    现状是不可能在短时间之内改变的，每个学习者都应该认清这个事实。在成长的过程中，就不会过分追求速度而陷入焦虑。同样，只要你不间断学习，现状也是一定会改变的，这是缓慢的、自然而然的过程。所以也不要失去信心。我们每个人都不应该放弃学习，因为时间不会亏待任何一个努力的人，没有任何知识是无用的，你所学习的，必定会在未来的某个时间回馈于你。
  • 只有在独处时还能做到持续自律的人，才是人生舞台上真正的狠角色 读书的羽丛
    人这一生，无论在哪个阶段，大概都会遇到一些关于个人成长或者是职场方面的问题，这些来自生活磨砺或职场打拼中的问题，心中的各种情绪，掺杂在与生活无穷无尽琐碎的斗争中，我们该如何安顿自己的内心，找到前进的方向与力量？如果我们知道有一些人，和我们在同样的处境、面临相同的遭遇与问题，如果我们知道，他们是如何面对与处理的，我们的内心会不会平静许多，会不会就不再那样焦虑？网络上的鸡汤文太多，励志话语我们也看了不
  • 陪伴和教育，是对孩子最好的爱 天籁细语
    图片来自网络父母是孩子的第一任老师，而且是永不退休的老师。所以在孩子的成长道路上，父母的言传身教不可小觑。1、周末休息时间想去超市购物，在快到超市的一个十字路口处，指示着人行道上的绿灯还剩最后2秒钟的时候，多数行人都停下脚步，等待下一次绿灯时再通过。但却有一名大约30多数的男子，不顾红灯即将亮起，径直走向路口中央，向马路的另一端走去。路口这端一个8、9岁的小女孩，跺着脚喊道：“爸爸，爸爸，我再也不
  • 2023-05-16 莫忘小寒
    当你发泄的方式再也不是换头像，改签名，发朋友圈，找朋友倾诉，而是静一静，吹吹风，发发呆，那么恭喜你，你成长了，只是成长的过程有点艰难甚至有点痛苦。2、读那么多书干什么呢?就是为了在要紧关头，我们有选择的自由和底气，对于我们不喜欢的人和事，我们站起来就走，无谓纠缠。3、总有一天你会明白:任何关系到最后只是相识一场，大家也都是阶段性的陪伴，那些你放不下的人和事到最后岁月都会替你去轻描淡写。这个世界上从
  • 我在成长的哪个阶段 一方悠然
    在我们的改变旅程中，我们能够发现自己的成长与变化并且信任这种变化确实在发生,本身就是一种成长。为什么我们对于自己是否得到了成长如此不确定,因为我们可能缺乏一把衡量的尺子。这把尺子是《非暴力沟通》这本书给出的,而这把尺子其实与我在航线中的工作体验很匹配，所以今天我们用这把尺子来量一量现在的自己在哪里。个人成长一般会经历三个阶段:(1)情感的奴隶——我们认为自己有义务使他人快乐，如果别人不高兴，我们就
  • 隔代遗传强大，特朗普确定是亲孙子！除了颜值还有哪些会遗传？ 成长童年
    关注“成长童年”公众号，回复“分享”，即可免费获取价值千元亲子教育/儿童绘本/有声读物/家长助手等育儿资料哦！孩子除了随爸妈，好多小可爱越长越像爷爷奶奶或者外婆外公，这就是隔代遗传现象。从爸爸去哪儿，爸爸回来了，妈妈是超人等综艺节目，认识了很多星二代。大家看到这些星二代的时候，不自觉的也会说到这孩子好像爸爸（爷爷奶奶）妈妈（外公外婆）啊。伊能静带小米粒参加节目的时候，公公婆婆也一同出镜，不少眼尖的
  • 分享｜陈春花老师讲领导者和管理者的区别，你踩过这些坑吗？ 菩提香
    领导者承担的责任是让企业能够有明确的方向，不断适应变化，有一个核心管理团队，也就是说，领导者真正的责任是确保组织的成长。管理者只是对绩效负责。而产生绩效的关键因素是：解决问题，保持稳定，制度和规范得以贯彻和执行，在这种情况下绩效就能够获得。做两者差异的分析，是因为日常管理中，领导者常常关注绩效和当前，而管理者关注成长和未来，更可怕的是，绝大部分中国的管理者都是在做领导者的事情。在很多公司内部做调研
  • 和孩子同玩“蛋仔派对”，是利远大于弊的事情 草根宇
    前阵子，媒体采访了几位考上世界和全国名校的学生，他们说的话，让我至今印象深刻：“我只是会了一些学习方法，在学习之外，我也每天玩游戏啊，为什么不玩？”是啊，在传统教育中，家长过于关注孩子的记忆、考试和表现，对游戏唯恐避之而不及。可我们忽略了，“游戏和玩耍”在孩子成长过程中，扮演着关键角色，喜欢玩是人类的天性，“会玩才会学”，家长只有适当引导，才可以收获正向的结果。举个自己的例子。在孩子们四五岁的时候
  • 敞开自己，拥抱惊喜 倪说我听
    现在我所在的公司，是由一个大学毕业直接创业的boss带领的80多人的团队，是一家创业20年仍在不停成长的创业公司。当时在面试前浏览公司网站的时候，先是被网站的设计所吸引，后是被其中丰富的内容吸引。网页中有一段描述公司特别重视员工之间的合作共赢的文字，而且特意说明了公司内部的7种合作模式。其中一个模式，是这样说的，OPENお互いに本音を隠し合って、場が硬直する。自分の保身を優先して、素直になれない。
  • 20180722【剽悍行动营8】DAY1 嘉宾分享——赵周《碎片化时代你最缺的知识管理五招》 英娟儿
    补课五、自己学习后的五个收获：1.区分两类知识管理：追求知识本身；追求致用与成长。2.便签学习法的三个维度：A用自己的语言重述信息（理解）A1描述自己相关经验（内化）A2规划自己的目标与行动3.一切不改变行动的知识管理都是浪费。也就是说，不管是何种知识管理，都要以行动为目的。4.信息和知识的区别，又一次听到这两个概念的区别。5.构建知识体系是知识管理的最高境界。三、自己需要改善的（三个方面）:1.
  • 家长也是小学生之《家庭教育口传书》124 井蛙读书
    在我们高度关注如何进行家庭教育的时候，似乎忽略了一个问题——作为家庭教育关键环节的家长一环够不够强。家长的格局决定孩子的未来，可如何提升家长的格局又不是一时三刻的事。每一个家长都是从第一次开始的，成为家长的那一刻，家长与孩子是一样的，对未来的一切都是现学现用的。要想在家长这个身份上做的够好够强，就要不停地学习，以小学生的心态终身学习，陪孩子一起成长。今天继续分享《家庭教育口传书》——一本我被序言吸
  • 2019-06-06 906bbbe1730f
    尊敬的李老师，智慧的教授，亲爱的跃友们，大家晚上好！我是来自临沂永林木业的姜秀萍，今天是我日精进分享的第180天，给大家分享我今天的进步，每天进步一点点，距离成功便不远。比学习好好学好数学，计算，口算，培养孩子的同时，也锻炼了自己，会给自己的工作带来帮助。比改变我变了，世界就变了，虚心学习，从内而外，提高自身素养，和专业技能。比付出承担才会成长，付出才会杰出，只要努力付出，定会在将来的某一天收获成
  • 可怕！太极书院群毛振华低碳交易骗局曝光!亏损无法出金皆是套路!不要再相信了！ 不成功不收费
    太极书院群毛振华低碳交易就是杀猪盘，千万不要被骗了！随着这几年经济的发展，股市也经历了一定的成长，股民越来越多。由于人性的贪婪，市场监管的缺陷，互联网平台监管不力，众多网络骗子便把目光顶到了股民，尤其是处于亏损状态，迫切渴望摆脱被套牢的命运。于是，以微信群，QQ群荐股，开大讲堂荐股，炒股，一步步让股民入坑，受骗。他们通常通过股票交流群的形式，先吸引更多人进来，然后一段时间后，会转到其他软件聊天，进
  • 中原焦点团队焦点初级32期孙晓娟2022年️3月10日坚持分享第️30天 85b9745cfed8
    一个连父母都不放在眼里的孩子，长大后也必然是一位斤斤计较、眼界狭窄、礼仪欠缺的人。父母就是孩子最初成长的学习对象，严格要求自我，把控好自己的一言一行。孩子才能从父母这里，学会包容与爱，学会理解与尊重。我们尊重孩子，也赢得孩子的尊敬.如此才能让良好的教育理念滋养孩子的心田，幻化成孩子前行的动力，陪他走过漫长的人生岁月。
  • 活得很舒服的人，只有两种，要么很有钱，要么不在意钱 归一的整理笔记
    2020/7/29第24天【书籍】有钱人和你想的不一样财富原则1401哈维•艾克说：一个人真正成长的时候，是让你感觉不舒服的时候。在我的观念里，什么时候可以让我感受到突破，我就感受到自己的成长。突破前都是不舒服的，但不舒服的时候是不是都在突破呢？你认为不舒服的状态有哪些呢？生病了，身体不舒服；犯难了，脑壳不舒服；被误解，心里不舒服；被束缚，手脚不舒服…这些不舒服，算不算成长？在我的定义里，其实都算
  • 安全重于泰山 任娟
    为了促进我校班主任团队的专业成长，切实提高班主任管理工作的艺术水平，保障学生在校安全。6月11日下午6:20，我校德育处组织小学部全体班主任在阶梯教室召开会议。这次会议的主题是“班主任工作如何做”。各年级根据学段特点确定研讨主题:一年级研讨内容:学生课间玩耍安全。二年级研讨内容:学生离,返校安全。三年级研讨内容:学生发生安全事故应急处理方法。四年级研讨内容:学生就餐安全。五年级研讨内容:学生楼道玩
  • 2019-12-28 京心达_周莎
    2019.12.27今日体验：每天都发生太多太多的事，每一件事都会成为自己成长路上的记忆，如果不认真对待，吃亏后悔的只能是自己，每天都是最后一天，不要吝啬自己的赞美和表达
  • 感恩日记（54） 安然521
    感恩天地，感恩大自然，感恩父母，感恩孩子，感恩自己所有的一切！1.今天早上开始内训，感恩自己5：00起床，高一内训第三天。2.感恩领导同事，有缘一起工作。3.感恩自己不断学习成长，今天在单位忙一天。4.感恩孩子自己旅游，玩的嗨。5.感恩孩子自己照顾自己，越放手越自律，越放手越成长！6.感恩老天送我这么一个有灵性的闺女！7.祝福孩子考上自己理想的二附中学校！祝福孩子一定能考上！8.感恩孩子来修行我，
  • 教师带领小学生跳舞支持肖战，引发争议：带给我们三点反思和思考 十八点心理
    师者，传道授业解惑也。每一位教师都需要在自己的工作岗位上以生为本，身正为师，德高为范，教师的一言一行对于学生的身心成长都是有深远意义的，这一种深远意义也许会影响学生这一辈子的人生观、世界观和价值观。我记得高中语文老师当时在我迷茫困惑的时候，跟我说过一句话：遇到任何事，都要沉着镇定。这句话我一直记到现在，从未忘记，因为老师的话就是在启迪我的心灵净化，让我在今后的人生道路上走得更稳。近日，宿迁一名小学
  • 74.不要害怕困难，有困难是好事，否则就谈不上对青少年进行思想教育 高个大瘦子
    74.不要害怕困难，有困难是好事，否则就谈不上对青少年进行思想教育打卡时间:3月31日-4月1日1.让孩子经历克服困难的过程对他们的成长有什么益处？克服困难的过程，能培养英勇无畏的精神，陶冶人的高尚情操。在克服困难的过程中，人的心灵对别人、对善良不会变得冷酷，恰恰相反，变得温厚、富有同情心，而对邪恶则变得毫不妥协、毫不留情。2.文中特别提到了对要把小伙子们培养成英勇无畏、坚忍不拔的人，作者是怎样去
  • 张衡精神之友谊 荷笑笑
    人生于世，要不读书，要不旅行，身体或是灵魂总要有一样在路上。因为只有在路上，才能见多识广，开拓眼界。张衡用他六年的时间游学，游历祖国大好河山，结交天下青年才俊，放眼望世界，用心求成长。但是，张衡用一辈子的时间来读书，因为脚踏的地方悠闲，心游的宇宙无垠。儿时，虽然家境贫苦，早年失祜，但是家学渊源，让他不曾失了读书的兴趣，石桥镇的秀美风光也氤氲了他的隽秀灵气。他在白河边上，望着水流无垠，思索着宇宙亘古
  • 艾伦的每日一画——思维 艾伦沃克
    固定型思维是拒绝改变和抱怨不公，成长型思维则是复盘和反思，而后做出改变。——艾伦。以上是听了这两天混沌大学公开课的领悟，本人比较笨，只记得这么多。图片发自App
  • 2021年08月 3日 Maggie章
    邀请您和我一起1000天《我的崇道堂成长历程》一一悟善道，行正道！朗读第105天《自醒文》第43天[语音][语音]每日一悟：重新理解”福祸相依”这个词的意义，今天眼前发生的祸福都是过去种下的因缘导致的，灾难的背后往往是上天给我们送福来的，抓住这个机会就是重获新生了。人就是一只空瓶子，向里面装信仰、装善良、装天地，装爱的能力，那么人世间的是是非非、争争斗斗、一切的一切都不会遮住人的慧眼，生命也就会充
  • 2020随州市中考作文题目解读 静夜语思
    开考不到一个小时，在语文群里便看到了此次中考作文题，直呼——这题太好写了吧。题目如下：22.根据要求作文。在你的成长中，总有那样一件事让你终生难忘，总有那么一段经历让你刻骨铭心....请以“从那以后”为题，写一篇记叙文。要求:思想健康:内容充实，有细节描写:书写清晰;不得抄袭:不得泄露个人信息;不少于700字。去年语文中考改革，作文从命题作文、半命题作文改成了材料作文，学生备考难度增加，语文分数普
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他