友情提示:想要更好的理解js继承方式,须了解构造函数、原型对象、实例化对象、原型链等概念 第一种:原型链继承利用原型链的特点进行继承 function Parent(){ this.name = 'web前端'; this.type = ['js','html','css']; } Parent.p ...
分类:
编程语言 时间:
2020-11-25 12:44:08
阅读次数:
10
属性 attr(name|pro|key,val|fn) removeAttr(name) prop(n|p|k,v|f) removeProp(name) CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[, ...
分类:
Web程序 时间:
2020-11-25 12:02:48
阅读次数:
10
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