logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

HTML&CSS--使用CSS完成页面布局及排版(附案例代码)

CSS简介CSS (Cascading Style Sheets) 层叠样式表,是一个用于修饰文档的语言,可以将文档以更优雅的形式呈现给用户。语法在html中如何引入css将css规则直接填写在style属性中将样式嵌入到style标签将样式写在.css文件中,再通过link将这个文件引入到html中语法组成选择器 {属性:值;属性:值;}选择器核心选择器选择器实例标签选择器div{ }类选择器.

#css
【ES6】Class 类的使用与继承方法详解

JavaScript 语言中,生成实例对象的传统方法是通过构造函数。 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰更像面向对象编程的语法而已。所以ES6 的类,完全可以看作构造函数的另一种

【Vue】五个最常用的事件修饰符

事件修饰符概览修饰符说明.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只当事件在该元素本身(比如不是子元素)触发时触发回调.once事件只触发一次.stop.stop用来防止冒泡,我们先来看看冒泡的场景。<!DOCTYPE html><html lang="en"><head><meta chars

#html
CSS3 calc() 函数,height: calc(100% - 70px);

今天做练习的时候遇到了这样一行代码:height: calc(100% - 70px);,100%的高度减去70px???这是什么函数?竟然支持不同单位之间的运算?!通过查阅资料,我终于认识了这个函数——calc()函数。calc()函数是CSS3 提出的,目的是动态改变宽度/高度的变化,适配问题。<div><div class=“head”>标题</div>&

#css
【Vue案例三】使用v-if指令 / component标签实现组件的切换

前面介绍了Vue中组件的创建方式和data及methods属性,本文我们来做一个Vue组件的切换案例,效果如下:这个效果相信大家都能搞定,本文希望通过这个案例来加深一下对组件的使用。我们通过前面介绍的 v-if 指令和 component 标签两种方式来实现这种效果。通过v-if控制实现<!DOCTYPE html><html lang="en"><head>&

【Vue】路由Router嵌套的实现及经典案例

Vue 中路由在使用的时候 嵌套 使用是非常频繁的,所以本文我们就来通过案例介绍一下嵌套路由的使用。Vue路由嵌套先来准备一个普通的路由案例:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script

【Vue】五个最常用的事件修饰符

事件修饰符概览修饰符说明.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只当事件在该元素本身(比如不是子元素)触发时触发回调.once事件只触发一次.stop.stop用来防止冒泡,我们先来看看冒泡的场景。<!DOCTYPE html><html lang="en"><head><meta chars

#html
到底了