精华内容
下载资源
问答
  • 哪位大神指点一下换肤的问题,不用编译APK和style的方式 程序里所有的图片都是从本地脚本里面读取的 切换一下脚本路径实现换肤 大概就是这样求思路~!
  • 写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。 通过查找资料,在https://segmentfault.com/q/1010000008438061有人的回答...
  • 写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。 通过查找资料,在https://segmentfault.com/q/1010000008438061有人的回答...

    写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。

    1116202-20170920171435212-1828891969.png

    通过查找资料,在https://segmentfault.com/q/1010000008438061有人的回答解决了问题。

    1116202-20170920171445071-1732115502.png

    要修改主要有两个,一个就是config/index.js文件,将assetsPublicPath的路径改为'./',这是发布路径,如果构建后的产品文件有用于发布CDN或者放到其他域名的服务器,可以在这里进行设置设置之后构建的产品文件在注入到index.html中的时候就会带上这里的发布路径

    1116202-20170920171453571-2031491975.png

    另外一个修改就是上图了,添加,publicPath: '../../'这一行,这是配置extract-text-plugin插件的提取样式,具体是什么我也不清楚。

    1116202-20170920171500978-1761909431.png

    问题说完了,希望对大家有帮助,写下来也是方便自己日后出现问题可以查看。谢谢!

    展开全文
  • 写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。 例如: 需要改动两个地方: 一个就是config/index.js文件,将...

    写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。
    例如:
    这里写图片描述
    需要改动两个地方:
    一个就是config/index.js文件,将assetsPublicPath的路径改为’./’,一般用的模版和vue-cli都是默认’./’,就不需要修改.
    第二个就是在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../’

    如图:
    这里写图片描述

    展开全文
  • local.properties文件, 在里面添加: <span style="color:#000000"><span style="color:#cccccc"><span style="color:#404040"><code class="language-cpp"><span style="col.
    jni步骤开发:
     

    NDK和CMake 的下载和安装

    local.properties文件, 在里面添加:
    <span style="color:#000000"><span style="color:#cccccc"><span style="color:#404040"><code class="language-cpp"><span style="color:#999999">//后面改成自己下载后解压的路径名</span>
    ndk.dir<span style="color:#67cdcc">=</span>C\<span style="color:#67cdcc">:</span>\\Users\\Lulu\\AppData\\Local\\Android\\android<span style="color:#67cdcc">-</span>ndk<span style="color:#67cdcc">-</span>r13
    </code></span></span></span>

     

    NDK两种开发模式

    1. ndk-build 形式; Android Studio 2.2之前的模式
    2. CMake 形式: CLion C/C++编辑器; AS2.2之后整合了CLion代码, AS就支持了CMake形式的NDK开发


     
    第一种方式:CMake 形式:
    1.直接建立项目,include C++
    2.项目配置NDK
    ndk.dir=/Users/mac/Library/Android/sdk/ndk-bundle
    sdk.dir=/Users/mac/Library/Android/sdk
    3.cMakeList:定义cmakeListd的路径
    externalNativeBuild {
        cmake {
            path "CMakeLists.txt"
        }
    }
    4.点击Link C++ Project with Gradle
    右击jni目录,选择Link C++ Project with Gradle标签
    5.修改生成so库都类型
    externalNativeBuild {
        cmake {
            cppFlags ""
            abiFilters "armeabi-v7a"
        }
    }
    添加java方法,studio自动提示,会写好方法名。
    都是自动生成文件
    注意:类名和方法名不要乱改,否则会找不到。
     
    CMakeLists.txt文件解析:
     
    <span style="color:#000000"><span style="color:#cccccc"><code class="language-bash"># For more information about using CMake with Android Studio, read the
    # documentation: https://d.android.com/studio/projects/add-native-code.html
    
    # Sets the minimum version of CMake required to build the native library.
    
    cmake_minimum_required(VERSION 3.4.1)
    
    set(CMAKE_LIBRARY_OUTPUT_DIRECTORY ${PROJECT_SOURCE_DIR}/jniLibs/${ANDROID_ABI})
    
    # Creates and names a library, sets it as either STATIC
    # or SHARED, and provides the relative paths to its source code.
    # You can define multiple libraries, and CMake builds them for you.
    # Gradle automatically packages shared libraries with your APK.
    
    add_library( # Sets the name of the library.
            native-lib
    
            # Sets the library as a shared library.
            SHARED
    
            # Provides a relative path to your source file(s).
            src/main/cpp/native-lib.cpp)
    
    # Searches for a specified prebuilt library and stores the path as a
    # variable. Because CMake includes system libraries in the search path by
    # default, you only need to specify the name of the public NDK library
    # you want to add. CMake verifies that the library exists before
    # completing its build.
    
    find_library( # Sets the name of the path variable.
            log-lib
    
            # Specifies the name of the NDK library that
            # you want CMake to locate.
            log)
    
    # Specifies libraries CMake should link to your target library. You
    # can link multiple libraries, such as libraries you define in this
    # build script, prebuilt third-party libraries, or system libraries.
    
    target_link_libraries( # Specifies the target library.
            native-lib
    
            # Links the target library to the log library
            # included in the NDK.
            ${log-lib})</code>
    </span></span>
     
    1.cmake_minimum_required(VERSION 3.4.1)
    用来声明编译本地库文件时需要的Cmake最小版本,在AndroidStudio构建版本时会自动生成;
    set(CMAKE_LIBRARY_OUTPUT_DIRECTORY {ANDROID_ABI})
    将libxx.so生成到jniLibs文件夹下
    2.add_library()
    native-lib : 编译本地本地lib生成的库文件的名称
    SHARED : (生成的库种类)SHARED表示编译生成的是动态链接库
    src/main/cpp/native-lib.cpp : 表示编译文件的相对路径,这里可以是一个文件的路径也可以是多个文件的路径
     
    3.find_library()
    这个的作用是声明编译本地库的时候,需要用的到一些依赖库.
    log-lib 是这个库的别名,方便我们以后引用
    log 是我们调试的时候打印log的一个库
    4.target_link_libraries()
    <span style="color:#000000"><span style="color:#cccccc"><span style="color:#404040"><code class="language-bash">target_link_libraries( # Specifies the target library.
            native-lib
    
            # Links the target library to the log library
            # included in the NDK.
            ${log-lib})</code></span></span></span>
    目的是用来关联我们本地的库跟第三方的库.这里就是把native-lib库和log库关联起来.

     
    cmake主要是:
     

    修改native-lib.cpp

    这时候我们修改下native-lib.cppnative-lib.cpp内容如下:

     
    第二种方式:mk 形式:
     
    步骤如下:
     
    1. 用命令编译

    2. 先进入jni目录下

    3. 找到studo里面的loacal.perpert

    /Users/ex_wljr_peng/Library/Android/sdk/ndk-bundle/ndk-build NDK_PROJECT_PATH=. APP_BUILD_SCRIPT=./Android.mk

     

     

    参考博客:

    https://blog.csdn.net/meiliangdeng1990/article/details/50784553

     
    ndk-build使用的编译器是我们下载的ndk包里的
     
    Android.mk和Application.mk
     
    通过ndk-build命令会生成2个文件夹,一个是debug,另外一个是release
     

     

    展开全文
  • 编译顺序是先用css-loader将css代码编译,再交给style-loader插入到网页里面去 file-loader 将文件(一般是图片文件为主,其他包括字体文件等),在进行一些处理后移动打包后目录中 module:{ rules:[{ test...

    一.Webpack处理CSS

    style-loader 是为了在html中以style得方式嵌入css

    css-loader 通过require的方式来引入css

    编译顺序是先用css-loader将css代码编译,再交给style-loader插入到网页里面去

    file-loader 将文件(一般是图片文件为主,其他的包括字体文件等),在进行一些处理后移动打包后的目录中

    module:{
        rules:[{
            test:/\.css$/,
            use:[{
                loader:'style-loader'
            },{
                loader:'css-loader'
            }],
            exclude:/(node_modules)/
        }]
    }

    index.js

    import a from './css/a.css'

    二.style-loader

    style-loader:配合css-loader使用,以<style></style>形式在html页面中插入css代码

    style-loader/url:以link标签形式向html页面中插入代码,采用这种方式需要将css-loader变为file-loader,但这种放使不推荐,因为如果在一个js文件中引入多个css文件会生成多个Link标签,而html每个link标签都会发送一次网络请求,所以这种放使并不建议

    style-loader/useable:采用这种方式使用处理css,会有use()和unuse()两种方法,use()开启引入样式,unuse()不适用样式

    module:{
        rules:[{
            test:/\.css$/,
            use:[{
                loader:'style-loader/url'
            },{
                loader:'file-loader'
            }],
            exclude:/(node_modules)/
        }]
    }

    配置引入路径

    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'[name].bundle.js',
        publicPath:'dist/'
    },
    module:{
        rules:[{
            test:/\.css$/,
            use:[{
                loader:'style-loader/useable'
            },{
                loader:'css-loader'
            }],
            exclude:/(node_modules)/
        }]
    }

    index.js

    import a from './css/a.css';
    let flag = false;
    setInterval(()=>{
        if(flag){
            flag = false
            a.unuse()
        }else{
            flag = true
            a.use
        }
    })

    unuse可以去除样式

    options

    attrs:attrs是一个对象,以键值对出现,在<style></style>标签中以key=value出现,键值对可以自定义,但是使用时建议语义化

    singleton:true 只用一个标签

    insetAt:有两个值top|bottom,如果不配置insertAt则默认为bootom,当insertAt为'top'时,loader打包的css将优先已经存在的css

    insertInto: 插入到指定标签

    transform:函数的参数是css,这时我们拿到的css样式是以字符串的形式,所以可用replace方法修改样式,transform.js可以通过style-loader会根据需要在css未加载到的页面之前修改样式,在函数中我们可以获取到浏览器的相关信息,比如window,navigator等,这有助于我们更具相关信息修改样式

    module:{
        rules:[{
            test:/\.css$/,
            use:[{
                loader:'style-loader',
                options:{
                    attrs:{
                        first:1
                    }
                }
            }]
        }]
    }

    <style fitst="1" type="text/css">
        html{
            background-color-yellow;
        }
    </style>

    其它配置和文字描述一致

    css.transform.js

    module.exports = function(css){
        if(window.innerWidth >= 900){
            return css.replace('yellow','blue')
        }else{
            return css.replace('yellow','green')
        }
    }

    三.css-loader

    Minimize:true or false,是否开启css代码压缩,比如压缩空格不换行。

    modules:是否开启css-modules

    localIdentName:

    [path]:路径

    [name]:文件名

    [local]:样式名

    [hash:5]文件的标记

    Compose来组合样式

    index.js

    import a from './css/a.css'
    document.getElementById('app').className = a.box1

    a.css中有box1类名

    {
        loader:'css-loader',
        options:{
            modules:true,
            localIndentName:"[path][name]-[local]-[hash:5]"
        }
    }

    名称就变为了模块化后得类名

    compose

    a.css

    .box1{
        composes:box2 from './b.css';
        width:400px;
        height:400px;
        background-color:red;
    }

    这样并无法压缩

    {
        loader:'css-loader',
        options:{
            modules:true,
            minimize:true
            localIndentName:"[path][name]-[local]-[hash:5]"
        }
    }

    切换为0版本才可以

    npm uninstall css-loader
    npm i css-loader@0 -D

    展开全文
  • sprite编译后不生效

    2021-01-08 01:13:08
    CSS里面的sprite图片路径没有替换,还是合并前的小图片。 请问是BUG还是我配置问题? 配置文件如下: <pre><code> javascript //设置需要自动打包的文件 fis.config.set('pack', { '...
  • 相信很多人对反编译有过兴趣,但是可能有部分人仅仅停留在通过反编译获取到apk里面的一些图片资源如style、layout等xml文件以作参考借鉴之用,可能也会有人用dex2jar+jd-gui的方式来看其java代码(如下图),但是...
  • 好奇怪呀,前几天还好好,然后今天编译就出错了。 styles里面报错了 ![图片说明](https://img-ask.csdn.net/upload/201509/28/1443407444_296060.png) 求教呀,怎么回事, style里面是可以用宽高属性
  • 夏乙 安妮 编译整理量子位 出品 | 公众号 QbitAI给喜欢动漫形象建个了收藏夹,里面收集她各种图片……懂,谁没几个喜欢动漫萌妹呢。一些手绘线稿也很可爱,但黑白配色总会略显单调。△ 请记住这张线稿半年...
  • 引用img/下一个图片文件) </code></pre> 尝试过: <pre><code> background:url(img/a001bg.jpg)--编译报错“Cannot resolve 'file' or 'directory' ./img/a001bg.jpg” background:url(&#...
  • MineCraft? Nope, My Craft!!!

    2015-08-08 12:57:00
    说明:这个项目的下面的介绍给的图片看起来做的还不错,但是实际上里面的代码的效果却(还是看图吧): techcraft项目的效果图(左),代码编译后的实际效果(右) 明明就是两个完全不一样的东西嘛,这差得还真是...
  • 里面就是我们需要所有主题文件路径了。 <p><em>在本篇文章发表时,本项目master分支并没有以上说所有信息,想看请clone本项目然后切换到dev分支</em></p> 使用及调试 在上个步骤中我们已经有了...
  • 83_在android里面使用样式(style).avi 84_应用程序和activity主题(theme).avi 85_采用html编辑界面ui&java_javascript代码互相调用.avi 86_9patch图片的使用.avi 87_android下动画处理.avi 88_采用传感器获取...
  • 旨在取代以前的资源图片, 是什么改变了,码里面的路径都改了。还是编译只是去,总是提示这样一个错误。 <span style="font-size:24px;">:-1: 错误:No rule to make target `images/update.png', needed ...
  • 系统风格.manifest

    2009-03-21 18:28:33
    程序XP化已经不是一个新话题了,使用图片或ActiveX控件比比皆是,但这样XP化并不是真正,只是模仿了XP外观。使用.manifest文件倒是真,不过在exe文件之外还要有一个.manifest文件,也不太方便,尤其是在...
  • Css文件夹下放是网页样式,images文件夹下放图片,Templates下放是网页模板文件,数据库和Java源程序放在“08730102 李建伟\WEB-INF\classes”下面,编译class文件放在“08730102 李建伟\WEB-INF\...
  • IONIC 功能全演示

    2017-08-03 12:46:34
    - 构建版本设定:根目录下config文件夹内分别有开发构建和发布构建两个json文件,修改里面对应值,构建时会自动更新constant.js内对应键值。 ## 添加或移除js - 添加第三方js:`bower install XXXX --save`,...
  • 看到网上有个方案说:主项目负责加载组件,由于主项目和组件之间是隔离,那么主项目如何调用组件ApplicationLike生命周期方法呢,目前采用是基于编译期字节码插入方式,扫描所有ApplicationLike类(其有一...
  • 下载并解压后,将解压出整个文件夹复制或者移动到your sdk 路径/sources文件夹下,然后重启Eclipse(或Android Studio),这样当你在Eclipse里面按住Ctrl键点击某个系统类时就可以打开该类源码文件查看源码了。...
  • <ul><li>hash 代表每次 webpack 在编译的过程中会生成唯一 hash 值,在项目中任何一个文件改动后就会被重新创建,然后 webpack 计算新 hash 值。</li><li>chunkhash 是根据模块计算出来 hash 值&#...
  • Fckeditor2.6.3

    2010-06-25 16:29:38
    当然,你也可以完全人工方式来做,把FredCK.FCKeditorV2.dll直接拷贝到FCKPro"bin"下面,VS2005在编译时会自动把它编译进去。 2.为了方便RAD开发,我们把FCKeditor控件也添加到VS工具箱(Toolbox)上来,展开...
  • 上面的图片是Flutter分层框架结构图,对大部分开发者而言,最常用的是Widgets层,屏幕上可见与不可见的元素都由Widgets层实现,这些元素被称为Widget。在Widgets层在上层,有两个现成...
  • <code>hot:true</code> 加入到webpack-dev-server配置项里面</li></ul> <h5>2.3.4 完整配置,主要分为三部分: <ul><li>webpack.config.js: webpack常规配置,配置入口文件,输出文件&#...

空空如也

空空如也

1 2
收藏数 32
精华内容 12
关键字:

编译style里面的图片