记录一下工作 需求 导航菜单过长的时候会溢出,需要一个像 Tabs 标签页一样的滚动视图容器,可以左右滚动内部视图. 解决方法 由于时间问题,所以直接将 Tabs 源码抽取出来使用. 这里要做一些特殊处理,不允许 NavMenu 导航菜单滚动视图容器内的元素换行. 如: /deep/.el-menu--horizontal>.el-menu-item,.el-menu--horizontal>.el-submenu {     float: none !important;     displ

原文:https://blog.csdn.net/gaojie_csdn/article/details/80738488 [问题] 在页面使用ElementUI的时候,想做出一个主动展开树节点的效果,但是只有点击边上三角形才能够展开,查了element文档,没有找到方法解决方案 对于前端问题有个很好的工具,就是打印日志,于是在代码里面找到指定对象,打印日志去查找 下面是我的树,别名为 tree,点击多选框的事件为 handleCheck <el-tree ref="tree"

1,设置Highcharts的动态宽高. 获取Highcharts图表需要的宽高值,给到Highcharts图表的div容器. 如:var hpvCountSendDateHei = $(".hpvCountSendDate_Box").height()+110;  //110 矫正值 var hpvCountSendDateWidth = $(".hpvCountSendDate_Box").width(); $(".attrVlaueThree&quo

<li data-v-576b9cf5="" role="menuitem" tabindex="0" class="el-menu-item" style="color: rgb(255, 255, 255); border-bottom-color: transparent; background-color: rgb(84, 92, 100);"> <a data-v-576b9cf

原因:子菜单全部打开后太长超过100% 解决方法:设置只能点击打开当前的菜单

LODOP中,超文本超过打印项高度会自动分页,可以用语句进行缩放,让打印内容都在一页中.例如,整页缩放和高度溢出缩放.如下是三个语句及其效果,注意对内容缩放可能会导致变形哦,毕竟是不等比例缩放:LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT","Full-Page");//整页缩放效果:宽高都会缩放,缩放到整页里面.LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW",tr

UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2: 这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性. 这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题: 当你改变浏览器大小时,会有个很严重的排版BUG

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1463 一.简短的前言 之前曾作有“页面重构鑫三无准则之无宽度准则”一文,属于流体布局系列中的偏理论性的文章,本文也是这种性质的,可谓是“无宽度准则”一文的延续. “无宽度准则”是说内部元素不要定宽,但是,除非你的页面是像google的产品页面一样都是100%自适应的,那么页面的终归会有一个固定的宽度值,一般出现在页面的

CSS流体(自适应)布局下宽度分离原则 这篇文章发布于 2011年02月28日,星期一,00:48,归类于 css相关. 阅读 73990 次, 今日 5 次 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1463 一.简短的前言 之前曾作有“页面重构鑫三无准则之无宽度准则”一文,属于流体布局系列中的偏理论性的文章,本文也是这种性质的,可谓是“无宽度准则”一文的延续.

放控件TcxLocalizer.将其FIlename设定成汉化文件.ini.选择Locale的值是中文,然后active=true.OK了文件如下 ini如下: [2052] CHINA_STR="中国" cxExportListIndexError="列表索引超出范围(%d)" cxNavigator_DeleteRecordQuestion="删除记录?" cxNavigatorHint_Append="添加记录" cxN

在网页中使用自定义右键菜单,实现上皆为使用javascript禁用浏览器默认的右键菜单,然后在网页中响应鼠标右键事件,弹出自定义的菜单. 类似右键菜单的组件网上很多.一般而言,改变浏览器的默认菜单应当慎用,这会使多数用户感到不习惯.但是在企业Web应用中,用户的使用环境更加可控,在这种应用中使用自定义右键菜单会更加适合. 以下列举几款比较成熟的jQuery右键菜单插件,我们将逐一介绍,请读者自行比较,并根据自己的需求选择. 1.VERY SIMPLE CONTEXT MENU-Intekhab

Element对象对应网页的HTML标签元素.每一个HTML标签元素,在DOM树上都会转化成一个Element节点对象(以下简称元素节点).元素节点的nodeType属性都是1,但是不同HTML标签生成的元素节点是不一样的.JavaScript内部使用不同的构造函数,生成不同的Element节点,比如a标签的节点对象由HTMLAnchorElement()构造函数生成,button标签的节点对象由HTMLButtonElement()构造函数生成.因此,元素节点不是一种对象,而是一组对象. 属性

由于智能机的普及,越来越多网页支持移动端了,那么如何解决适配移动端呢 在这总结一下自己的学习笔记 viewport:虚拟的容器,仅在移动设备有效 <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0"/> width=device-width:设置宽度为设备宽度 initial-scale=1.0:初始缩放比例1.0 user-scala

上一章介绍了OnsenUI一些入门的知识以及它和AngularJS配合的初始化方法.这一章,咱们继续对这块内容进行介绍,对OnsenUI提供的组件进行更进一步的学习. 咱们从手机应用布局的最上面开始.手机应用布局最顶端,也就是经常提到的工具栏,是几乎每个应用都会存在的组件.这么经常出现的组件,OnsenUI当然会提供.<ons-toolbar>,这个就是OnsenUI提供的组件,这个组件使用起来非常的简单,最常见的使用场景就是<ons-page>下. 除了了解它使用的位置,还要再看

项目 Xut.js 阐述下开发中一个比较核心的优化技术点,这是一套平台代码,并非某一个插件功能或者框架可以直接拿来使用,核心代码大概是6万行左右(不包含任何插件) .这也并非一个开源项目,不能商业使用,只是为了作者开发方便同步修改代码而上传的源码 描述下,项目提出的概念“无需程序员编程”可批量制作app应用.分2大块,1块是客户端(PPT),默认扩展插件提供用户编辑的界面,平台会把设计逻辑与界面数据编译成前端数据资源包(前端能处理的js.css.图片等资源了),另一个大块就是纯前端部分(Xut.

css重构之旅 >前言: 今年我大一,马上就要大二了.从高三毕业暑假到大学的这一年马上过去,马上迎来大二生活学习前端也有将近一年了.一昧去追求那些视觉的效果和相对高端和新颖的技术,反而忽略了最基础的布局技巧. 回味 2017年3月,百格教育的手机端网站,是我接到的第一个公司外包的项目.我和组长合作完成,现在项目也已经顺利完成,回想起来,自己也跟着组长学到了不少:1)一个公告的列表(你应该提前考虑到,一则公告的字数一定有多有少的)多出的应该做处理,不然超出会排成两行,使布局陷入混沌的状态: tov

表单模块可以分为两部分:一是表单的布局,也就是规范表单元素单元的排列位置:二是表单元素,如:输入框.单选.复选.列表组件.搜索组件等,由于列表组件.搜索组件不是单纯的css组件,所以暂且没有实现. 一.表单布局的实现 表单布局分为:表单容器.行.表单元素组(包含元素标题.元素).并且实现根据屏幕进行自适应.示例效果如下: 从示例效果可以看出,布局会根据浏览器大小实现自适应.自适应代码如下: @import '../mixins/breakpoints'; .f-form-container{ @

其他相关简短问答:Lodop简短问答客户反馈篇 及排查步骤 及注册相关,Lodop某个电脑打印内容大小有问题,LODOP超文本简短问答和相关内容,LODOP.C-Lodop简短排查语句.Lodop.c-lodop注册与角色简短问答.LODOP提示.报错.现象,简短问答.LODOP不同电脑打印效果不同排查. 一些浏览器不支持np插件参考http://www.c-lodop.com/faq/pp21.html高版本的火狐谷歌不再支持np插件,需要使用c-lodop,可参考官网样例混合部署http:/

之前一直在看Standford公开课machine learning中Andrew老师的视频讲解https://class.coursera.org/ml/class/index 同时配合csdn知名博主Rachel Zhang的系列文章进行学习. 不过博主的博客只写到“第十讲 数据降维” http://blog.csdn.net/abcjennifer/article/details/8002329,后面还有三讲,内容比较偏应用,分别是异常检测.大数据机器学习.photo OCR.为了学习的完

一.时间转换问题: 这不只是小程序上面的问题是ios系统 都有这个问题就是new  Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ 2.删除”.“后面的字符串(带毫秒也会有问题) 代码如下: /** * 字符串转换为时间 * @param {String} src 字符串 */ strToDate(dateObj){ dateObj = dateObj.replace(/T/g, ' ').replac