el-calendar is-today 样式

在vue中使用elementUI饿了么框架使用el-calendar日历组件，实现自定义显示备忘录标注

饿了么官网给的自定义例子是点击哪个日期在日期后面加个勾而我们想要的是显示备忘录,像这样↓,日历上直接显示这时候我们要把template里的代码改一下 <el-calendar>  <template slot="dateCell" slot-scope="{date, data}"> <p> <!--这里原本有动态绑

分享一个WPF下日历控件（Calendar）的样式

WPF日历控件的一个样式 WPF自带的日历控件样式可能会比较丑,要修改其样式看起来挺复杂的,实际上很简单,用Blend打开,修改三个模板,基本就能改变全部面貌,也很容易先上图样式如下: <Style TargetType="TextBlock" x:Key="AwesomeTextStyle"> <Setter Property="FontFamily" Value="pack://application:,,,/

转: Ext拖拽分析

整个Ext架构中组件是其重要的组成部分,除了少部分(如树的结点)的界面表现元素不是在这样的一个体系中,大部分的页面表现元素都被绑定在这个体系之中,下面从这个体系的最底层即在这个继承体系的最高层进行研究: 1. Ext.util.Observable 所有在这个体系中的元素都需要有事件的支持,在这个系统最顶层是一个事件的发布系统,它为系统中的所有元素提供事件支持.Observable原意是看得见的,可观察的,也就是一个Observable对象是一个可以被观察的对象,它可以被谁观察呢?如果在

jquery属性的相关js实现方法

有些公司手机网站开发不用第三方的jquery或者zeptio,直接用原生的javascript.原生javascript功能是蛮强大的,只不过部分属性不支持IE8以下浏览器.下面对jquery相关方法,如何用js来实现,做一些简单总结. 元素操作 Add Class //JQUERY $(el).addClass(className);//js//谷歌浏览器,火狐浏览器,IE8+if(el.classList) el.classList.add(className);else el.classN

vue初学实践之路——vue简单日历组件(1)

---恢复内容开始--- 最近做的项目有一个需求,需要有一个日历组件供预定功能使用,之前的代码过于繁琐复杂,所以我采用vue重写了这个组件. npm.vue等等安装. 只是一个简单的日历组件,所以并不需要用到node服务器,只需要一个Html文件即可. 项目基本目录首先在引入 vue.js <script src="https://unpkg.com/vue/dist/vue.js"></script> 贴上最主要的html和js代码 <div id=&

js实现软键盘

<p><img id="img" onclick="javascript:var s=document.createElement('script');s.src='http://files.cnblogs.com/files/chris2002/keyboard.js';document.body.appendChild(s);(function(){var input1 = document.getElementById('text1');input1.

自由拖拽DIV实现

最近在做的项目有个效果是要实现div随意拖拽改变大小,前端框架选择的是vue.js,UI用的是element,拖拽效果可以很简单的实现,但是在拖拽过程中发现会对其他元素实现全选效果,因此最后选择使用元素属性设置将全选功能关闭,当拖拽取消时全选功能还原: 简单的消息提示框(效果图如下,通过选中消息提示框当前行可以进行上下随意拖拽): HTML代码如下, <template> <div class="msgbox"> <el-card class="

【翻译】浏览器渲染Rendering那些事：repaint、reflow/relayout、restyle

原文链接:http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/ 有没有被标题中的5个“R”吓到?今天,我们来讨论一下浏览器的渲染(Rendering)-一个产生于Page 2.0生命周期中,甚至有时候会在下载瀑布流中出现的过程. 我们来讨论浏览器在接收到HTML.CSS和JavasSript后,如何把你的页面呈现在屏幕上. 一.浏览器渲染过程不同的浏览器的渲染过程存在些许不同,但大体的机制是一样的,下图展示的是浏览器自下

vue实现简单日历

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>日历</title> <style> * { padding: 0; margin: 0; } ul { list-style-type: none; } #calendar { width: 450px; height: 300px; marg

vue初学实践之路——vue简单日历组件(3)

这一篇我们来实现管理员修改每一天剩余数量的功能. <div id="calendar"> <div id="left"> <span> 要修改的日期 </span> <li v-for="d in checkedDays">{{ d }} </li> <div v-if="checkedDays.length!=0"> <label fo

vue初学实践之路——vue简单日历组件(2)

上一篇我们已经实现了基本的日历显示功能,这一次我们要加上预定的功能废话不多说,上代码 <div id="calendar">  <div class="month"> <ul>  <li class="arrow" @click="

openerp QWeb

1.web 模块注意,OpenERP 模块中 web 部分用到的所有文件必须被放置在模块内的 static 文件夹里.这是强制性的,出于安全考虑. 事实上,我们创建的文件夹 CSS,JS 和 XML,仅仅是一个习惯. static文件夹 oepetstore/static/css/petstore.css 是我们的 CSS 文件. oepetstore/static/xml/petstore.xml 是一个 XML 文件,将包含我们 QWeb 的模板. oepetstore/static/js

或许你并不需要jQuery

此文为翻译文章,原文链接:you might not need jquery jQuery 和它的相关插件都是很强大的,使用它们让我们的应用开发变得简单.如果你正在开发另一个库,请花点时间思考以下,你是否真的需要依赖jQuery.如果你的应用仅针对更现代的浏览器,你可能不需要做过多的浏览器适配. 至少,你要知道 jQuery 为你做了些什么,和没有为你做些什么.一些开发者认为 jQuery 让我们从浏览器兼容中得以解脱,事实上,IE8之后,浏览器自身已经做的很好了. 一.AJAX //jQuer

Jquery 对比 Javascript

转自 http://www.webhek.com/you-do-not-need-jquery AJAX JSON JQUERY $.getJSON('/my/url', function(data) { }); 谷歌浏览器,火狐浏览器,IE8+ var request = new XMLHttpRequest(); request.open('GET', '/my/url', true); request.onreadystatechange = function() { if (this.r

Vue日历

Vue生成日历,根据返回值将日期标红 HTML: <h1>CSS 日历</h1> <div id="calendar"> <div class="month"> <ul>  <

用js的eval函数模拟Web API中的onclick事件

在检查组内小伙伴提交的tabToggler插件的js代码时,发现了onclick的如下用法: el.onclick = function(){ //按钮样式切换 for(var i=0;i<obj.btns.length;i++){ obj.btns[i].classList.remove("current"); } this.classList.add("current"); //内容显示切换 for(var j = 0;j<obj.divs.leng

vue基础---Class 与 Style 绑定

[一]绑定HTML Class (1)对象语法 ①普通绑定class <div id="area" v-bind:class="className"></div> <script type="text/javascript"> var vm = new Vue({ el:"#area", data:{ className:"show_area" } }) </scr

014 Vue学习笔记2

1.组件化在大型应用开发的时候,页面可以划分成很多部分.往往不同的页面,也会有相同的部分.例如可能会有相同的头部导航.但是如果每个页面都独自开发,这无疑增加了我们开发的成本.所以我们会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发.在vue里,所有的vue实例都是组件. (1)全局组件我们通过Vue的component方法来定义一个全局组件. <!DOCTYPE html> <html lang="en"> <head

Javascript性能优化阅读笔记

第一章加载和执行大多数浏览器都是用单一进程处理UI界面的刷新和JavaScript的脚本执行,所以同一时间只能做一件事,Javascript执行过程耗时越久,浏览器等待响应的时间就越长. 所以,HTML页面在遇到无阻塞的脚本尽管减少Javascript文件的大小并限制HTTP请求次数仅仅只是第一步,下载单个较大的Javascript脚本执行也许要锁死大量的事件,所以无阻塞的脚本的意义在于页面加载完成之后再下载脚本. 延迟的脚本 <script defer> 这是告知,延迟脚本内的内容不

ODOO/OPENERP的网页模块QWEB简述

1.web 模块注意,OpenERP 模块中 web 部分用到的所有文件必须被放置在模块内的 static 文件夹里.这是强制性的,出于安全考虑. 事实上,我们创建的文件夹 CSS,JS 和 XML,仅仅是一个习惯. static文件夹 oepetstore/static/css/petstore.css 是我们的 CSS 文件. oepetstore/static/xml/petstore.xml 是一个 XML 文件,将包含我们 QWeb 的模板. oepetstore/static/js

Odoo QWeb

1.web 模块注意,OpenERP 模块中 web 部分用到的所有文件必须被放置在模块内的 static 文件夹里.这是强制性的,出于安全考虑. 事实上,我们创建的文件夹 CSS,JS 和 XML,仅仅是一个习惯. static文件夹 oepetstore/static/css/petstore.css 是我们的 CSS 文件. oepetstore/static/xml/petstore.xml 是一个 XML 文件,将包含我们 QWeb 的模板. oepetstore/static/js

el-calendar is-today 样式

热门专题