前端
文章平均质量分 78
醉月无归
这个作者很懒,什么都没留下…
展开
-
项目总结:积分兑换商城
在老师们的撮合下 我们开展了为期一周的前后端联合项目 经过了一周的努力终于完美结束 特此写下这片总结项目总结:积分兑换商城项目介绍项目功能积分兑换主界面精品兑换与热门商品个人中心购物车收获与提高项目介绍这次我们组分到的是一个积分兑换商城的项目 因为对项目了解较浅 我们在网上查阅了一些资料 也对一些成品的积分兑换项目进行了使用与对比 最终决定了项目的具体细节项目功能积分兑换既然叫积分兑换商城 那么最基本的功能便是用积分兑换商品了 在这一方面 我们延续了叩丁狼的风格 继续使用鸡腿来承担积分的责任.原创 2022-05-26 15:05:17 · 752 阅读 · 3 评论 -
教你用Vue如何实现过渡&动画效果
Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果Vue 提供了transition的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点简单例子<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="原创 2022-05-10 14:11:11 · 6873 阅读 · 0 评论 -
Vant使用方法
1.安装// vue3版本npm i vant //安装最新款// vue2版本npm i [email protected] //指定安装版本2.引入组件(按需引入)2.1安装插件npm install babel - plugin - import -- save - devnpm i [email protected] i [email protected]配置插件在babel.config.j原创 2022-05-01 19:02:32 · 771 阅读 · 0 评论 -
js防抖和节流
防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。1、函数防抖 防抖:在第一次触发事件时,不立即执行函数,而是给出一个期限,如果短时间内大量触发同一事件,只会执行一次函数。 事件触发之后,函数在n原创 2021-11-24 20:18:06 · 79 阅读 · 0 评论 -
CSS :浮动与清除浮动
CSS :浮动与清除浮动1.浮动1.css 布局的三种机制2.为什么需要浮动3.什么是浮动1.浮动口诀之浮2.浮动口诀之漏3.浮动口诀之特4.浮动小结5.浮动(float)的应用(重要)6.浮动(float)的扩展2.清除浮动1.为什么要清除浮动2.清除浮动的本质3.清除浮动的方法1.**额外标签法(隔墙法)**2.父级添加overflow属性方法3.使用after伪元素清除浮动4.使用双伪元素清除浮动4.清除浮动总结1.浮动1.css 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。原创 2021-10-28 16:49:38 · 8757 阅读 · 0 评论 -
CSS特性及盒子模型
CSS特性及盒子模型1.CSS三大特性1.CSS层叠性2.CSS继承性3.CSS优先级1.权重计算公式2.权重叠加3.继承的权重是02.CSS注释3.盒子模型4.盒子边框(border)1.边框综合设置2.盒子边框写法总结表3.内边距1.内边距2.设置3.内盒尺寸计算4.外边距1.外边距2.设置3.块级盒子水平居中4.外边距合并1.相邻块元素垂直外边距的合并2.嵌套块元素垂直外边距的合并(塌陷)1.CSS三大特性1.CSS层叠性概念:所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突原创 2021-10-08 16:10:03 · 13176 阅读 · 0 评论 -
CSS复合选择器及CSS背景
CSS复合选择器及CSS背景1.CSS复合选择器1.后代选择器2.子元素选择器3.交集选择器4.并集选择器5.链接伪类选择器6.复合选择器总结2.标签显示模式1.什么是标签显示模式2.块级元素3.行内元素4.行内块元素5.三种模式总结区别6.标签显示模式转换 display3.CSS背景1.背景颜色(color)2.背景图片(image)3.背景平铺(repeat)4.背景位置(position)5.背景附着6.背景简写7.背景透明8.背景总结1.CSS复合选择器为什么要学习CSS复合选择器C原创 2021-10-07 15:38:33 · 13353 阅读 · 0 评论 -
HTML基础
1.HTML初识HTML 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML总结:html 是超文本标记(标签)语言我们学习html 主要学习html标签我们用html标签描述网页元素。 比如 图片标签 、文字标签、链接标签等等标签有自己的语法规范,所有的html标签都是用 <> 表原创 2021-10-05 16:54:59 · 13545 阅读 · 4 评论 -
CSS基础
CSS基础1.CSS初识2.引入CSS样式表1.行内式(内联样式)2.内部样式表(内嵌样式表)3.外部样式表(外链式)4.三种样式表总结5.总结CSS样式规则3.CSS基础选择器1.标签选择器2.类选择器3.类选择器特殊用法-多类名4.id选择器5.通配符选择器6.基础选择器总结4.font字体1.font-size:大小2.font-family:字体• CSS Unicode字体3.font-weight:字体粗细4.font-style:字体风格5.font:综合设置字体样式6.font总结5.CSS原创 2021-10-06 19:05:59 · 13378 阅读 · 0 评论