- 博客(33)
- 收藏
- 关注
RSS订阅原创 el-cascader+懒加载+省市区镇+纯前端实现+vue
el-cascader+懒加载+省市区镇+纯前端实现+vue 需求：1、不要一次引入全部数据，加载过慢；2、传入数据要回显；3、暂不增加后端接口。
2023-09-28 11:03:22
1087
原创 深层理解promise与async await
一个新事物的产生一定是为了解决什么问题或者优化什么东西。我们要深层理解promise与async await 就需要回到问题最早出现的地方。
2023-04-25 13:58:08
167
原创 一个简单的地图展示echarts
一个简单的地图展示echarts。当前需求：1、地区存在分会，高亮显示；2、鼠标移入存在分会的板块，该板块高亮，并出现提示信息；3、鼠标移入不存在分会的板块，该板块高亮，但不出现提示信息；注：该分会点是涟漪状的，截图时正在动态展示，没有上图那么丑，当然可以在rippleEffect属性里自己配置。
2023-01-13 10:57:27
754
原创 vue3项目利用iframe展示其他页面
vue3项目利用iframe展示其他页面.iframe是html内联框架元素，它能够将另一个 HTML 页面嵌入到当前页面中。
2023-01-12 19:14:37
5297
原创 什么是vue？
vue.js是用于构建用户界面的渐进式框架JavaScript 框架。简单来说，vue帮我们搭好了房子，剩下的就是开发者进行装修，一点一点添加需要的东西。
2023-01-12 16:54:19
179
原创 解决vuex页面刷新数据丢失问题
vuex中的数据相当于是全局变量，保存在浏览器的堆栈内存中。一旦刷新浏览器页面，之前存储数据的堆栈内存就会释放，vuex里的数据会重新初始化。
2023-01-10 15:02:14
825
原创 ⾏内元素有哪些？块级元素有哪些？空(void)元素有哪些？⾏内元素和块级元素有什么区别？
⾏内元素有哪些？块级元素有哪些？空(void)元素有哪些？⾏内元素和块级元素有什么区别？
2023-01-09 17:57:28
471
原创 css清除浮动
清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题。1.在最后一个浮动标签后，新加一个标签，给其设置clear：both；4.使用before和after双伪元素清除浮动。5.给浮动的元素的祖先元素加上高度。3.使用after伪元素清除浮动。2.父元素添加overflow:hidden overflow:auto；
2023-01-06 17:13:41
123
原创 css3有哪些新特性
css3新特性：1、CSS3的选择器2、Font-face特性3、圆角4、多背景图5、颜色与不透明度6、多列布局与弹性盒模型布局7、盒子的变形8、过渡与动画9、阴影10、媒体查询
2023-01-06 17:09:31
245
原创 CSS 的权重和优先级
在css中，权重相当于优先级，优先级高的css样式会覆盖优先级低的样式，优先级越高也代表着权重越高。当css选择规则的权重不同时，权值高的优先。当css选择规则的权值相同时，后定义的规则优先。
2023-01-06 16:59:33
3024
1
原创 element 的 el-form （禁止页面刷新与from验证 vue3）
element 的 el-form （禁止页面刷新与from验证 vue3）
2022-08-23 10:34:05
1827
原创 vue项目强制刷新页面
vue项目强制刷新页面。下面所写代码对应场景比较少见，首页在登录与不登录时展示的样子不一样，当牵扯的内容过多时，选择了双重判别进行强制刷新。针对其他情况只需要对第一层if内容进行重写即可。
2022-08-23 10:20:24
1124
原创 上传头像裁剪vue3（vue-cropper）配合element的upload
上传头像裁剪vue3（vue-cropper）配合element的upload
2022-06-06 15:00:39
610
原创 简单的楼层跳转效果
这个练习的关键点在于理解元素的尺寸与位置。一、效果二、具体代码<style> *{ margin: 0; padding: 0; text-decoration: none; } header,footer{ width: 800px; height: 100px; background-color: blueviolet; margin: .
2021-07-27 11:17:35
251
原创 鼠标移入搭建盒子效果
通过这个练习可以进一步锻炼思维，并普及一下nth-of-type和nth-child的区别。一、效果二、具体代码（注意每个li的位置）<style> *{ padding: 0; margin: 0; list-style: none; } html,body{ width:100%; height: 100%; background-color: blac.
2021-07-27 10:59:38
150
原创 利用animate（）方法实现小球动态效果
一、引入css<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">二、实现效果三、具体代码<style> *{ margin: 0; padding: 0; } html,body{ width: 100%; heigh.
2021-07-27 10:21:53
446
原创 图片上传（VUE ,element）
一、确定图片上传接口const UPLOADURL='http://localhost:7001/admin/upload';根据要求写，这种只是展示，不规范，正常情况下只出现一次端口号，其余均是拼接。二、页面引入<el-form-item prop="sthumb" label="缩略图"> <el-upload class="avatar-uploader" :action="uploadpath"
2021-07-27 09:43:58
1654
原创 移动端jquery分页
以下是在以前所写的一个jquery的移动端分页，希望对大家有所帮助！一、引入css<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384
2021-07-26 16:57:30
794
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人