free_xiang

Flex自定义日历控件

在使用Flex做日程安排的时候需要一个日历功能，在日历中显示日程信息，Flex自带的日历中没有自定义功能，因此自己写了一个日历控件，效果如下:

制作方法：

创建一个Module,在其中放置一个Grid,将其分为7x7个单元格

接口:

事件:

ItemClick 单击事件

参数:

e.result.data 单击时的GridItem对象

e.result.date 单击时的日期信息

DateChange 日期改变事件

参数:

e.result.year 年份

e.result.month 月份,已修正1-12

e.result.data Grid对象

方法:

setDate(y:int,m:int) 设置当前显示日期

y年份

m月份,已修正1-12

setDayInfo(d:int,text:String)设置日期信息

d日期

text 信息

例子:

lbl2.text="改变日期:"+y+"年"+m+"月";
if(m==1) md.setDayInfo(1,"\n<font color='#ff0000'>元旦</font>");
if(m==5) md.setDayInfo(1,"\n愚人节");
if(m==6) md.setDayInfo(1,"\n儿童节");
if(m==7) md.setDayInfo(1,"\n建党节");
if(m==8) md.setDayInfo(1,"\n建军节");
if(m==10) md.setDayInfo(1,"\n国庆节");

哈哈，下面是源码:

MyDate.MXML

<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="304" initialize="init()">
<mx:Style>
.header{text-align:center}
</mx:Style>
<mx:Metadata>
//定义事件
[Event(name="ItemClick",type="mx.rpc.events.ResultEvent")]//单击事件
[Event(name="DateChange",type="mx.rpc.events.ResultEvent")]//年月改变时的事件
</mx:Metadata>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;
import mx.containers.GridRow;
import mx.collections.ArrayCollection;
import mx.utils.ArrayUtil;
import mx.containers.GridItem;
private var oldItem:GridItem;
private var lbls:ArrayCollection;
private var yy:int;
private var mm:int;
private var firstDay:int;
//初始化
private function init(){
lbls=new ArrayCollection();
for(var i=1;i<dg1.getChildren().length;i++){
var gr:GridRow=dg1.getChildAt(i) as GridRow;
for(var j=0;j<gr.getChildren().length;j++){
var gi:GridItem=gr.getChildAt(j) as GridItem;
gi.addEventListener(MouseEvent.CLICK,clickitem);
var lbl:Label=gi.getChildAt(0) as Label;
lbls.addItem(lbl);
}
}
var d:Date=new Date();
yy=d.getFullYear();
mm=d.getMonth();
changeDate();
}
//计算天数
private function getDays(y:int,m:int):int{
if(m==1||m==3||m==5||m==7||m==8||m==10||m==12) return 31;
if(m==4||m==6||m==9||m==11) return 30;
if(y%4==0 && y%100!=0) return 29;
if(y%400==0) return 29;
return 28;
}
//更改年月
public function setDate(y:int,m:int):void{
yy=y;
mm=m-1;
changeDate();
}
//设置日期的信息
public function setDayInfo(d:int,text:String):void{
(lbls[firstDay+d-1] as Label).htmlText+=text;
}
//更新日期
private function changeDate():void{
var d:Date=new Date(yy,mm);
var cd:Date=new Date();
firstDay=d.getDay();
var m:int=firstDay+getDays(yy,mm);
lblYear.text=yy+"年"+(mm+1)+"月";
for(var i=0;i<firstDay;i++){
(lbls[i] as Label).text="";
(lbls[i] as Label).enabled=false;
((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");
}
for(var i=firstDay;i<m;i++){
(lbls[i]as Label).htmlText=""+(i-firstDay+1);
(lbls[i]as Label).data=""+(i-firstDay+1);
(lbls[i]as Label).enabled=true;
if(i-firstDay+1==cd.getDate()&&mm==cd.getMonth() && yy==cd.getFullYear()){
((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","#889988");
((lbls[i]as Label).parent as GridItem).data="haha";
}
else
{
((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");
((lbls[i]as Label).parent as GridItem).data="";
}
}
for(var i=m;i<lbls.length;i++){
(lbls[i] as Label).text="";
(lbls[i] as Label).enabled=false;
((lbls[i]as Label).parent as GridItem).setStyle("backgroundColor","");
}
var o=new Object();
o.year=yy;
o.month=mm+1;
o.data=dg1;
dispatchEvent(new ResultEvent("DateChange",false,true,o));//激发事件
}
private function mout(e:MouseEvent):void{
var gi:GridItem= e.currentTarget as GridItem;
if((gi.getChildAt(0) as Label).enabled)
{
if(gi.data.toString().length==0)
gi.setStyle("backgroundColor","");
else{
if(gi.data.toString()=="haha"){
gi.setStyle("backgroundColor","#889988");//backgroundColor="#54D3EE"
}
else{
gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
}
}
}
}
private function mv(e:MouseEvent):void{
var gi:GridItem= e.currentTarget as GridItem;
if((gi.getChildAt(0) as Label).enabled){

if(gi.data.toString().length==0)
gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
else{
if(gi.data.toString()=="haha"){
gi.setStyle("backgroundColor","#77FF88");//backgroundColor="#54D3EE"
}
else{
gi.setStyle("backgroundColor","#54D3EE");//backgroundColor="#54D3EE"
}
}
}
}
private function clickitem(e:MouseEvent):void{
var gi:GridItem= e.currentTarget as GridItem;
if(oldItem!=null){
oldItem.data="";
oldItem.setStyle("backgroundColor","");
}
gi.data="hehe";
gi.setStyle("backgroundColor","#54D3EE");
oldItem=gi;

var d:int=int((gi.getChildAt(0) as Label).data);
var dd:Date=new Date(yy,mm,d);
var o=new Object;
o.data=gi;//封装对象
o.date=yy+"-"+(mm+1)+"-"+d;//封装日期
dispatchEvent(new ResultEvent("ItemClick",false,true,o));
}

private function nextMonth(n:int):void{
mm+=n;
if(mm==12){
yy++;
mm=0;
}
if(mm==-1)
{
yy--;
mm=11;
}
changeDate();
}

private function nextYear(n:int):void{
yy+=n;
changeDate();
}
private function currentDate():void{
var d:Date=new Date();
yy=d.getFullYear();
mm=d.getMonth();
changeDate();
}
]]>
</mx:Script>
<mx:Canvas backgroundColor="#CEE2E8" left="0" right="0" top="0" height="28" borderStyle="solid" borderThickness="1">
<mx:Button right="3" top="3" height="20" click="nextYear(1);" width="20." icon="@Embed(source='images/nn.gif')"/>
<mx:Button top="3" left="25" width="20" click="nextMonth(-1);" height="20" icon="@Embed(source='images/p.gif')"/>
<mx:Button top="3" left="3" width="20" click="nextYear(-1);" height="20" icon="@Embed(source='images/pp.gif')"/>
<mx:Button top="3" height="20" right="25" click="nextMonth(1);" width="20" icon="@Embed(source='images/n.gif')"/>
<mx:Label id="lblYear" text="2010年8月 " textAlign="center" right="100" left="100" fontSize="14" top="2"/>
<mx:Button icon="@Embed(source='images/now.gif')" click="currentDate()" height="20" width="20" top="3" horizontalCenter="60"/>
</mx:Canvas>
<mx:Grid id="dg1" verticalGap="2" horizontalGap="2" top="30" bottom="3" left="3" right="3">
<mx:GridRow width="100%" height="20" fontWeight="bold" color="#CB0538">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderColor="#0125FD" borderThickness="0">
<mx:Label text="日" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="一" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="二" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="三" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="四" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="五" width="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD">
<mx:Label text="六" width="100%" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%" borderStyle="none" borderThickness="1">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label id="l1" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l2" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l3" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l4" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l5" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l6" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l7" text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label id="l8" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem id="l9" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem id="l10" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem id="l11" width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l12" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l13" text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label id="l14" text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
<mx:GridRow width="100%" height="100%">
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)" >
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="100%" textAlign="center"/>
</mx:GridItem>
<mx:GridItem width="100%" height="100%" borderStyle="solid" borderThickness="0" borderColor="#0125FD" mouseMove="mv(event)" mouseOut="mout(event)">
<mx:Label text="Label" width="100%" height="30" textAlign="center"/>
</mx:GridItem>
</mx:GridRow>
</mx:Grid>
</mx:Module>

Test.MXML代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application fontSize="12" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="com.haha.*" xmlns:ns2="*">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.containers.GridItem;
import mx.rpc.events.ResultEvent;
private function itemClick(e:ResultEvent):void{
var gi:GridItem=e.result.data;
var date:String=e.result.date;
lbl1.text="选择日期:"+date;
}
private function dateChange(e:ResultEvent):void{
if(e.result!=null&&lbl2!=null){
var y:int=e.result.year;
var m:int=e.result.month;
lbl2.text="改变日期:"+y+"年"+m+"月";
if(m==1) md.setDayInfo(1,"\n<font color='#ff0000'>元旦</font>");
if(m==5) md.setDayInfo(1,"\n愚人节");
if(m==6) md.setDayInfo(1,"\n儿童节");
if(m==7) md.setDayInfo(1,"\n建党节");
if(m==8) md.setDayInfo(1,"\n建军节");
if(m==10) md.setDayInfo(1,"\n国庆节");
}
}
private function setDate():void{
var y:int=int(txty.text);
var m:int=int(txtm.text);
md.setDate(y,m);
}
]]>
</mx:Script>
<ns2:MyDate id="md" x="74" y="151" backgroundColor="#F8F4F4" fontSize="12"
ItemClick="itemClick(event)"
DateChange="dateChange(event)">
</ns2:MyDate>
<ns1:MyDateChoose x="588" y="68"/>
<mx:Label x="74" y="56" text="" id="lbl1"/>
<mx:Label x="74" y="91" text="" id="lbl2"/>
<mx:TextInput x="74" y="119" width="70" id="txty"/>
<mx:Label x="152" y="121" text="年"/>
<mx:TextInput x="182" y="119" width="70" id="txtm"/>
<mx:Label x="260" y="121" text="月"/>
<mx:Button x="290" y="119" label="设置" click="setDate()"/>
</mx:Application>

水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言 html javascript 前端 css css3
1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
FlexibleBI系统是现代制造企业提升生产质量和效率的重要工具三坐标CMM质量数据系统制造
SPC（统计过程控制）系统是现代制造企业提升生产质量和效率的重要工具。我们的SPC系统通过一键生成全面的SPC分析报告，帮助企业快速、精准地完成质量分析，并大大减少了手动处理数据的复杂性。FlexibleBI实时更新的控制图在生产过程中，控制图可以实时自动更新，确保企业能够随时掌握生产状态，及时发现并处理潜在问题。系统支持多种标准SPC控制图，如X-bar、R、P等图表，全面覆盖所有常见生产场景。
2019年面试遇到的笔试题程序猿阿峰
前端面试，肯定是少不了笔试题，果然，今天去面试就遇到的笔试题，慌了一批。回来赶紧整理了一下一、css3的常用的新特性？flex布局和传统布局有什么区别？css3的新特性那就多啦，简单的列举了几个：过渡transition:CSS属性，花费时间，效果曲线(默认ease)，延迟时间(默认0)动画animation：动画名称，一个周期花费时间，运动曲线（默认ease），动画延迟（默认0），播放次数（默认
828华为云征文 | 使用Flexus云服务器X实例部署Kubernetes图形化管理平台降世神童华为云服务器 kubernetes
828华为云征文|使用Flexus云服务器X实例部署Kubernetes图形化管理平台1.基础部署环境说明2.部署Kubernetes环境3.部署KubernetesDashboard4.创建登录账号token5.访问KubernetesDashboard1.基础部署环境说明 Kubernetes作为当今最流行的容器编排平台，随着云计算、微服务架构和DevOps文化的普及，Kubernetes在
UI设计行业实战课——工具玉思盈蝶
PxCook墨刀AdobeXDVisioAxureXMindPS：这里先记录下工具吧，有些还没用过。今天开始学习设计篇咯，算是入个门吧。
【CSS in Depth 2 精译_027】4.4 Flexbox 元素对齐、间距等细节处理（下）+ 4.5 本章小结安冬的码畜日常 CSS in Depth 2 css 前端 css3 html5 flexbox css布局
当前内容所在位置（可进入专栏查看其他译好的章节内容）第一章层叠、优先级与继承（已完结）1.1层叠1.2继承1.3特殊值1.4简写属性1.5CSS渐进式增强技术1.6本章小结第二章相对单位（已完结）2.1相对单位的威力2.2em与rem2.3告别像素思维2.4视口的相对单位2.5无单位的数值与行高2.6自定义属性2.7本章小结第三章文档流与盒模型（已完结）3.1常规文档流3.2盒模型3.3元素的高度
flutter app_Flutter App中的错误处理 weixin_26638123 python
flutterappPartofthe‘AWorkinProgress’Series“正在进行的工作”系列的一部分Today,I’mdemonstratinghowtheMVCframeworklibrarypackageisadaptiveandflexibleinitsimplementationofspecificneeds.Inthiscase,I’llshowyouhowtheframe
推荐开源项目：PyTorch-Metric-Learning 潘惟妍
推荐开源项目：PyTorch-Metric-Learningpytorch-metric-learningTheeasiestwaytousedeepmetriclearninginyourapplication.Modular,flexible,andextensible.WritteninPyTorch.项目地址:https://gitcode.com/gh_mirrors/py/pytorc
Javascript应用（TodoList表格）不修×蝙蝠 javascript css 前端 html
Document*{margin:0%;padding:0%;}.container{width:30%;margin:150pxauto;min-width:200px;/*设一个保底宽度，以防止特定调整下变形太严重*/}.container.addBox{display:flex;}.container.addBox.info{width:90%;border:2pxsolidaqua;pad
Flex布局 FL1623863121 前端编程 css css3 前端
Flex布局Flex布局也称弹性布局，可以为盒状模型提供最大的灵活性，是布局的首选方案，现已得到所有现代浏览器的支持。基础通过指定display:flex来标识一个弹性布局盒子，称为FLEX容器，容器内部的盒子就成为FLEX容器的成员，容器默认两根轴线，水平的主轴与垂直的交叉轴，主轴的开始位置叫做mainstart，结束位置叫做mainend；交叉轴的开始位置叫做crossstart，结束位置叫做
对话腾讯陈仁健：聊一聊腾讯PAG动效解决方案的生产能力与开源情况 LiveVideoStack_ 影音探索视频编解码开源实时音视频
“PAG到目前为止已经迭代了5年，经历了四个大版本。最新的PAG4.0版本在今年年初开源…”PAG由腾讯研发，是一套完整的动效工作流解决方案，提供从AE(AdobeAfterEffects)导出插件，到桌面预览工具PAGViewer，再到各端的跨平台渲染SDK。能够一键将设计师在AE中制作的动效内容导出成素材文件，并快速上线应用于几乎所有的主流平台。观其发展，可以看出是人们对视频内容生产的效率与丰
VUE3学习路线蜡笔小新星 Vue 学习 vue 经验分享
以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
CSS学习18--伸缩布局乌鸦不像写字台 css学习 css 学习前端
伸缩布局一、伸缩布局二、属性设置一、伸缩布局给父级display:flex;给孩子flex:1;自由变动section{width:1000px;height:200px;border:1pxsolidpink;margin:100pxauto;/*父级盒子添加f1ex*/dispLay:flex;/*伸缩布局模式*/}sectiondiv{height:100%;/*flex:1子盒子添加份数*
css居中大全阿龙哟
css居中大全Horizontally水平居中内联元素text-align:center;块级元素margin:0auto;多个块级元素display:flex;justify-content:center;Vertically垂直居中内联元素中单行文字给定相同paddingpadding-top:30px;padding-bottom:30px;文字垂直居中height:100px;line-h
Aspose.PDF功能演示：在程序中合并 JPG 文件慧都小妮子 pdf github aspose
Aspose.PDF是一款高级PDF处理API，可以在跨平台应用程序中轻松生成，修改，转换，呈现，保护和打印文档。无需使用AdobeAcrobat。此外，API提供压缩选项，表创建和处理，图形和图像功能，广泛的超链接功能，图章和水印任务，扩展的安全控件和自定义字体处理。接下来我们将为您介绍如何借助这款工具在程序中合并JPG文件。AsposeAPI支持流行文件格式处理，并允许将各类文档导出或转换为固
(亲测win/mac)Adobe Premiere Pro (PR 2024)视频编辑软件下载安装和操作指南「已注销」 macos adobe 音视频
目录一、软件简介1.1软件概述1.2主要特点1.3应用领域二、下载三、系统要求3.1Windows系统要求3.2macOS系统要求四、操作指南4.1基础操作4.1.1导入素材4.1.2创建序列4.1.3剪辑素材4.2进阶功能4.2.1添加特效4.2.2音频调整4.2.3动态图形模板一、软件简介1.1软件概述AdobePremierePro（简称PR）是由Adobe公司开发的一款功能强大的视频编辑软
(亲测win/mac)Adobe After Effects(AE2024)图形视频处理软件下载安装和使用教程「已注销」 macos adobe
一、软件简介1.1基本信息AdobeAfterEffects（简称AE）是Adobe公司开发的一款功能强大的图形视频处理软件，广泛应用于电视台、动画制作公司、个人后期制作工作室及多媒体工作室等领域。AE以其卓越的动画和构图标准，为电影、视频、DVD和MacromediaFlash作品增添电影级的视觉效果和细腻动态图形。1.2软件特点高度灵活：AE提供2D和3D合成功能，以及数百种预设效果和动画，让
解决flex最后一排左对齐问题 justify-content: space-between或space-around 虛掷、青春 css flex css html js javascript
*{margin:0;}.parent{width:100vw;height:100vh;box-sizing:border-box;display:flex;justify-content:space-between;flex-direction:row;
flex布局篇——justify-cont:center/space-between/space-around最后一行靠左 Dove言和微信小程序实战全记录 css 前端 css3
正常来说，用到justify-cont:space-between时，最后一行元素是这样的会向两端对齐。为了解决这个办法，可用gap与伪类进行纠正：name备注.box{position:absolute;width:100%;padding:125rpx70rpx;box-sizing:bo
flex弹性布局；justify-content:space-between；最后一行左对齐 m0_56168677 踩坑 css css 前端 css3
第一种方式：需要在父级元素使用一个伪类,设置flex:1；使伪类自动填充剩余的空间；这种方式会使最后一行的边距失效:after{content:"";flex:1;}第二种方式：使用margin-right计算；这种方式适合每一行固定列数的情况；假设每一行只有3列元素，那么当最后一个元素是第二列（即.item:last-child:nth-child(3n+2)）的情况，才需要进行margin-r
华为云Flexus云服务器X实例与AI技术融合的实践探索我的运维人生华为云服务器人工智能运维开发技术共享
华为云Flexus云服务器X实例与AI技术融合的实践探索在当今数字化转型的浪潮中，云计算作为核心技术之一，正以前所未有的速度推动着各行各业的智能化升级。华为云，作为全球领先的云服务提供商，凭借其强大的技术实力和丰富的行业解决方案，持续引领着这一变革。本文将深入探讨华为云Flexus云服务器X实例与AI技术的融合应用，通过实际案例展示如何在微信公众号中集成百度文心大模型，实现智能对话功能，并附上详细
桌面出版与排版软件Adobe InDesign(ID)2024WIN/MAC下载及安装教程 ss_dda adobe macos
目录一、AdobeInDesign软件简介1.1软件概述1.2核心功能1.3应用领域二、下载AdobeInDesign三、系统要求3.1硬件要求3.2软件要求3.3兼容性四、使用前准备4.1学习资源4.2模板与资源4.3备份与版本控制一、AdobeInDesign软件简介1.1软件概述AdobeInDesign是一款专业的桌面出版与排版软件，广泛应用于杂志、书籍、宣传册、海报、报纸、数字出版物等多
18.菜单logo制作不蒸馒头曾口气二手交易平台 javascript 前端 vue.js
菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/logo.jpg'import{ref}from'vue';consttitle=ref('校园二手交易平台').logo{display:flex;width:100%;height:60px;l
如何在 Adobe Admin Console 中创建和管理 Marketo Engage 产品配置文件前端无冕之王前端 javascript 服务器
好的，下面是更加详细的步骤和每一步可能遇到的具体问题及解决方案，帮助你在AdobeAdminConsole中创建和管理MarketoEngage产品配置文件。1.进入AdobeAdminConsole步骤：通过浏览器访问AdobeAdminConsole。使用拥有管理员权限的AdobeID登录。在页面顶部导航栏中，选择"MarketoEngage"，这是你要管理的产品。提示：如果你看不到Marke
Adobe Photoshop (PS2024)完整版WIN/MAC中文软件免费下载安装和快捷键的使用 KOKO_757 adobe photoshop ui
目录一、软件简介1.1产品概述1.2主要功能特点二、安装步骤2.1准备工作下载安装包：2.2安装过程三、常用快捷键3.1基础操作快捷键3.2图像调整快捷键3.3导航与选择快捷键一、软件简介1.1产品概述AdobePhotoshop，简称PS，是由AdobeSystems开发和发行的一款强大的图像编辑和设计软件。自1988年发布以来，Photoshop已成为图像处理领域的行业标准，广泛应用于平面设计
Photoshop 2024 mac/win版：探索图像处理的全新境界艾雪001 photoshop macos 图像处理
Photoshop2024是Adobe推出的最新图像处理与设计软件，它在继承了前作所有优秀特性的基础上，实现了多个方面的质的飞跃。这款软件凭借其卓越的图像处理性能、丰富的创意工具以及精确的选区编辑功能，成为了图像处理领域的佼佼者。Photoshop2024mac/win获取在功能上，Photoshop2024进一步拓展了图像处理的边界。全新的AI智能识别技术，使得图像修复、色彩调整等操作更为精准高
网络工程师-案例18交换机堆叠技术 BinaryStarXin 网络工程师提升计划3 网络工程师提升计划1 网络工程师提升计划2 网络信息与通信网络协议 tcp/ip 交换机堆叠技术 wireshark https
交换机堆叠技术简书各厂商都有自己的交换机堆叠技术(该技术最早起源于思科设备)，这些技术大同小异，都可以把多个硬件交换机堆叠成一个在用户看来是一台交换机的技术。当然堆叠技术可以在核心汇聚交换机或者接入交换机上实施，它们拥有不同的名称。比如华为设备接入层的iStack技术，思科设备接入层的FlexStackPlus、StackWise技术等，再如在核心层交换机上实施框式设备的思科的VSS(Virtua
前端处理后端传的10w条数据孟儿前端
1.这道题在考什么？对于性能优化的处理方案对于前端渲染机制的了解极端情况下的处理及知识领域的广度常规处理constrenderList=async()=>{console.time('列表时间')constlist=awaitgetList();list.forEach(item=>{constdiv=document.createElement('div')div.className='flex
AnnieJS 开源项目教程芮舒淑
AnnieJS开源项目教程AnnieJSAnnieJS引擎是一款专注于互动交互的2d动画引擎。借助于AdobeAnimate以及Annie2x工具将以前开发as3项目的工作流程完美复制到其他需要交互的项目开发中来。更多资源和案例源码在国内码云上:https://gitee.com/flash2x项目地址:https://gitcode.com/gh_mirrors/an/AnnieJS项目介绍An
FxFactory 7.1.1 完整破解版：258个视觉特效插件 FCPX\AE\PR MAC苹果系统爱卖酷后期 final cut pro x after effects premiere pro FCPX插件 AE插件
258个视觉特效超大插件包FCPX\AE\PRMAC苹果系统–258个插件,1000多个效果下载地址：FxFactoryPro7.1.1完整版特效插件点击播放视频查看效果FxFactoryPro是一款非常强大的革命性的视觉特效处理包，它为FinalCutpro、Motion、AdobeAfterEffects、AdobePremiere插件提供超大集合，FxFactoryPro可增强特效效果。Fx
Dom 周华华 JavaScript html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
【Spark九十六】RDD API之combineByKey bit1129 spark
1. combineByKey函数的运行机制 RDD提供了很多针对元素类型为(K,V)的API，这些API封装在PairRDDFunctions类中，通过Scala隐式转换使用。这些API实现上是借助于combineByKey实现的。combineByKey函数本身也是RDD开放给Spark开发人员使用的API之一首先看一下combineByKey的方法说明：
msyql设置密码报错：ERROR 1372 (HY000): 解决方法详解 daizj mysql 设置密码
MySql给用户设置权限同时指定访问密码时，会提示如下错误： ERROR 1372 (HY000): Password hash should be a 41-digit hexadecimal number；问题原因：你输入的密码是明文。不允许这么输入。解决办法：用select password('你想输入的密码');查询出你的密码对应的字符串，然后
路漫漫其修远兮吾将上下而求索周凡杨学习思索
王国维在他的《人间词话》中曾经概括了为学的三种境界古今之成大事业、大学问者，罔不经过三种之境界。“昨夜西风凋碧树。独上高楼，望尽天涯路。”此第一境界也。“衣带渐宽终不悔，为伊消得人憔悴。”此第二境界也。“众里寻他千百度，蓦然回首，那人却在灯火阑珊处。”此第三境界也。学习技术，这也是你必须经历的三种境界。第一层境界是说，学习的路是漫漫的，你必须做好充分的思想准备，如果半途而废还不如不要开始。这里，注
Hadoop(二)对话单的操作朱辉辉33 hadoop
Debug： 1、 A = LOAD '/user/hue/task.txt' USING PigStorage(' ') AS (col1,col2,col3); DUMP A; //输出结果前几行示例： (>ggsnPDPRecord(21),,) (-->recordType(0),,) (-->networkInitiation(1),,)
web报表工具FineReport常用函数的用法总结（日期和时间函数）老A不折腾 finereport 报表工具 web开发
web报表工具FineReport常用函数的用法总结（日期和时间函数）说明：凡函数中以日期作为参数因子的，其中日期的形式都必须是yy/mm/dd。而且必须用英文环境下双引号(" ")引用。 DATE DATE(year,month,day):返回一个表示某一特定日期的系列数。 Year:代表年，可为一到四位数。 Month:代表月份。
c++ 宏定义中的##操作符墙头上一根草 C++
#与##在宏定义中的--宏展开 #include <stdio.h> #define f(a,b) a##b #define g(a) #a #define h(a) g(a) int main() { &nbs
分析Spring源代码之，DI的实现 aijuans spring DI 现源代码
(转) 分析Spring源代码之，DI的实现 2012/1/3 by tony 接着上次的讲，以下这个sample [java] view plain copy print
for循环的进化 alxw4616 JavaScript
// for循环的进化 // 菜鸟 for (var i = 0; i < Things.length ; i++) { // Things[i] } // 老鸟 for (var i = 0, len = Things.length; i < len; i++) { // Things[i] } // 大师 for (var i = Things.le
网络编程Socket和ServerSocket简单的使用百合不是茶网络编程基础 IP地址端口
网络编程;TCP/IP协议网络:实现计算机之间的信息共享,数据资源的交换协议:数据交换需要遵守的一种协议,按照约定的数据格式等写出去端口:用于计算机之间的通信每运行一个程序，系统会分配一个编号给该程序，作为和外界交换数据的唯一标识 0~65535 查看被使用的
JDK1.5 生产消费者 bijian1013 java thread 生产消费者 java多线程
ArrayBlockingQueue：一个由数组支持的有界阻塞队列。此队列按 FIFO（先进先出）原则对元素进行排序。队列的头部是在队列中存在时间最长的元素。队列的尾部是在队列中存在时间最短的元素。新元素插入到队列的尾部，队列检索操作则是从队列头部开始获得元素。 ArrayBlockingQueue的常用方法：
JAVA版身份证获取性别、出生日期及年龄 bijian1013 java 性别出生日期年龄
工作中需要根据身份证获取性别、出生日期及年龄，且要还要支持15位长度的身份证号码，网上搜索了一下，经过测试好像多少存在点问题，干脆自已写一个。 CertificateNo.java package com.bijian.study; import java.util.Calendar; import
【Java范型六】范型与枚举 bit1129 java
首先，枚举类型的定义不能带有类型参数，所以，不能把枚举类型定义为范型枚举类，例如下面的枚举类定义是有编译错的 public enum EnumGenerics<T> { //编译错，提示枚举不能带有范型参数 OK, ERROR; public <T> T get(T type) { return null;
【Nginx五】Nginx常用日志格式含义 bit1129 nginx
1. log_format 1.1 log_format指令用于指定日志的格式，格式： log_format name(格式名称) type(格式样式) 1.2 如下是一个常用的Nginx日志格式： log_format main '[$time_local]|$request_time|$status|$body_bytes
Lua 语言 15 分钟快速入门 ronin47 lua 基础
- - 单行注释 - - [[ [多行注释] - - ]] - - - - - - - - - - - 1. 变量 & 控制流 - - - - - - - - - - num = 23 - - 数字都是双精度 str = 'aspythonstring'
java-35.求一个矩阵中最大的二维矩阵 ( 元素和最大 ) bylijinnan java
the idea is from: http://blog.csdn.net/zhanxinhang/article/details/6731134 public class MaxSubMatrix { /**see http://blog.csdn.net/zhanxinhang/article/details/6731134 * Q35 求一个矩阵中最大的二维
mongoDB文档型数据库特点开窍的石头 mongoDB文档型数据库特点
MongoDD: 文档型数据库存储的是Bson文档-->json的二进制特点：内部是执行引擎是js解释器，把文档转成Bson结构，在查询时转换成js对象。 mongoDB传统型数据库对比传统类型数据库：结构化数据，定好了表结构后每一个内容符合表结构的。也就是说每一行每一列的数据都是一样的文档型数据库：不用定好数据结构，
[毕业季节]欢迎广大毕业生加入JAVA程序员的行列 comsci java
一年一度的毕业季来临了。。。。。。。。正在投简历的学弟学妹们。。。如果觉得学校推荐的单位和公司不适合自己的兴趣和专业，可以考虑来我们软件行业，做一名职业程序员。。。软件行业的开发工具中，对初学者最友好的就是JAVA语言了，网络上不仅仅有大量的
PHP操作Excel – PHPExcel 基本用法详解 cuiyadll PHP Excel
导出excel属性设置//Include classrequire_once('Classes/PHPExcel.php');require_once('Classes/PHPExcel/Writer/Excel2007.php');$objPHPExcel = new PHPExcel();//Set properties 设置文件属性$objPHPExcel->getProperties
IBM Webshpere MQ Client User Issue (MCAUSER) darrenzhu IBM jms user MQ MCAUSER
IBM MQ JMS Client去连接远端MQ Server的时候，需要提供User和Password吗？答案是根据情况而定，取决于所定义的Channel里面的属性Message channel agent user identifier (MCAUSER)的设置。 http://stackoverflow.com/questions/20209429/how-mca-user-i
网线的接法 dcj3sjt126com
一、PC连HUB (直连线)A端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。 B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。二、PC连PC （交叉线）A端：(568A)：白绿，绿，白橙，蓝，白蓝，橙，白棕，棕； B端：（标准568B）：白橙，橙，白绿，蓝，白蓝，绿，白棕，棕。三、HUB连HUB&nb
Vimium插件让键盘党像操作Vim一样操作Chrome dcj3sjt126com chrome vim
什么是键盘党？键盘党是指尽可能将所有电脑操作用键盘来完成，而不去动鼠标的人。鼠标应该说是新手们的最爱，很直观，指哪点哪，很听话！不过常常使用电脑的人，如果一直使用鼠标的话，手会发酸，因为操作鼠标的时候，手臂不是在一个自然的状态，臂肌会处于绷紧状态。而使用键盘则双手是放松状态，只有手指在动。而且尽量少的从鼠标移动到键盘来回操作，也省不少事。在chrome里安装 vimium 插件
MongoDB查询（2）——数组查询[六] eksliang mongodb MongoDB查询数组
MongoDB查询数组转载请出自出处：http://eksliang.iteye.com/blog/2177292 一、概述 MongoDB查询数组与查询标量值是一样的，例如，有一个水果列表，如下所示： > db.food.find() { "_id" : "001", "fruits" : [ "苹
cordova读写文件（1） gundumw100 JavaScript Cordova
使用cordova可以很方便的在手机sdcard中读写文件。首先需要安装cordova插件：file 命令为： cordova plugin add org.apache.cordova.file 然后就可以读写文件了，这里我先是写入一个文件，具体的JS代码为： var datas=null;//datas need write var directory=&
HTML5 FormData 进行文件jquery ajax 上传到又拍云 ileson jquery Ajax html5 FormData
html5 新东西：FormData 可以提交二进制数据。页面test.html <!DOCTYPE> <html> <head> <title> formdata file jquery ajax upload</title> </head> <body> <
swift appearanceWhenContainedIn:(version1.2 xcode6.4) 啸笑天 version
swift1.2中没有oc中对应的方法： + (instancetype)appearanceWhenContainedIn:(Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION; 解决方法：在swift项目中新建oc类如下： #import &
java实现SMTP邮件服务器 macroli java 编程
电子邮件传递可以由多种协议来实现。目前，在Internet 网上最流行的三种电子邮件协议是SMTP、POP3 和 IMAP，下面分别简单介绍。　　◆ SMTP 协议　　简单邮件传输协议(Simple Mail Transfer Protocol,SMTP)是一个运行在TCP/IP之上的协议，用它发送和接收电子邮件。SMTP 服务器在默认端口25上监听。SMTP客户使用一组简单的、基于文本的
mongodb group by having where 查询sql qiaolevip 每天进步一点点学习永无止境 mongo 纵观千象
SELECT cust_id, SUM(price) as total FROM orders WHERE status = 'A' GROUP BY cust_id HAVING total > 250 db.orders.aggregate( [ { $match: { status: 'A' } }, { $group: {
Struts2 Pojo（六） Luob. POJO strust2
注意：附件中有完整案例 1.采用POJO对象的方法进行赋值和传值 2.web配置 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee&q
struts2步骤 wuai struts
1、添加jar包 2、在web.xml中配置过滤器 <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.st

Flex自定义日历控件

你可能感兴趣的:(Flex,J#,Adobe)