精华内容
下载资源
问答
  • loader

    2016-07-28 10:32:57
    loader 是Android 3.0之后引入的API,可以在activity 或者 fragment中方便的异步装载数据.而且可以monitor 数据,当monitor的数据更新是返回最新的结果。 如何开始一个loader呢? 一般在activity 或者fragment ...
    loader 是Android 3.0之后引入的API,可以在activity 或者 fragment中方便的异步装载数据.而且可以monitor 数据,当monitor的数据更新是返回最新的结果。
    如何开始一个loader呢?
    一般在activity 或者fragment 中用loader的话,先通过getLoaderManager().initLoader(0, null, this);
    public <D> Loader<D> initLoader(int id, Bundle args, LoaderManager.LoaderCallbacks<D> callback) {
    599        if (mCreatingLoader) {
    600            throw new IllegalStateException("Called while creating a loader");
    601        }
    602
    603        LoaderInfo info = mLoaders.get(id);
    604
    605        if (DEBUG) Log.v(TAG, "initLoader in " + this + ": args=" + args);
    606
    607        if (info == null) {
    608            // Loader doesn't already exist; create.
    609            info = createAndInstallLoader(id, args,  (LoaderManager.LoaderCallbacks<Object>)callback);
    610            if (DEBUG) Log.v(TAG, "  Created new loader " + info);
    611        } else {
    612            if (DEBUG) Log.v(TAG, "  Re-using existing loader " + info);
    613            info.mCallbacks = (LoaderManager.LoaderCallbacks<Object>)callback;
    614        }
    615
    616        if (info.mHaveData && mStarted) {
    617            // If the loader has already generated its data, report it now.
    618            info.callOnLoadFinished(info.mLoader, info.mData);
    619        }
    620
    621        return (Loader<D>)info.mLoader;
    622    }
    第一个参数id 是用于和loaderInfo 映射,其中mLoader是一个SpareArray数据。从initLoader中可以看到如果没有从mLoader中查到LoaderInfo的话,则info==null 这个条件成立,则调用createAndINstallLoader建立一个新的LoaderInfo。并通过createAndINstallLoader->installLoader 中调用mLoader.put(info.id,info).来建立新的id和info的映射。
    第二个个参数args 会保存到LoaderInfo中。
    第三个参数一般传this,因为activity 一般会实现LoaderManager Callbacks.
    LoaderManager.LoaderCallbacks 有三个接口分别如下:
    onCreateLoader() — 用给定的id创建一个新的loader
    onLoadFinished() — 当数据完成加载时
    onLoaderReset() — 重启一个loader
    如果创建LoaderInfo后,需要monitor的数据已经产生则会在618行调用LoaderManager Callbacks  onLoadFinished。
    重启loader:
    有时候你想丢弃就的数据重启loader,可以调用下面的接口
    getLoaderManager().restartLoader(0, null, this);
    展开全文
  • Loader

    千次阅读 2005-07-23 13:13:00
    A Loader represents a Java ClassLoader implementation that can be used by a Container to load class files (within a repository associated with the Loader) that are designed to be reloaded upon request
    A Loader represents a Java ClassLoader implementation that can be used by a Container to load class files (within a repository associated with the Loader) that are designed to be reloaded upon request, as well as a mechanism to detect whether changes have occurred in the underlying repository. 

    In order for a Loader implementation to successfully operate with a Context implementation that implements reloading, it must obey the following constraints:

    • Must implement Lifecycle so that the Context can indicate that a new class loader is required.
    • The start() method must unconditionally create a new ClassLoader implementation.
    • The stop() method must throw away its reference to the ClassLoader previously utilized, so that the class loader, all classes loaded by it, and all objects of those classes, can be garbage collected.
    • Must allow a call to stop() to be followed by a call to start() on the same Loader instance.
    • Based on a policy chosen by the implementation, must call the Context.reload() method on the owning Context when a change to one or more of the class files loaded by this class loader is detected.
    展开全文
  • vue cli3配置image-webpack-loader

    万次阅读 2019-12-04 12:08:04
    vue cli3配置image-webpack-loader对图片进行压缩优化 安装 npm install image-webpack-loader --save-dev 配置vue.config.js chainWebpack: config => { config.plugins.delete('prefetch') config.plugin('...

    博客地址:http://www.globm.top/blog/1/detail/29
    vue cli3配置image-webpack-loader对图片进行压缩优化

    安装

    npm install image-webpack-loader --save-dev
    

    配置vue.config.js

    chainWebpack: config => {
        config.plugins.delete('prefetch')
        config.plugin('provide').use(webpack.ProvidePlugin, [{
          $: 'jquery',
          jquery: 'jquery',
          jQuery: 'jquery',
          'window.jQuery': 'jquery'
        }])
        config.module.rule('images')
          .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
          .use('image-webpack-loader')
          .loader('image-webpack-loader')
          .options({ bypassOnDebug: true })
      }
    

    重启项目打包 ok

    展开全文
  • less-loader和sass-loader

    2020-05-21 12:05:39
    less-loader 1.less-loader 自动将less转换为CSS 2.less-loader使用: 2.0安装less npm install --save-dev less 2.1安装less-loader npm install --save-dev less-loader 2.2配置less-loader { test: /.less$/, use:...

    less-loader

    1.less-loader

    自动将less转换为CSS

    2.less-loader使用:
    2.0安装less

    npm install --save-dev less

    2.1安装less-loader

    npm install --save-dev less-loader

    2.2配置less-loader
    {
        test: /\.less$/,
        use: [{
            loader: "style-loader"
        }, {
            loader: "css-loader"
        }, {
            loader: "less-loader"
        }]
    }
    

    注意点:
    因为loader是从右至左从下至上,所以必须先由less-loader处理往后才能交给其他loader处理

    sass-loader

    1.sass-loader

    自动将scss文件转换为CSS

    2.sass-loader使用:
    2.0 安装sass-loader

    npm install sass-loader node-sass webpack --save-dev
    (如果有报错,推荐分开安装)
    npm install --save-dev sass-loader
    npm install --save-dev node-sass

    2.1 配置sass-loader
    {
          test: /\.scss$/,
          use: [{
              loader: "style-loader" // 将 JS 字符串生成为 style 节点
          }, {
              loader: "css-loader" // 将 CSS 转化成 CommonJS 模块
          }, {
              loader: "sass-loader" // 将 Sass 编译成 CSS
          }]
        }
    
    安装sass-loader过程中遇到的问题
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the node-sass@4.14.1 postinstall script.
    

    解决方法:
    node-sass 的数据源没设置
    npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

    重新 npm install --save-dev node-sass

    展开全文
  • Boot Loader

    千次阅读 2020-04-20 16:19:59
    什么是Boot loader? Boot loader(系统引导程序),操作系统内核运行之前运行的一段程序。它首先完成系统硬件的初始化,包括时钟的设置、存储区的映射等,设置堆栈指针等;然后把操作系统内核从flash区拷贝带ram区,...
  • Webpack有几个和模块化相关的loader,imports-loader,exports-loader,expose-loader,比较容易混淆。今天,我们来理一理。 webpack中引入第三方库非npm包,可以采用exports-loader 的方法引入 imports-loaders...
  • 当webpack 处理图片的时候会使用如下 loader file-loader url-loader img-loader file-loader :对文件进行处理 (如:图片文件等) url-loader : url-loader中内置了 file-loader 所以当使用 url-loader的时候,...
  • Failed to resolve loader: less-loader

    千次阅读 2020-12-25 17:26:19
    Failed to resolve loader: less-loader You may need to install it. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\hiberfil.sys' Error from chokidar (C:\): Error: EBUSY: ...
  • less-loader、css-loader、style-loader

    千次阅读 2017-08-14 17:05:45
    webpack中与样式相关的几个loader: less-loader:将less编译为css css-loader:css-loader会遍历 CSS 文件,找到其中的@import与url(),当作css依赖的模块并处理它们。 style-loader:将css代码插入到页面的style...
  • webpack使用css-loader和style-loader时,有个顺序问题: loader的加载顺序是从右往左,编译顺序应该是先用css-loader编译css代码,再用style-loader放入到网页的style标签里面去。所以css-loader在右,style-...
  • loader配置

    千次阅读 2017-12-29 11:23:27
    当一种文件中需要使用多个loader时,使用 !来连接多个loader。如下CSS-loader中所示。babel-loader常用配置:​module: { ​ loaders: [ ​ { ​test: /\.jsx?$/, ​exclude: /node_modules/, ​loader: 'babel
  • 文章目录css-loaderstyle-loadersass-loaderwebpack.config.js 配置css 模块引入背景图片或者字体文件库,需要引入 file-loader 或者 url-loader css-loader css-loader 解析 CSS 文件后,使用 import 加载,并且...
  • Failed to resolve loader: worker-loader

    千次阅读 2020-06-08 08:39:19
    Failed to resolve loader: worker-loader You may need to install it. 解决: npm i worker-loader --save-dev 由于woker不支持file路径,所以一般都是讲文件布置到服务器生成一个url,但是在开发过程中这样太...
  •   本文讲解css-loader、style-loader和isomorphic-style-loader的实现原理,而不会讲解它们的具体用法,具体用法请参考其他文档。我是如何知道它们是这么实现的呢?我没有看它们的源代码,而是通过查看webpack打包...
  • Loader学习,简析babel-loader

    千次阅读 2019-03-11 08:21:23
    什么是Loader? 继上两篇文章webpack工作原理介绍(上篇、下篇),我们了解到Loader:模块转换器,也就是将模块的内容按照需求装换成新内容,而且每个Loader的职责都是单一,只会完成一种转换,所以我们一般对源文件的...
  • webpack配置url-loader及file-loader

    千次阅读 2020-05-27 16:32:55
    1. 安装 npm i url-loader file-loader -D 2.配置(在webpack.comfig.js文件中) 3.url-loader作用是将小于限制文件大小...url-loader包含file-loader,但是使用url-loader的时候也需要安装一下file-loader ...
  • less样式文件 :步骤同css样式的处理 1、cnpm i less-loader -D...2、配置规则:{test:/\.less$/,use:['style-loader','css-loader','less-loader']} 需要css样式的2个加载器;     scss样式文件 :步骤同cs...
  • css-loader style-loader原理探究

    千次阅读 2020-08-25 15:19:55
    比如要打包使用css文件就需要用到css-loader,style-loader,这里我们一起研究下这两个loader的作用。 准备工作 main.css body{ margin:0 auto; padding:0 20px; max-width:800px; background:#f4f8fb; } ...
  • npm——安装css-loader style-loader

    千次阅读 2020-04-19 18:16:57
    npm install css-loader style-loader --save-dev
  • 安装sass-loader与less-loader

    千次阅读 2019-07-18 18:36:23
    npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass less-loader又依赖于less npm install --save-dev less less-loader
  • 一文让你彻底弄懂 “vue-style-loader” 跟 “style-loader” 区别 简介 用过 vue-cli 脚手架搭建 vue 项目都知道,vue-cli 中内置了 vue-style-loader 去加载样式模块,最后通过 <style> 标签把样式加载到...
  • webpack自定义loader 手写封装loader

    千次阅读 2018-07-17 16:28:58
    使用自定义的loader。个人觉得最好的说明方式就是直接上实例:将引用的图片url,根据环境替换成所需要的路径   1.文件目录结构 这边将自定义的static-loader放在文件夹rules内与webpack配置文件同级 (这个存放...
  • css-loader和style-loader的区别和使用

    万次阅读 2020-02-28 17:54:12
    因为像 .css 这样的文件不是一个 JavaScript 模块,你需要配置 webpack 使用 css-loader 或者 style-loader 去合理地处理它们。 如果在JS中导入了css,那么就需要使用 css-loader 来识别这个模块,通过特定的语法...
  • webpack loader使用

    2021-05-08 10:49:30
    本节我们来学习 webpack 中 loader 加载器的使用,那么什么是 loader 呢。从本质上来说,loader 就是一个 Node.js 模块,在 webpack 的定义中,loader 导出一个函数,loader 会在转换源模块的时候调用该函数。 ...
  • Webpack 安装css-loader和style-loader报错

    千次阅读 2019-12-19 17:17:08
    安装个css-loader和style-loader也是一片祥和的红天。 分析下原因吧, 我安装css-loader和style-loader的时候直接使用了命令 $ cnpm install css-loader style-loader 导致报错 ERROR in ./node_modules/_css-...
  • 通过翻阅官方手册,我们发现可以借助 url-loader 或是 file-loader完成对 webpack 编译图片的配置。 下面我先分别介绍两种 loader 的配置方法(大家按需求选择其一),然后再简单介绍下两者的区别。 url-loader 配置...
  • 安装 在安装   配置webpack.config.js     处理scss 安装 再安装内部依赖 配置新的loader    
  • webpack的loader

    千次阅读 2020-07-06 18:06:16
    webpack的loader认知 概念: loader在webpack里充当 “转化器” 的角色,我们都知道转换器转换器,就是把一种事物通过一些特殊的加工把它原本的形态按照既定的规则转换成另外一种形态。 从语法角度看,loader就是一...
  • WebPack Loader

    2016-02-03 17:46:18
    WebPack Loader什么是webpack loader?Webpack 本身只能处理 JavaScript 模块,如果要处理其他类型的文件,就需要使用 loader 进行转换。Loader 可以理解为是模块和资源的转换器,它本身是一个函数,接受源文件作为...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 99,036
精华内容 39,614
热门标签
关键字:

loader