vue中引入css文件
两种方式引入css文件，一种是直接在main.js中引入，即下面这种写法：import \'element-ui/lib/theme-default/index.css\'这种写法适用于此css文件存在于项目中，不适用于通过网址访问的方式引入，会报错。偶试着引入Font Awesome，结果报错：import "http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"而直接在...
2024-01-10
vue 引入公共css文件
1、在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。import Vue from \'vue\'import App from \'./App\' // 引入App这个组件import router from \'./router\' /* 引入路由配置 */import axios from \'axios\'import \'../static/css/global.css\' /*引入公共样式*/2、在index.html中引入<!DOCTYPE html><html> <...
2024-01-10
iview引入css时报错
引入时出现这个错误，在vue.config.js中也配置了 svg-sprite-loader也不行。。in ./node_modules/iview/dist/styles/fonts/ionicons.svg?v=3.0.0Syntax Error: ExtractPluginMissingException: svg-sprite-loader exception. svg-sprite-...
2024-02-08
vue3 引入css文件问题？
如图，如果使用使用的是 router-link 那只要访问过的CSS样式文件会全部加载，怎么然他只加载当前模板的 CSS 文件/src/App.vue<template> <div> <router-link to="/" style="margin-left: 30px; color: #0a0c0d;">Home</router-link> <route...
2024-03-08
jsp、css中引入外部资源相对路径问题分析
在jsp页面中添加base，可用相对路径：<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%> 然后在<head>标签内添加base<base href="<%=basePath%>"...
2024-01-10
如何在vue单个组件中引入外部css而不穿透样式？
这么做的情况下，样式还是穿透了，这是什么原因呢回答在vue组件中使用两个style，一个加上scoped属性，另一个不加scoped属性，把需要覆盖的css样式写在不加scoped属性的style标签里面...
2024-01-10
IE8兼容问题在js中引入css失败，js动态加载css
最近做了一个网站无障碍浏览功能，测试发现在IE8下加载不出来辅助工具条，各种排查最后发现是js中未成功引入css文件，一开始我在js中是这样写的，如下：$('head').append('<link href="'+css_path+'" rel="stylesheet" type="text/css" />');修改成如下问题解决：var styleTag = document.createElement("link");styleTag.setAttribute('type'...
2024-01-10
css无法覆写问题
我想给class="alphalist"这个div里面所有span标签里的a标签文字修改文字颜色，为什么无效呢？谢谢各位大佬啦:D<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><link rel="stylesheet" type="text/css" href="https://segmentfault.com/q/1010000022823215/css/giftbag.css"></head><body><header ...
2024-01-10
css
css概述为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆分开，CSS由此思想而诞生，CSS是 Cascading Style Sheets 的首字母缩写，意思是层叠样式表。有了CSS，html中大部分表现样式的标签就废弃不用了，html只负责文档的结构和内容，表现形式完全交给CSS，html文档变得更加简洁。css基本语...
2024-01-10
关于css的问题？
直接使用css+html能实现这种边框效果吗？那位大佬提供个思路回答可以实现"同比"这种边框可以使用一个长方形的边框，然后去掉右边框，然后文字定位到中间，文字给个白色底色。箭头可以用一条直线加一个三角合成，三角用css3可以实现，例：三角形实现文字前面的空白，同理设置个白色底把边框盖...
2024-01-10
css定位的介绍
1、定位的组成：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移。2、定位模式有四个值static、relative、absolute、fixed。static：静态定位，是元素的默认定位方式，无定位的意思relative：相对定位是元素在移动位置的时候，是相对于它原来的位置来说的...
2024-01-10
【CSS】css的一个问题
如下图所示：登录遇到问题和立即注册之间的那个 竖条 用哪种方法画出来最合适回答：回答：可以用css中的伪元素进行处理：<div class="login-fail"></div><div class="sign-up"></div>.login-fail { &::after{ content: ' | ' width: 1px; height: 10px; //custom self }}you can see in回答：可以用背景也可以用...
2024-01-10
css基本语法
一，css基本语法及页面引用css基本语法css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例：/*css注释 ctrl+shift+"/"*/div{width:100px;height:100px;color:red}css页面引入方法：1、外联式：通过...
2024-01-10
关于css的问题
我想分别给三个div设置一个最小宽度，并且当外部宽地足够时，让它整体宽变大，自适应屏幕宽度怎么搞？回答flex + min-width ?flex弹性盒子布局吧很典型的 flex-box 应用，参考 A Complete Guide to Flexbox（Flexbox 完全攻略）。flex布局...
2024-01-10
css文本溢出隐藏出错了
我设置的这个文本溢出隐藏。在正常宽度下可以正常显示。为什么窗口缩小后。文本的位置就变了呢？掉下去了我本来不想给文字加宽度的，但是如果不给宽度的话。文字直接就下去了。给了宽度后。至少正常宽度下。文字不会掉下去。但是治标不治本。我该把宽度写死吗？以后还想做响应式呢？如图...
2024-01-10
那些不常用但非常实用的css属性
1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示display: -webkit-box; /*值必须为-webkit-box或者-webkit-inline-box*/-webkit-box-orient: vertical; /*值必须为vertical*/-webkit-line-clamp: 2; /*值为数字，表示一共显示几行*/overflow: hidden;这是加了 lin...
2024-01-10VUE引入第三方js包及调用方法讲解
VUE引入第三方js包及调用方法1、首先是第三方js包存放的位置 一定要放在 static 目录下否则引用不到2、网上查找到的引用第三方包的四种方式 实测部分第三方js包没法使用，较稳定的方式是在 index.html 中引入js包 <script src="static/xxxxx.js"></script>3、mounted 是初始化加载的方法 可以理解为jquer...
2024-01-10引入外部js脚本加载慢与页面白屏问题的解决
问题背景最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。之前也遇到脚本加载慢的问题，但是没这么慢，所以这次就特别写个文章记录一下我的解决过程。首先上两张...
2024-01-10js变量提升深入理解
JavaScript的函数定义有个特点，它会先扫描整个函数体的语句，把所有申明的变量“提升”到函数顶部：'use strict';function foo() { var x = 'Hello, ' + y; alert(x); var y = 'Bob';}foo();虽然是strict模式，但语句var x = 'Hello, ' + y;并不报错，原因是变量y在稍后申明了。但是alert显示Hello, undefined，说明变量y的值为u...
2024-01-10
引入北极冰的江河是
引入北极冰的江河有亚欧板块的鄂毕河、叶尼塞河、勒拿河、伯朝拉河、科雷马河等，也有中美洲北部的很多江河，在引入北极冰的江河中，步骤最长的是流过西西伯利亚平原区与立西西伯利亚高原地区间的叶尼塞河。叶尼塞河是乌克兰地区水流量最大的河流，都是注入北极冰的三大西西伯利亚江河之...
2024-01-10
深入理解js执行上下文
只有理解了执行上下文，才能更好地理解 JavaScript 语言本身，比如变量提升，作用域，闭包等执行上下文执行上下文是当前代码的执行环境。执行上下文主要是三种类型：全局执行上下文：全局执行环境是最外围的一个执行环境，在浏览器的全局对象是 window, this指向这个对象函数执行上下文：可...
2024-01-10
vue引入静态js文件
由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。vue-cli 2.0的作法是在static文件下创建js。vue-cli 3.0 的写法则是直接在public文件夹下创建js、具体操作如下：1、在public文件夹下创建...
2024-01-10详解js闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数...
2024-01-10
