- 博客(12)
- 收藏
- 关注
RSS订阅原创 前后端联合开发项目总结
保险信息化管理系统前言–首先，感谢两位老师给我这次参与前后端联合开发的机会，在本次项目中，本人收获颇多，下面是我对本次项目的总结。业务谈到业务，离不开前后端人员的沟通与交流，沟通是关键。业务问题绝不仅仅是一个人的事情，在谈及业务中，更需要注意沟通，做到前后端业务功能达到统一，才能编写代码，开始项目的开发，否则项目存在着业务问题，达不成前后端的统一，这个项目恐怕不能很好完成甚至不能完成。在本次项目开发中，因为是第一次前后端联合开发，前期的沟通并不是很多，导致后端找前端要页面，然而我作为前端并不知道要写
2022-05-26 17:28:30
324
原创 vue动画库
自定义动画实现动画持续时间，延迟时间<template> <div> <transition :duration="5000" enter-active-class="animate__animated animate__fadeInDown" leave-active-class="animate__animated animate__fadeOutUp" animate__delay-2s >
2022-05-10 08:18:33
846
原创 Vant使用方法
1.安装// vue3版本npm i vant //安装最新款// vue2版本npm i vant@2.12.47 //指定安装版本2.引入组件（按需引入）2.1安装插件npm install babel - plugin - import -- save - devnpm i babel-plugin-transform-runtime@6.23.0npm i babel-plugin-transform-vue-jsx@3.7.02.2配置插件在babel.config.j
2022-04-29 08:14:41
646
原创 js 防抖与节流
1、函数防抖 事件触发之后，函数在n秒内只执行一次，如果在n秒内又触发了一次，则会重新计算函数的执行时间。 函数防抖适用于用户输入、提交按钮的点击事件等；函数防抖的核心就是：在用户不触发事件的时候，才触发行为，并且抑制了本来在事件中的行为。【代码实现】// fn：表示需要防抖的函数，wait表示间隔的时间，immediate表示是否立即执行let debounce = function (fn, wait, immediate){ let timer;// 声明定时器
2021-11-24 20:10:39
91
原创 2021-11-06
11-6变量声明变量、赋值<script> 1.var age=10 2.let age=10 3.age=10</script> 更新变量一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。var age = 18; age = 81; // 最后的结果就是81因为18 被覆盖掉了变量命名规范由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, nu
2021-11-06 09:34:17
55
原创 CSS-3D
11-23D透视：perspective（给父元素设置透视)perspective 设置的是透视点的距离：perspective属性的值/显示器的宽度注意：perspective 也可以给子元素设置，应写为：transform:perspective(300px) rotateY(45deg);透视点的设置用perspective-origin改变透视点的位置 perspective-origin: 50% 50%;3D效果默认是二维平面效果，用transform-style: pr
2021-11-02 17:01:47
69
原创 CSS 弹性盒子
10-26弹性盒子（display：flex）弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。<!DOCTYPE html><html><head><meta charset=
2021-10-28 10:09:21
484
2
原创 CSS-background、渐变
10-27background-背景1.background-img 属性值： 1.none(无图像) 2.url():图像路径2.background-repeat --图像平铺的方式默认情况下，图像在水平方向和垂直方向重复，即repeatrepeat-x：图像在水平方向重复repeat-y：图像在垂直方向重复no-repeat：图像只重复一次space：图像以相同间距平铺并且填充整个节点round：图像自动缩放直到适应并且填充整个节点3.background-posit
2021-10-27 17:39:59
4171
原创 css技巧
：focus-within当一个元素，如文本框获取焦点后，这个事件会向上冒泡<style> .box{ width:50px; height:50px; border:1px solid red; } .box:focus-within{ border:1px solid blue; } /*只有当text文本获得焦点时（鼠标点击），.box:focus-within的属性会为.box应用
2021-10-22 20:29:45
2672
原创 css--伪类、伪元素
10-21伪元素选择器:first-line 伪元素“first-line” 伪元素用于向文本的首行设置特殊样式。<!DOCTYPE html><html><head><style> p:first-line { color:#ff0000; font-variant:small-caps; }</style></head><body> <p>
2021-10-21 17:10:19
3575
原创 2021-10-21
10-19版心设置版心的作用：1.美观2.主要兼顾电脑屏幕的店分辨率css编写位置1.行内式（a.代码无法复用 b.结构和样式不分离）<div>1<div>2.style标签内<style> div{ width:100%; height:100px; }</style>3.外链<link rel="stylesheet" href="style.css">优先级：行内
2021-10-21 09:34:28
3928
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人