精华内容
下载资源
问答
  • 转载自 黄寿松的博客 php中require、require_once、include...include_once() 与 require_once() 都是检测文件是否被引入,被引入则不会引入 唯一不同: require_once()为无条件包含,顾名思义也就是引入后如遇到错误则

    转载自 黄寿松的博客 php中require、require_once、include、include_once类库重复引入效率问题详解
    include() 与require() 的功能相同

    唯一不同:require()不管是否被执行,只要存在,php在执行前都会预引入,include()则是执行到该语句时才进行引入

    include_once() 与 require_once() 都是检测文件是否被引入,被引入则不会引入

    唯一不同: require_once()为无条件包含,顾名思义也就是引入后如遇到错误则停止,include_once()则忽略然后继续执行

    关于效率问题,我要说明,请自觉少用include_once()、 require_once()

    该函数原理:引入文件->对当前脚本语句进行比较是否包含过->决定是否引入,效率可想而知,你想你要是整个项目上百个类库,一次执行中比较数十次是怎样的一个恐怖的后果

    在这里写一下个人的多类库中防止重复引入文件的解决方式:

    1.在调用脚本使用require();

    2.类库中防止重复使用 class_exists(‘类名’) or include(‘类库绝对路径’);

    解释:调用脚本的文件使用一次require(),因为调用脚本为程序通用入口,此处引入公共类库很少会造成公共类库没有被使用,在类库中使用以上语句,能防止当前脚本重复引入公共类库,并且只要通过判断条件才会执行引入,不会重复预引入,提高程序执行效率

    展开全文
  • 在vue中引入外部的css文件

    万次阅读 2018-09-21 10:33:11
    在vue中引入外部的css文件 在 项目的src文件下,新建一个style文件夹,存放css文件。 1. 全局引入 将外部的css文件放到style文件下,引入外部文件只需在main.js 文件中 import './style/reset.css' 我引入的是清除...
    在vue中引入外部的css文件

    在项目的src文件下,新建一个style文件夹,存放css文件。

    1. 全局引入

    将外部的css文件放到style文件下,引入外部文件只需在main.js文件中

    import './style/reset.css'
    

    我引入的是清除默认样式的css文件

    2. 局部引入相对路径
    <style scoped>
      @import '../assets/iconfont/iconfont.css';这个分号一定要写,要不会报错
    </style>
    
    2. 局部引入绝对路径
    <style scoped>
     @import '@/styles/scroll-bar.scss';这个分号一定要写,要不会报错
     
    </style>
    
    注意

    使用@import引入样式文件,就算加scoped,其它没有引入的模块还是可以访问到你的样式,如果某个组件的类名一致,则就会被污染到。
    如果不想被污染,修改引入方式

    <style src="./style/reset.css"  scoped></style>
    

    要是在写新的样式,要重新写一个新的style标签

    <style src="./style/reset.css"  scoped></style>
    <style scoped>
      //新的css样式
    </style>
    
    展开全文
  • 标题element-ui 按需引入, cdn引入,全部引入 1.按需引入 首先,需要安装element-ui, npm install element-ui --save 然后,在main.js文件中按需引入 import Vue from 'vue' import { Button, Message, Form, ...

    标题element-ui 按需引入, cdn引入,全部引入

    1.按需引入

    首先,需要安装element-ui, npm install element-ui --save
    然后,在main.js文件中按需引入

    import Vue from 'vue'
    import {
        Button,
        Message,
        Form,
        FormItem
    } from 'element-ui';
    
    //由于Message组件并没有install方法供Vue来操作的,是直接返回的,因此按照官方文档单独引入的方法会报错的,需要给 Message 添加 install 方法
    Message.install = function (Vue) {
        Vue.prototype.$message = Message
    }
    
    Vue.use(Button)   
    Vue.use(Message)
    Vue.use(Form)
    Vue.use(FormItem)
    

    2. cdn引入

    • 首先,我是用的vue cli3.0脚手架,需要在public文件夹下的index.html文件中添加cdn链接,element-ui是cdn引入,vue也必须是cdn引入,而且vue的引入必须在element-ui之前,因为element-ui是基于vue书写的
      (element-ui是cdn引入,vue是npm安装,这样会报错的)
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script> 
    <script src="https://unpkg.com/element-ui/lib/index.js"></script> 
    <!-- <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
      <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
      <script src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script> -->
    
    • 然后, 在vue.config.js文件中配置一些属性,为了项目文件可以识别cdn引入的vue和element-ui。
      (不需要再在main.js中引入vue和elemet-ui)
      (有一个不好,那就是不能修改主题颜色,我本人比较菜,没找到解决办法)
    module.exports = {
      configureWebpack: {
         externals: {
           'vue': 'Vue',
            'element-ui': 'ELEMENT',
         //   'vue-router': 'VueRouter',
         //   'vuex': 'Vuex',
         //   'axios': 'axios'
          
         }
       }
    }
    

    3. 全部引入

    • 首先, 安装element-ui, npm install element-ui --save
    • 然后,在main.js文件中引入
    import Vue from 'vue'
    import ElementUI from 'element-ui'
    // 主题颜色修改文件
    import "./style/element-variables.scss"
    Vue.use(ElementUI)
    

    主题颜色修改,并存放到本地项目的style文件夹下的element-variables.scss

    /* 改变主题色变量 */
    $--color-primary: teal;
    
    /* 改变 icon 字体路径变量,必需 */
    $--font-path: '~element-ui/lib/theme-chalk/fonts';
    
    @import "~element-ui/packages/theme-chalk/src/index";
    

    最后,对比了全部引用和cdn引用这2种方式打包之后的dist大小,二者打出的dist大小相差差不多4M

    展开全文
  • 但是在实际应用中也会存在不得不添加配置文件的情况,例如集成其他框架或者需要配置一些中间件等,在这种情况下,我们就需要引入我们自定义的xml配置文件了。 正文 1.创建springboot项目,项目结构如下: 2....

    前言

    在使用springboot的时候一般是极少需要添加配置文件的(application.properties除外),但是在实际应用中也会存在不得不添加配置文件的情况,例如集成其他框架或者需要配置一些中间件等,在这种情况下,我们就需要引入我们自定义的xml配置文件了。

     

    正文

    1.创建springboot项目,项目结构如下:

    2.创建一个不在springboot扫描范围内的service

     

     

    package com.gwd;
    /** 
    * @FileName TestService.java
    * @Description:TODO
    * @author JackHisen(gu.weidong)
    * @version V1.0
    * @createtime 2018年1月21日 下午7:47:10 
    * 修改历史:
    * 时间           作者          版本        描述
    *====================================================  
    *
    */
    public class TestService {
    	public TestService() {
    		System.out.println("这是一个不在springboot扫描范围内的测试类");
    	}
    }
    

     

     

     

    3.编写application-bean.xml(resources目录下)注入TestService

     

    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"
        xmlns:p="http://www.springframework.org/schema/p" xmlns:context="http://www.springframework.org/schema/context"
        xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"
        xsi:schemaLocation="http://www.springframework.org/schema/beans
                http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
                http://www.springframework.org/schema/context 
                http://www.springframework.org/schema/context/spring-context-3.0.xsd
                http://www.springframework.org/schema/aop 
                http://www.springframework.org/schema/aop/spring-aop-3.0.xsd
                http://www.springframework.org/schema/tx 
                http://www.springframework.org/schema/tx/spring-tx-3.0.xsd
                http://www.springframework.org/schema/mvc 
                http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd
                http://www.springframework.org/schema/context 
                http://www.springframework.org/schema/context/spring-context-3.0.xsd">
           <bean id="testService" class="com.gwd.TestService"></bean>
    </beans>


    4.编写Config注入配置文件application-bean.xml

     

    locations下多文件用逗号隔开,如

    locations= {"classpath:a.xml,b.xml,c.xml..."}

    package com.gwd.config;
    
    import org.springframework.context.annotation.Configuration;
    import org.springframework.context.annotation.ImportResource;
    
    /** 
    * @FileName Config.java
    * @Description:TODO
    * @author JackHisen(gu.weidong)
    * @version V1.0
    * @createtime 2018年1月21日 下午7:53:22 
    * 修改历史:
    * 时间           作者          版本        描述
    *====================================================  
    *
    */
    @Configuration
    @ImportResource(locations= {"classpath:application-bean.xml"})
    public class Config {
    
    }

    @Configuration可理解为用spring的时候xml里面的<beans>标签
    @Bean可理解为用spring的时候xml里面的<bean>标签


    Spring Boot不是spring的加强版,所以@Configuration和@Bean同样可以用在普通的spring项目中,而不是Spring Boot特有的,只是在spring用的时候,注意加上扫包配置
    <context:component-scan base-package="com.xxx.xxx" />,普通的spring项目好多注解都需要扫包,才有用,有时候自己注解用的挺6,但不起效果,就要注意这点。
    Spring Boot则不需要,主要你保证你的启动Spring Boot main入口,在这些类的上层包就行

     

    5.运行启动类

    展开全文
  • Element-ui引入方式,简单说来有两种:完整引入、按需引入 下面就这两种方式,简单说一下如何操作,详细请参考官网相关文档; 1. 完整引入 import Element from 'element-ui'; //样式文件,需单独引入 ...
  • JQuery引入例子

    千次阅读 2020-08-05 21:16:13
    导包 引入 导包 引入 新建一个jsp页面,引入JQuery包 启动访问my.jsp JQuery引入成功
  • 初学bootstrap,用html写了个表格,就简单的标题内容,引入了 bootstrap.min.css、 ... 引入后重新访问就没问题了,百度了说bootstrap不是必要引入tether,那为什么不引入会报错?两者的关系又是怎样的?
  • vue里面引入引入fastclick

    千次阅读 2018-07-11 15:31:47
    引入fastclick库:解决移动端300毫秒点击延迟把fastclick这个包安装到项目的依赖之中,--save表示开发与上线都需要 npm install fastclick --save 如果写这个报错了,你再试试cnpm install fastclick --save 然后在...
  • Script本地引入与Cdn引入

    千次阅读 2019-04-29 17:09:46
    CDN介绍: CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,...目前的js引入方式有两种: 1 下载代码文件至本地项目中,引入。 2 通过 C...
  • react antd 全局引入 按需引入

    千次阅读 2020-02-25 21:11:17
    react antd 全局引入及按需引入笔记 参考文档 首先你得有一个项目 这是 create-react-app 生成的默认目录结构。 ├── README.md ├── package.json ├── public │ ├── favicon.ico │ └── index.html ...
  • UNIAPP怎么引入在项目里面引入echart

    千次阅读 2020-04-27 10:45:16
    在uniapp项目中,没有所谓的标签,只有...第一步 :引入renderjs-echarts-demo 在插件市场找到renderjs-echarts-demo ,直接引入地址 这个插件也表示,限制条件为 第二步,在所需的页面加入渲染代码 创建一...
  • elementUI本地引入

    万次阅读 多人点赞 2018-12-18 17:29:04
    背景是公司需要做一个后台管理系统,但是要求不要vue的cli,我看了一下elementui挺适合的,但是官网上的教程只是说了用vue的cli引入和cnd引入,没有说如何本地引入,百度看了一下,关于这方面的文章也比较少,所以就...
  • 引入: 1、全局引入 main.js:import Vant from 'vant' import 'vant/lib/vant-css/index.css' Vue.use(Vant) 2、按需引入(推荐) 首先,安装babel-plugin-import npm i babel-plugin-import -D(简写) npm install ...
  • java 前端 需要引入js文件 引入网址和下载下来然后直接引入本地js文件 哪个好 哪个对项目性能好
  • 平时在项目中实现数据可视化,可以使用百度的开源图表库echarts,根据项目需求来绘制生成各种类型的图表,那么在Vue中如何引入echarts并封装成组件调用呢? 目录: 1. 安装echarts 2. 全局引入 3. 按需引入 4. 参考...
  • vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件 欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640 此文章为博客园搬家而来 转载文章请注明出处! 如果只是要使用轮播...
  • vue组件引入本地静态图片

    万次阅读 2015-11-24 19:50:17
    vue2组件引入本地图片的的两种方式: 1,使用@引入: 这是在组件内直接引用和普通的html方法一样,代码如下: <img src="@/assets/test.png" alt="test.png"> 2,使用vue的方法引入: 这是典型的vue...
  • Vue 中如何引入第三方 JS 库

    万次阅读 2017-12-13 19:15:21
    一绝对路径直接引入全局可用 二绝对路径直接引入配置后import 引入后再使用 三webpack中配置 aliasimport 引入后再使用 四webpack 中配置 plugins无需 import 全局可用 结论 我们以 jQuery 为例,来讲解 ...
  • element-ui使用cdn引入,按需引入

    千次阅读 2020-07-13 10:01:09
    1.按需引入 首先,需要安装element-ui, npm install element-ui --save 然后,在main.js文件中按需引入 import Vue from 'vue' import { Button, Message, Form, FormItem } from 'element-ui'; //由于Message...
  • 本地引入: 首先登录 iconfont 官网(https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2) 找到需要的字体图标,如果创建项目组的话,就在--我的项目--点击,下载至本地; 如果是直接加入...
  • 下面以wangEditor编辑器为外部JS/CSS,作为演示的例子 方法一、全局引入CSS 方法二、使用nuxt提供的head属性,全局/单独引入JS、CSS
  • 一个js文件,要在页面最后引入才生效,而且只要一引入这个js,其他的jqury引用全都失效,求解?
  • Vue引入外部如何引入外部js文件

    千次阅读 2018-12-28 13:38:30
    vue项目中直接引入在index.html引入static中的js文件往往会报错,如下图: 故解决方法如下: 1、在main.js中写入如下代码: Import Vue form 'vue' Vue.component(‘external-script’,{ Render :function...
  • 大家为了节省空间,常常进行按需引入来节省空间,这里我给大家来介绍一下element中按需引入无限滚动指令注意的事项。 针对前面element 按需引入的一些配置这里就不再详细介绍了。 那么这里讲的是在main.js写入以下...
  • 为什么Go语言不允许循环引入?

    万次阅读 2020-06-23 01:34:47
    每当Go程序编译出现循环引入报错的时候就非常让人头疼。 那么,为什么Go不允许循环引入呢? 我觉得原因如下: 搞清楚package包的定位 首先,搞清楚Go语言中package包的定位; Go语言的package和其他语言中的库、模块...
  • 一、全部引入 1、安装mint-ui npm intall mint-ui --save 2、main.js中引入mint-ui import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 3、组件调用 &lt;mt-button type=&...
  • JSP静态引入和动态引入

    千次阅读 2017-06-18 02:03:38
    include指令用于引入其它JSP页面,如果使用include指令引入了其它JSP页面,那么JSP引擎将把这两个JSP翻译成一个servlet。所以include指令引入通常也称之为静态引入。 语法: 其中的file属性用于指定被引入文件...
  • WordPress引入css/js两种方法

    万次阅读 2017-01-04 16:56:36
    WordPress引入css/js两种方法 WordPress引入css/js 是我们制作主题时首先面对的一个难点,任何一款主题都要加载自己的css,js,甚至很有可能还需要加载Jquery文件,网上方法特多,说法不一,我们今天借鉴...
  • 无论整体引入还是按需引入,都需要单独引入css // 单独引入 import 'element-ui/lib/theme-chalk/index.css'; 按需引入时,还需要在element.js中注册你用到的组件,例如用到Button、Form、FormItem、Input ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 533,947
精华内容 213,578
关键字:

引入