好看的el-collapse-item

2024-10-05

vue+element ui项目总结点（五）Carousel 走马灯组件、Collapse 折叠面板、Tree 树形控件

<template> <div class="ele_test_box">  <el-popover placement="bottom" title="标题" width="400" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一

Test Spring el with ExpressionParser

Spring expression language (SpEL) supports many functionality, and you can test those expression features with this special "ExpressionParser" interface. Here's two code snippets, show the basic usage of using Spring EL. SpEL to evaluate the lit

Collapse 折叠面板

通过折叠面板收纳内容区域基础用法可同时展开多个面板,面板之间不影响 <el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性 Consistency" name="1"> <div>与现实生活一致:与现实生活的流程.逻辑保持一致,遵循用户习惯的语言和概念:</div

avalon2学习教程04显示隐藏处理

今天的主角是ms-visible,它的效果类拟于jQuery的toggle,如果它后面跟着的表达式为真值时则显示它所在的元素,为假值时则隐藏.不过显示不是 display:none这么简单,众所周知,display拥有inline, inline-block, block, list-item, table, table-cell等十来个值,比如用户之前是让此LI元素表示inline-block,实现水平菜单效果,你直接display:block就会撑破布局.因此元素之前是用什么样式显示,需要保

extjs后自己写了一些见不得人的脚本

<html> <head> <title> 配置管理器 </title> <style type="text/css"> html, body { font-family: Arial; font-size: 14px; } .fieldlabel { float: left; } .fieldtext { float: left; } .combobox { float: left; } .combobox.picker {

WindowsPhone开发—— 使用手绘图片做景区导览地图

前些日子在做景区App遇到需求,使用手绘图片做一个简易的地图,支持放大缩小平移以及显示景点Mark,安卓上可以使用一个叫做“mAppWidget”的开源库来完成,WP上有人建议用ArcGIS,但是考虑到只是简单的放大缩小平移以及展示Mark标记,没必要再去花费精力去大费周折的研究ArcGIS,于是就各种搜索WP下的放大缩小平移图片的文章,还好很庆幸找到一篇(连接地址给忘记了原作者如果看到的话希望能提醒下给加上原链接).解决了对图片放大缩小平移的问题,剩下的就是在上面添加Mark标记点了以及解决每

ahjesus Unity3D界面快捷键

F Frame selection Tab Shift focus between first column and second column (Two columns) Ctrl/Cmd + F Focus search field Ctrl/Cmd + A Select all visible items in list Ctrl/Cmd + D Duplicate selected assets Delete Delete with dialog Delete + Shift Delet

(19)odoo中的javascript

-----------更新日期15:17 2016-02-16 星期二-----------* 用到的js库我们可以打开 addons/web/views/webclient_template.xml 看到如下: <template id="web.assets_common"> <script type="text/javascript" src="/web/static/lib/es5-s

Unity3d Shortcuts

参考:http://www.ceeger.com/Manual/ 场景视图导航 Click-drag to drag the camera around. 点击拖拽平移场景视图 Hold Alt and click-drag to orbit the camera around the current pivot point. 按Alt键并鼠标左键拖拽,围绕当前轴心点动态观察. Hold Control (Command on Mac) and click-drag to zoom the c

原创-兼容IE8的placeholder

!function (o) { o.fn.extend({ PlaceHolder: function () { var _isEmpty = function (val) { return (val === "" || val === "null" || val === null || val === "undefined" || val === "NaN"); }; var _handler = function (obj

android 世界各国英文简写代码资源文件

今日又用到这段代码,忽然感觉到如果是第一次用的人肯定也会很麻烦.故在此上传一份.后人再用就不必重复做此工作.跟体育老师学过语文,见谅. 提供下载地址 http://download.csdn.net/download/pengcheng_liu/6343573 android资源文件格式  <string-array name="arr_spn_costDto_Country_code_item_en_ENAME">

新RSS reader

阅读之前采取正确的方法,但是非常不介意,没有收到订阅很大. 走到今天 http://www.feedspot.com 2014/11/8追加:用下来感觉不错. feedspot 的相关快捷键例如以下: Keyboard shortcuts (Shift+? ) Navigation j/k next/previous item space next item or page Shift + space previous item or page n/p item scan down/up (li

从性能角度看react组件拆分的重要性

React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能:采用单向数据流机制,父组件通过props将数据传递给子组件,这样让数据流向一目了然.一旦组件的props或则state发生改变,组件及其子组件都将重新re-render和vdom-diff,从而完成数据的流向交互.但是这种机制在某些情况下比如说数据量较大的情况下可能会存在一些性能问题.下面就来分析react的性能瓶颈,并用结合着react-addons-perf工具来说明react组件拆

如何实现一个 Virtual DOM 及源码分析

如何实现一个 Virtual DOM 及源码分析 Virtual DOM算法 web页面有一个对应的DOM树,在传统开发页面时,每次页面需要被更新时,都需要手动操作DOM来进行更新,但是我们知道DOM操作对性能来说是非常不友好的,会影响页面的重排,从而影响页面的性能.因此在React和VUE2.0+引入了虚拟DOM的概念,他们的原理是:把真实的DOM树转换成javascript对象树,也就是虚拟DOM,每次数据需要被更新的时候,它会生成一个新的虚拟DOM,并且和上次生成的虚拟DOM进行对比,对发

Vue源码后记-vFor列表渲染（1）

钩子函数比较简单,没有什么意思,这一节搞点大事情 => 源码中v-for的渲染过程. vue的内置指令包含了v-html.v-if.v-once.v-bind.v-on.v-show等,先从一个入手,其余的也就那么回事. 案例模板依照之前的,但是多加了一个v-for指令,如下所示: <body> <div id='app'> <a href="#" v-for="item in items">{{item}}</a&g

js设置元素class方法小结及classList相关

给DOM元素设置class是我们在项目中非常容易遇到的,网上的资料和总结也比较多,下面比较全面的整理一下,希望给到大家一些帮助!并引用两种成熟的classList的兼容方法一.el.setAttribute('class','abc'); var div = document.getElementById('d1'); div.setAttribute("class", "abc"); 兼容:IE8/9/10/Firefox/Safari/Chrome/

自己DIY出来一个JSON结构化展示器

说来也巧,这个玩意,一直都想亲手写一个,因为一直用着各种网上提供的工具,觉得这个还是有些用途,毕竟,后面的实现思路和原理不是太复杂,就是对json的遍历,然后给予不同节点类型以不同的展现风格. 我这次,是出于将一个专利写清楚,自己构思了一个实现方案,且还能显示出当前的路径,具体的显示风格,依据自己的喜好,随便DIY吧. 写这个JSON展示器,其实有很多用处,不仅仅就是为了看一个json的结构化展示. . 更重要的是可以辅助用户和json数据进行交互,能够知道用户感兴趣的json字段是什么,可以对

星级评分原理 N次重写的分析

使用的是雪碧图,用的软件是CSS Sprite Tools 第一次实现与分析: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-

经典的HTML5游戏及其源码分析

HTML5已经相当强大,在HTML5平台上,我们可以完成很多非常复杂的动画效果,包括游戏在内.早期我们只能利用flash来实现网络游戏,现在我们又多了一种选择,即用HTML5制作游戏.相比flash,HTML5更加灵活方便,随着浏览器技术的不断升级,HTML5一定会广泛使用,至少在网页动画方面,下面是一些利用HTML5完成的游戏作品. HTML5版切水果游戏这曾是风靡全球的一款手机APP游戏切水果,现在JS小组已经将其改版成HTML5,并将其开源. 核心Javascript代码: Ucren.

【本周面试题】第1周 - 获取URL中的查询字符串参数、get和post的区别

[此系列优先解决自己经历的面试题] 2018.11.16 面试题一:你如何获取浏览器URL中查询字符串中的参数? 题目代码: 测试地址为 https://www.sogou.com/tx?query=javascript&ie=utf8&_ast=1542338688&_asf=null&w=01029901&hdq=sogou-clse-f507783927f2ec27&duppid=1&cid=&cid=&s_from=resul

在mvc中动态加载菜单

最近做了一个项目, 要在客户端动态的显示菜单,也就是这些菜单是保存在数据库中的, 在客户端动态加载菜单,这样做的好处很明显,就是菜单很容易修改,直接在后台进行维护,再也不会直接在前面的视图页面中进行修改,但是,缺点也很明显,实现起来有一定的难度,如果菜单多的话,在前台首次加载时,页面就会变慢,我想谈谈自己在这方面的经验首先, 我们要创建两个表,(其实一个表也可以了,不过那样的话会变得比较复杂), 一个一级分类表, 一个二级分类表, 两个表的结构如下 : 一个是一级分类表,对应的就是父级菜单,

好看的el-collapse-item

热门专题