css样式只在当前组件起作用 <style scoped></style> v-for中的:key值的作用 v-for在更新已经渲染过的元素列表时,key默认重复使用 策略 简单复用此处每个元素 并且确保它在特定索引下显示已经被渲染过的每个元素 key的作用主要是为了更高效的更新虚拟DOM vue的 ...
分类:
Web程序 时间:
2020-11-24 12:59:14
阅读次数:
13
Css的元素显示模式 ##块元素常见的块元素有<h1>~<h6>、<p>、 <div>、 <ul>、 <o|>、 <li>等 ,其中<div>标签是最典型的块元素块级元素的特点:1.比较霸道,自己独占一行2.高度、宽度、外边距以及内边距都可以控制3.宽度默认是容器(父级宽度)的100%4.块元素是一 ...
分类:
Web程序 时间:
2020-11-24 12:46:25
阅读次数:
12
.ys{ font-weight: 600; font-size: 16px; font-family: "黑体"; color: #8c888b; background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5 ...
分类:
Web程序 时间:
2020-11-24 12:44:17
阅读次数:
12
label { font-size: 0.28rem; display: inline-block; width: 0.95rem; text-align: justify; text-align-last: justify; } ...
分类:
Web程序 时间:
2020-11-24 12:40:10
阅读次数:
11
##概述 ###Webpack功能与优势 预处理(TS,Less,Sass,ES6),解析成浏览器识别的css和js 解析文件之间的依赖关系,屏蔽无用文件 图片添加hash,方便线上CDN缓存 模块导入导出 按需加载,有完备的代码分割解决方案 ###Webpack简单介绍 Webpack是用Node ...
分类:
Web程序 时间:
2020-11-24 12:31:18
阅读次数:
14
导语 响应式相信大家都不陌生,就是使用css的媒体查询设计,进行不同尺寸,显示不同效果,但是Tailwind CSS的响应式设计使用起来会更加爽,更加快捷方便,到底怎么搞呢?我们一起来探讨一下。 简介 Tailwind中的每个实用程序类都可以有条件地应用于不同的断点,这使得轻松构建复杂的响应式接口变 ...
env()和constant(),是IOS11新增特性,Webkit的css函数,用于设定安全区域与边界的距离,有4个预定义变量: safe-area-inset-left:安全区域距离左边边界的距离 safe-area-inset-right:安全区域距离右边边界的距离 safe-area-ins ...
分类:
Web程序 时间:
2020-11-20 12:07:27
阅读次数:
14
jQuery学习 1.什么是jQuery? jQuery是一个轻量级的JavaScript函数库 特征:”写的少,做的多“ 2.jQuery功能 HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities ...
分类:
Web程序 时间:
2020-11-20 12:03:34
阅读次数:
18
一种 灵活、强大 的选择元素的方式,就是使用 Xpath 表达式 既然已经有了CSS,为什么还要学习 Xpath呢? 因为 有些场景 用 css 选择web 元素 很麻烦,而xpath 却比较方便。 另外 Xpath 还有其他领域会使用到,比如 爬虫框架 Scrapy, 手机App框架 Appium ...
分类:
其他好文 时间:
2020-11-20 11:57:56
阅读次数:
8
品优购项目 目标: 1、能够引入ico图标 2、能简单看懂网站优化的三大标签 3、能使用字体图标(重点) 4、能说出我们CSS属性书写顺序 一、代码规范 1、HTML规范 2、图片规范 3、CSS规范 4、命名规范 项目文件夹:pinyougou 样式文件夹:CSS 脚本文件夹:js 样式类图片文件 ...
分类:
Web程序 时间:
2020-11-20 11:16:08
阅读次数:
13