摘要: 现在前端设计越来越受到重视,因此前端页面各组件的美化也越来越重要。 本文重点讲的是前端比较难优化的一个组件<select> 一 初级美化 只进行select框及下拉箭头的美化,单纯的用css美化option选项比较难。 () 这是上述案例中用到的下拉箭头。 上述案例效果图如下: 下面是实现代码: < 阅读全文
posted @ 2018-05-17 16:06 Phil李 阅读(2500) 评论(1) 推荐(0) 编辑
摘要: css中几种情况: 一、.class之间没有空格 /*这样写之间没有空格表示有个class属性是这样写的 class="first first1 first2" 并且这样写,优先级高于下面直接写单个例如.first2{} ,虽然位置在.first2{}上面*/ .first.first1.first 阅读全文
posted @ 2018-05-11 02:37 Phil李 阅读(2785) 评论(2) 推荐(1) 编辑
只有注册用户登录后才能阅读该文。 阅读全文
posted @ 2019-07-02 04:58 Phil李 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 在el-dialog中加入这俩属性: :close-on-press-escape="false" :close-on-click-modal="false" 效果:键盘按Esc键,或者鼠标点击dialog外面, dialog都不会关闭了。 PS: Vue中属性有无冒号的区别: 加冒号的,说明后面的 阅读全文
posted @ 2019-06-28 23:41 Phil李 阅读(8730) 评论(0) 推荐(0) 编辑
摘要: 首先简单说一下v-bind与v-model的区别:v-bind是单向的,数据驱动视图;v-model是双向绑定的 数据与视图相互影响。 下面介绍checkbox中v-model的使用,大体有两种情况, 一、v-model对应的data属性是数组时,返回的是checkbox的value值 二、v-mo 阅读全文
posted @ 2019-06-27 22:34 Phil李 阅读(4782) 评论(0) 推荐(1) 编辑
摘要: 最近公司系统有个主要的功能,查询结果数据量太大,但是用户呢还坚持要求就要这么多数据(显然不符合软件学原理,超过两千你就眼花了。。。),迫于压力,公司将此艰巨任务交付给我。 背景:F12查看该查询结果最后也没大小是 12.5M,后端耗时咱们先暂且不管,前端耗时除了网速就和这个页面大小有关了。 目的:最 阅读全文
posted @ 2019-06-18 23:07 Phil李 阅读(235) 评论(0) 推荐(0) 编辑
摘要: vue-element-admin中table分页原理:根据currentPage与pageSize去后台精准查询,返回匹配的结果,然后前台currentPage与pageSize变化时,再去后台获取相应的结果值。这样的优点:前台存储的资源少,压力小。缺点:后端不断接收请求的次数多。 我优化了一下, 阅读全文
posted @ 2018-11-16 05:26 Phil李 阅读(3398) 评论(0) 推荐(0) 编辑
摘要: 1,假设你要访问的项目名称为‘hms’ 2,在Tomcat的webapps下创建hms文件夹, 3,配置config/index.js文件,设置assetsPublicPath: '/hms/' (解释:这里改为这个配置之后,最后编译产生的index.html中相关路径也会带上‘/hms’,不会报4 阅读全文
posted @ 2018-11-16 03:51 Phil李 阅读(32484) 评论(2) 推荐(0) 编辑
摘要: store中有属性modules modules内部可包含多个module,module拥有自己的 state、mutation、action、getter、甚至是嵌套子模块 store中配置modules如下: export default () => { const store = new Vu 阅读全文
posted @ 2018-11-03 00:26 Phil李 阅读(2190) 评论(0) 推荐(0) 编辑
摘要: 不知道大家有没有这种感觉,业务时间学习一些工作之外的技术,学的过程中总感觉对现有工作的认知有提升。 后来一想,学习一门技术,并不总是简单的只学习那门技术的核心,周边技术还是会多多少少涉及到,这样涉及到的技术就会与工作中的技术重叠,这样相当于对已学技术的复习并会产生新的领悟,从而得到质的提升。 上面只 阅读全文
posted @ 2018-11-02 22:25 Phil李 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 1、css选择器中加号(+)是啥意思? 加号(+)为:相邻同胞选择器,如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector) 如图: 我们经常见到页面上方的导航,用“/”分隔开,这个时候我们就可以考虑使用相邻兄弟同胞 阅读全文
posted @ 2018-08-11 02:03 Phil李 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 定义:css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样,可以对其使用诸如页面元素一样的css样式,表面上看上去貌似是页面的某些元素来展现,实际上是css样式展现的行为,因此被称为伪元素。 规范:css有一系列的伪元 阅读全文
posted @ 2018-08-03 07:01 Phil李 阅读(261) 评论(0) 推荐(0) 编辑