- 博客(15)
- 收藏
- 关注
RSS订阅
1原创 element-ui分页组件的bug
**element-ui中的table表格进行分页查询时，会出现组件bug。**问题：例如：在第一次查询后跳转到第四页，此时再进行新的条件查询，若该条件查询到的数据只有三页，查询时入参page: 4，即该页无数据，页面展示无数据。解决方案：错误方案：在查询函数中，点击查询按钮时使page: 1，进行传参。结果：进行问题复现操作，页面显示第一页数据，底部分页标签却停留在第四页。仍然是有问题的。正确解决方案：进行问题复现操作时（再次进行查询时），依然传参page: 1，写回滚代码，
2021-12-20 10:36:56
1183
原创 CSS的书写顺序
CSS的书写顺序（1）定位属性：position display float left top right bottom overflow clear z-index（2）自身属性：width height padding border margin background（3）文字样式：font-family font-size font-style font-weight font-varient color（4）文本属性：text-align
2021-10-19 14:07:56
211
原创 CSS 三大特性：层叠 继承 优先级
CSS 三大特性层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。1 CSS层叠性所谓层叠性是指多种CSS样式的叠加,就是css处理冲突的能力。层叠性只有在多个选择器选中"同一个标签", 然后又设置了"相同的属性", 才会发生层叠性一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。当同一个元素被两个选择器选中时，CSS会根据选择器的权重决定使用哪一个选择器。权重低的选择器效果会被权重高的选择器效果覆盖（层叠）。可以这样理解权重：这个选择器对于这个元素的重要性。
2021-10-15 16:46:34
396
原创 vue 图片上传
pdfh5.jspdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。注意：本地绝对路径地址不能加载，跨域问题用代理或者服务端解决。svg模式渲染存在缺陷，只能渲染普通pdf，带签名、印章的可能会渲染不全，报错，pdf.js官方目前没有给出解决方案canvas模式本质是图片，默认进去的时候，图片在手机端被缩放，不是原分辨率，所以失真模糊。所以需要放大查看pdfreact、vue均可使用example/test是vue使用示例，vue示例展示
2021-09-28 16:49:42
72
原创 路由跳转和git常用命令
一．路由跳转1.普通跳转（1） this.$router.push() this.$router.push() 会在浏览器历史记录里面添加一条记录（2） this.$router.replace() this.$router.replace() 不会在浏览器的历史记录里添加信息带参数跳转：this.$router.push()命名路由name属性，params属性传参；命名路由path属性，query属性传参；eg: // 跳转： this.$router.push
2021-09-28 14:22:30
1202
原创 CSS--2D 3D
CSS3中2D和3D的使用1. 过渡(CSS3) transition过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片在CSS3里使用transition可以实现补间动画（过渡效果），并且当前元素只要有“属性”发生变化时即存在两种状态(我们用A和B代指），就可以实现平滑的过渡，为了方便演示采用hover切换
2021-09-27 14:57:05
155
原创 CSS3基本样式
1. CSS3简介如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。CSS3的兼容情况CSS3给开发人员带来了很多有趣的功能，同时也为用户提供了更好的用户体验。但是，这一切并不是所有的浏览器都完全支持。目前主流的浏览器都采用了私有属性的形式来支持CSS3属性，以便让用户体验CSS3的新特性。下面介绍这些私有属性：Webkit引擎浏览器使用“-webkit-”作为私有属性，像Safar
2021-09-27 14:31:48
244
原创 字体 图标库
当UI设计人员给我们svg文件的时候，我们需要转换成我们页面能使用的字体文件， 而且需要生成的是兼容性的适合各个浏览器的。阿里icon font字库http://www.iconfont.cn/这个是阿里妈妈M2UX的一个icon font字体图标字库，包含了淘宝图标库和阿里妈妈图标库。可以使用AI制作图标上传生成。 免费，免费！！icomoon字库IcoMoon成立于2011年，推出的第一个自定义图标字体生成器，它允许用户选择他们所需要的图标，使它们成一字型。 内容种类繁多，非常全面，唯一的遗憾
2021-09-27 14:19:28
134
原创 客户端存储
H5-新增API1. 本地存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。主流的浏览器上都在window对象上定义了两个属性：localStorage和sessionStorage。这两个属性都代表同一个Storage对象，该对象是一个持久化关联数组，数组使用字符串来索引，存储的值也都是字符串形式的。Storage对象在使用上和一般的JS对象没什么区别：设置对象的属性为字符串值，随后浏
2021-09-26 16:44:31
84
原创 H5 新API
1. Location对象location 对象包含有关当前 URL 的信息location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。属性属性描述host返回一个URL的主机名和端口hostname返回URL的主机名href返回完整的URLpathname返回的URL路径名。port返回一个URL服务器使用的端口号protocol返回一个URL协议search返回一个URL的查
2021-09-26 16:30:28
516
原创 通过第三方API获取
通过第三方API获取在现实开发中，通过调用第三方API（如百度地图）来实现地理定位信息，这些API都是基于用户当前位置的，并将用位置位置（经/纬度）当做参数传递，就可以实现相应的功能。http://api.map.baidu.com/lbsapi/creatmap/index.html1.在搜索引擎中搜索“百度地图生成器”。2.切换当前城市。3.查找定位地点。4.拖动地图，微调定位地点，使定位地点位于地图的中央。5.也可通过地图上的控件调整地图的等级和位置。6.根据项
2021-09-26 16:26:36
174
原创 判断用户在哪个终端打开页面，实现跳转
判断用户在哪个终端打开页面，实现跳转navigator 对象是包含有关浏览器的信息。navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。window.navigator 接口表示用户代理的状态和标识。下面前端代码可以判断用户那个终端打开页面，实现跳转：if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|
2021-09-26 16:17:57
389
原创 vant-list列表有可能加载失败，如果不定义错误规则，可能会出现页面卡死的情况
vant-list列表有可能加载失败，如果不定义错误规则，可能会出现页面卡死的情况。<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">//对 onLoad()函数进行监控.catch(error=>{ console.log(error); this.loading = false this.finished = true})..
2021-09-24 16:13:28
752
原创 前端面试常问及的方面
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-04-28 17:39:35
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人