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