flex实现股票行情走势图

原文 http://blog.csdn.net/shenjiancomputer/article/details/8051873

flex实现股票行情走势图

第一步：

jsp：1

[html] view plain copy print ?
  1. <%@page import="java.util.Random,java.util.GregorianCalendar"%>  
  2. <?xml version="1.0" encoding="utf-8"?>  
  3. <items>  
  4. <%  
  5.  GregorianCalendar calendar = new GregorianCalendar();  
  6.  int year = calendar.get(calendar.YEAR);  
  7.  int month = calendar.get(calendar.MONTH) + 1;  
  8.  int today = calendar.get(calendar.DAY_OF_MONTH);  
  9.  String strday=year+","+month+","+today+",";  
  10.  int sb = 400;  
  11.  String[] dates = new String[] {strday+"14,60"};  
  12.    
  13.  String crutime=request.getParameter("time");  
  14.  ///crutime=crutime.replace(":",",");  
  15.  if(crutime!=null){  
  16.  crutime=crutime.replace(":",",");  
  17.  dates = new String[] {strday+crutime};  
  18.    
  19.  }  
  20.  for (int i = 0; i < dates.length; i++) {  
  21.   Random random = new Random();  
  22.   int r = random.nextInt(1000);  
  23. %>  
  24. <item> <value>  
  25. <%  
  26.  if (i < 10) {  
  27. %><%=r%>  
  28. <%  
  29.  }  
  30. %>  
  31. </value> <date><%=dates[i]%></date> <sb><%=sb%></sb> </item>  
  32. <%  
  33.  }  
  34. %>  
  35. </items>  

 

jsp：2

[html] view plain copy print ?
  1. <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>  
  2. <%  
  3. String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath();  
  4. %>  
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  6. <html>  
  7.   <head>  
  8.  <meta http-equiv="pragma" content="no-cache">  
  9.  <meta http-equiv="cache-control" content="no-cache">  
  10.  <meta http-equiv="expires" content="0">      
  11.  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  12.  <meta http-equiv="description" content="This is my page">  
  13.  <SCRIPT language="JScript.Encode" src="Js/SwfObject.js" type="text/javascript"></SCRIPT>  
  14.   </head>  
  15.   <body topmargin="0" leftmargin="0">  
  16.   <div align="center" style="margin-top: 40;">  
  17.     <div id="flashcontent" width="600"  height="400" align="center"  ></div>  
  18.   <script type="text/javascript">  
  19.      var so = new SWFObject("<%=path%>/testfrist.swf", "Main", "600", "400","9.0", "#ffffff", "high");  
  20.      so.addVariable("myAmfurl","<%=path%>/nxsy.jsp");  
  21.      so.addVariable("myAmtitle","牛熊双赢");  
  22.      so.write("flashcontent");  
  23.   </script>  
  24.  </div>  
  25.   </body>  
  26. </html>  

 



 

第二步flex代码：

[plain] view plain copy print ?
  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" backgroundColor="white" creationComplete="init();">  
  2. <mx:Style>  
  3.     .font12{font-family:宋体;fontSize:15}   
  4.       
  5.  .lenchar{  
  6.    bar-color:red;  
  7.  }  
  8.       
  9. .mypanelTitle {  
  10.    color: #66ccff;  
  11.    fontFamily: Comic Sans MS;  
  12.    fontWeight: normal;  
  13.    textDecoration: underline;  
  14. }  
  15. </mx:Style>  
  16. <mx:Script><![CDATA[  
  17.  import flash.sampler.getMemberNames;  
  18.  import mx.charts.chartClasses.IAxis;  
  19.  import mx.charts.LinearAxis;  
  20.  import mx.charts.HitData;  
  21. import mx.collections.ArrayCollection;  
  22. import mx.rpc.events.ResultEvent;  
  23. import mx.controls.Alert;  
  24. import mx.charts.renderers.CircleItemRenderer;  
  25. import mx.graphics.Stroke;  
  26. import mx.controls.DateField;  
  27. [Bindable]  
  28. private var myAmfurl:String = ""; //用于连接到外部页面  
  29. [Bindable]  
  30. private var myAmtitle:String = ""; //用于连接到外部页面  
  31. [Bindable]  
  32. public var testDatas:ArrayCollection=new ArrayCollection();   
  33. [Bindable]  
  34. private var expenses:ArrayCollection = new ArrayCollection();   
  35. [Bindable]  
  36. private var arr:Array = new Array();  
  37. [Bindable]  
  38. private var mintime:Date;  
  39. [Bindable]  
  40. private var maxtime:Date;  
  41. [Bindable]  
  42. private var smintime:Date;  
  43. [Bindable]  
  44. private var emaxtime:Date;  
  45. private var timer:Timer;  
  46. private var stocksb:Number;  
  47. private var dateVar:Date;  
  48. private var d: Date = new Date();  
  49. private function init():void{   
  50.       
  51.    // setInterval(torequest,2000);  
  52. myAmfurl = Application.application.parameters.myAmfurl;       //风险追溯链接  
  53. myAmtitle=Application.application.parameters.myAmtitle;   
  54. timer = new Timer(1000);   
  55. timer.addEventListener(TimerEvent.TIMER, torequest)   
  56. timer.start();   
  57.      
  58. }  
  59. public function torequest(et:Event):void{    
  60.   setstyle();  
  61.         realtimeservice.send();   
  62. }  
  63. //用于设置样式  
  64. public function setstyle():void{  
  65.      
  66. }  
  67. private function formatDataTip(hitData:HitData):String  
  68.     {  
  69.     var s:String = hitData.item.date.toString();  
  70.     var a:Array = s.split(",");  
  71.     var str:String=a[3]+":"+a[4];  
  72.     str += "\n";  
  73.     str += hitData.item.value;  
  74.     return str;  
  75.     }  
  76. private function parseDate(value:String):Date{  
  77.       
  78.      var a:Array = value.split(",");  
  79.      var newDate:Date = new Date(a[0],a[1],a[2],a[3],a[4]);  
  80.        
  81.      return newDate;  
  82. }  
  83.    
  84. private function getResult(e:ResultEvent):void{   
  85.    var min:String="";  
  86.                   
  87.               var pattern:RegExp=/,/gi;  
  88.              for each (var resultXML:XML in e.result.item){  
  89.                 
  90.               var tmpobj:Object=new Object();  
  91.               tmpobj.value=resultXML.value;  
  92.               tmpobj.date=resultXML.date;  
  93.               tmpobj.sb=resultXML.sb;  
  94.               stocksb=Number(tmpobj.sb);  
  95.               var str=tmpobj.date;  
  96.               var a:Array = str.split(",");  
  97.      mintime= new Date(a[0],a[1],a[2],9,30);  
  98.      smintime= new Date(a[0],a[1],a[2],11,30);  
  99.      min=tmpobj.date;  
  100.      maxtime=new Date(a[0],a[1],a[2],15,00);  
  101.      emaxtime=new Date(a[0],a[1],a[2],13,00);   
  102.      if(expenses.length==0){  
  103.               expenses.addItem(tmpobj);  
  104.                }else{  
  105.               var check:int=0;  
  106.                if(expenses.length>0){  
  107.                  for each(var subtempobj:Object in expenses){  
  108.                   if(String(subtempobj.date).replace(pattern,"")==String(tmpobj.date).replace(pattern,"")){  
  109.                   check=1;  
  110.                   }  
  111.                  }  
  112.                }  
  113.                if(check==0){  
  114.                 expenses.addItem(tmpobj);  
  115.                 check=0;  
  116.                }  
  117.                }  
  118.                 
  119.                 
  120.              }  
  121.         var tmpobj1:Object=new Object();  
  122.          var tmpobj2:Object=new Object();  
  123.         var a:Array = min.split(",");  
  124.         tmpobj1.value=stocksb;  
  125.         tmpobj1.date=a[0]+","+a[1]+","+a[2]+","+"9,30";  
  126.         tmpobj2.value=stocksb;  
  127.         tmpobj2.date=a[0]+","+a[1]+","+a[2]+","+"15,00";  
  128.         testDatas.addItem(tmpobj1);  
  129.         testDatas.addItem(tmpobj2);  
  130. }   
  131. private function mylabel(labelValue:Object, previousValue:Object, d:IAxis):String  {    
  132.  var temp:String="";   
  133.  var currvalue:Number = Number(labelValue.toString());  
  134.  if(currvalue>stocksb){  
  135.    temp = '<font color="#ff0000" size="11">'+labelValue.toString()+'</font>';  
  136.   }else{  
  137.   temp = '<font color="#48ff00" size="11">'+labelValue.toString()+'</font>';  
  138.   }  
  139.  return temp;  
  140.   }   
  141.    
  142. ]]></mx:Script>  
  143.     <!-- Define custom Strokes. -->  
  144.     <mx:Stroke id = "s1" color="#FFFFFF" weight="0.1"/>  
  145.     <mx:Stroke id = "s2" color="#F1F1B8" weight="1"/>  
  146.     <mx:Stroke id = "s3" color="green" weight="1"/>  
  147.     <mx:Stroke id="vstroke" color="red" weight="1" alpha="0.6"/>  
  148.       
  149. <mx:HTTPService result="getResult(event);"  id="realtimeservice" url="{myAmfurl}" useProxy="false" resultFormat="e4x" method="POST">  
  150.         
  151. </mx:HTTPService>  
  152.    
  153. <mx:Panel title="{myAmtitle}"  fontSize="15" height="100%"  width="100%"  color="red" backgroundColor="#000000"  borderStyle="inset">  
  154.    
  155.         
  156. <mx:LineChart styleName="lenchar"  dataTipFunction="formatDataTip" showDataTips="true" height="100%"  width="100%" id="chart" fontFamily=" 宋体" fontSize="12">  
  157. <mx:backgroundElements>  
  158.    <mx:GridLines direction="both">  
  159.     <mx:horizontalStroke>  
  160.                 <mx:Stroke color="red" weight="1" alpha="0.6"/>  
  161.             </mx:horizontalStroke>  
  162.             <mx:verticalStroke>  
  163.                 <mx:Stroke color="red" weight="1" alpha="0.2"/>  
  164.             </mx:verticalStroke>  
  165.    </mx:GridLines>  
  166. </mx:backgroundElements >  
  167.  <!-- vertical axis -->  
  168.   <mx:verticalAxis>  
  169.    <mx:LinearAxis id="va" baseAtZero="false"  title="" labelFunction="mylabel"/>  
  170.   </mx:verticalAxis>     
  171. <mx:horizontalAxis>   
  172. <!--mx:CategoryAxis  id="ca"  categoryField="date" displayName="date" title="date" /-->  
  173. <!--mx:LinearAxis displayName="date" minimum="1" id="ca"  interval="10"/ -->  
  174.  <!--<mx:DateTimeAxis  dataUnits="seconds" interval="30" minimum="{minDate}" maximum="{maxDate}"/>-->  
  175.    
  176. <!--<mx:DateTimeAxis id="hAxis" parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="1" dataUnits="hours"  labelUnits="hours" />-->  
  177. <mx:DateTimeAxis id="hAxis"   
  178.  disabledDays="{[0,6]}"  
  179.  disabledRanges="{[{rangeStart:smintime, rangeEnd:emaxtime}]}"  
  180.  parseFunction="parseDate" interval="1" minimum="{mintime}" maximum="{maxtime}" displayLocalTime="true" dataInterval="30" dataUnits="minutes"  labelUnits="minutes"  
  181.    
  182.   />  
  183. </mx:horizontalAxis>   
  184. <!-- horizontal axis renderer -->  
  185.   <mx:horizontalAxisRenderers>  
  186.    <mx:AxisRenderer axis="{hAxis}" canDropLabels="true" axisStroke="{vstroke}" />  
  187.   </mx:horizontalAxisRenderers>  
  188.     
  189. <mx:verticalAxisRenderers>  
  190.  <mx:AxisRenderer axis="{va}" canDropLabels="true" axisStroke="{vstroke}" />  
  191. </mx:verticalAxisRenderers>  
  192.    
  193.  <!-- series -->  
  194. <mx:series>   
  195. <mx:LineSeries id="series" yField="value"  xField="date" displayName="value" dataProvider="{this.expenses}" lineStroke="{s1}" />  
  196. <mx:LineSeries yField="value" xField="date" displayName="TestData" dataProvider="{this.testDatas}" lineStroke="{s2}" />  
  197. </mx:series>   
  198. </mx:LineChart>  
  199.   
  200. </mx:Panel>  
  201.    
  202. </mx:Application>   

 

你可能感兴趣的:(Flex)

  • CAPL函数-10网络与总线函数 正当少年 CAPLCAPL
    CAPL提供了丰富的网络和总线控制函数，用于管理CAN、LIN、FlexRay等总线通信。以下是主要功能的分类和详细说明：一、总线通信控制函数1.总线启停控制startBus()-启动指定总线startBus("CAN",1);//启动CAN1总线stopBus()-停止指定总线stopBus("LIN",2);//停止LIN2总线resetBus()-复位总线控制器resetBus("FlexR
  • CSS 左侧内容固定，中间内容超出隐藏，右侧内容全部展示demo Shero.李建业 css前端
    左侧内容这是一段很长很长的中间内容，可能会超出容器的宽度，所以我们需要隐藏超出的部分...右侧内容.container{display:flex;justify-content:space-between;width:90%;/*设置容器宽度，根据需要调整*/}.left{flex:60px½auto;/*固定宽度为60px，可以根据需要调整*/white-space:nowrap;/*防止内部文
  • Effective C++ 详解条款23：宁以non-member、non-friend替换member函数 慵懒小书虫 EffectiveC++c++封装成员函数面向对象编程class
    总结：宁可拿non-membernon-friend函数替换member函数。这样做可以增加封装性、包裹弹性（packagingflexibility）和机能扩充性。举例：一个class用来表示网页浏览器。这样的class可能提供的众多函数中，有一些用来清除下载元素高速缓存区、清除访问过的URLS的历史记录、以及移除系统中的所有cookies：classwebBrowser{public:...v
  • uboot linux-kernel buildroot 编译纪要 suirosu linux
    0.进行前先安装linuxmint系统再安装些编译环境:#aptinstallnightpdfgoldendictdevice-tree-compileremacsgit-guiclangqt6*flexbisonnfs-kernel-serverrpcbindgolang-golibssl-devlibavcodex-devgnunumericopen-vm-toolsffmpeglibboos
  • WX小程序/公众号 不努力谁会可怜你？ 前端技术微信小程序
    1WX中的基础知识和应用案例X.1箭头>符号的css写法.address-box{display:flex;justify-content:space-between;color:#999;line-height:90rpx;font-size:28rpx;margin-left:40rpx;}.address-box.address-manage{position:relative;height
  • HTML5前端第六章节 NaZiMeKiY HTML5html5前端html1024程序员节
    一.标准流，浮动，flex布局1.标准流概念：标准流又叫文档流，指的是标签在页面中默认的排布规则，例如块元素独占一行，行内元素可以一行显示多个等等排布规则2.浮动（1）.作用：让块元素水平排列（2）.属性名：float（3）.属性值：left（左对齐），right（右对齐）.test_one{width:300px;height:300px;background-color:blueviolet;
  • 蓝桥杯web备赛---css篇 菥菥爱嘻嘻 蓝桥杯备赛前端蓝桥杯css
    2、CSS写在前面：css一定要掌握flex,grid以及position布局方式，另外之前考过文字溢出的问题，需要注意一下。position:sticky粘性定位记住要设置top:定位在什么位置，不然是不起作用的一些题目：文字溢出的问题：文字很多导致文字溢出，我们如下列设置就可以达到：显示2行，剩余的内容用省略号（…）替代.more2_info_name{overflow:hidden;text
  • CSS居中 旺代 css前端
    目录一、水平居中方案1.行内/行内块元素2.块级元素（固定宽度）3.Flex布局4.Grid布局二、垂直居中方案1.单行文本/行内元素2.表格单元格特性3.Flex布局4.Grid布局5.绝对定位（已知高度）三、水平垂直同时居中1.Flex布局（推荐）2.Grid布局（推荐）3.绝对定位+Transform（未知尺寸）4.绝对定位+Margin（已知尺寸）5.表格布局四、方案对比与选型建议五、最佳
  • CSS圣杯布局与双飞翼布局 旺代 css前端
    目录一、圣杯布局（HolyGrailLayout）1.核心特点2.实现步骤3.优点与缺点二、双飞翼布局（DoubleWingsLayout）1.核心特点2.实现步骤3.优点与缺点三、圣杯布局vs双飞翼布局四、现代替代方案（Flexbox和Grid）1.Flexbox实现三栏布局2.Grid实现三栏布局五、总结一、圣杯布局（HolyGrailLayout）1.核心特点三栏结构：左栏（固定宽度）、中间
  • CSS网格布局Grid 旺代 css前端
    目录一、Grid网格布局1.Grid布局基础2.网格容器属性3.网格项目属性4.高级功能5.典型应用场景6.最佳实践二、Flex和Grid对比示例：一、Grid网格布局CSSGrid是一种强大的二维布局系统，能够以行和列的方式精确控制网页布局。它比传统的布局方式（如浮动、定位）更灵活、更强大，适合构建复杂的响应式网页。1.Grid布局基础1.核心概念网格容器（GridContainer）：设置di
  • 如何在华为云服务器查看IP地址，及修改服务器登录密码！！！ 懒羊羊大王& Linux（系统+网络）c++(初阶)C语言华为云服务器运维
    1.在华为云服务器查看IP地址(1).第一步：先找到控制台(2).第二步：点击华为云Flexus云服务(3)第三步：找到公网IP，就找到华为云服务器IP地址啦。注意：在操作以上步骤的前提是要已注册华为云账号及购买云服务器。2.修改服务器登录密码接着上述页面，点击右下方三个点找到重置密码即可。还有重装系统，切换镜像等其他功能。小结：使用xshell和华为云服务器比使用wmware方便的多，而且wmw
  • 翻译：高级跨浏览器Flexbox布局 本是后山人 flexflexbox兼容布局跨浏览器
    原文：https://dev.opera.com/articles/advanced-cross-browser-flexbox/介绍CSS灵活盒模块级3-简称Flexbox-它为web开发带来了很多的动力和一些非常令人兴奋的可能性，使我们能够在一些复杂的站点布局很容易和迅速，摒弃一些不合逻辑的hacks和组装件我们传统上使用。我在文章Flexbox中处理了Flexbox的基础知识：快速布局必杀技
  • CSS3的弹性布局 人生的方向随自己而走 2023年前端项目空间2022年Java空间HTML5+CSScss3css前端
    CSS3弹性盒子(FlexBox)弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。官网地址学习路径:CSS3弹性盒子-JavaScript中文网-JavaScript教程
  • 前端面试题100题：问答精选与简明解析 薛飞之 前端react.jsjavascript前端框架
    HTML5有哪些新特性？语义标签（如，），多媒体标签（如，），离线存储（localStorage，sessionStorage），新的表单控件（如，）。CSS3有哪些新特性？边框圆角（border-radius），阴影（box-shadow，text-shadow），渐变（linear-gradient，radial-gradient），弹性盒模型（flexbox），媒体查询。JavaScript
  • 灵活运用HarmonyOS NEXT布局管理器，实现完美的自适应布局 harmonyos
    灵活运用HarmonyOSNEXT布局管理器，实现完美的自适应布局在多设备和多样化的屏幕尺寸环境中开发应用时，创建一个既能适应不同屏幕尺寸又能保持良好视觉效果的布局至关重要。本文将深入探讨HarmonyOSNEXT提供的几种布局管理器及其工作原理，指导开发者如何利用这些工具实现高效的自适应布局，并提供API12版本的具体示例代码。Flex布局：沿主轴和交叉轴排列子元素Flex布局是一种强大的布局模
  • 内核调试环境：buildroot/debootstrap制作文件系统、编译内核、QEMU模拟 苏打呀 linuxqemukernel
    编译内核#安装常用工具和依赖，可能会多，懒得分了，全装了吧反正以后说不定还要用。。。sudoaptinstallcurlwgetgpgzshtreegitnet-toolsproxychains4remminavimtarstracellvmclangunzipgccgcc-multilibbuild-essentialflexbisoncmakemakegawkdkmsautoconfninja
  • 前端如何实现一个五星评价，鼠标滑动，前边星星颜色的变黄，后边的不变； 修心光 前端
    直接上代码.star-rating{display:flex;padding:10px0;}.star{position:relative;width:40px;height:40px;}.half{position:absolute;top:0;width:20px;height:40px;overflow:hidden;font-size:40px;color:#e0e0e0;cursor:p
  • 【深度学习】 PyTorch一文详解 Nerous_ 深度学习深度学习pytorch人工智能机器学习python
    “PyTorchisadeeplearningframeworkthatprioritizessimplicityandflexibility,makingitthego-tochoiceforbothresearchersanddevelopers.”—Anonymous1.PyTorch简介1.1PyTorch的背景与发展PyTorch是由Facebook人工智能研究院（FAIR）开发的一个开
  • 微信小程序云开发实现登录功能 Bilkan-studio 微信小程序小程序前端
    使用云开发数据库实现登录功能，多的不说了直接看代码登录功能代码段WXML代码账号密码登录WXSS代码page{width:100%;height:100%;direction:ltr;}.waikuang{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:colu
  • 封装一个分割线组件 小张快跑。 Vue2封装功能组件csscss3前端
    最终样式Vue2代码{{title}}exportdefault{name:'SepLine',props:{title:{type:String,default:'照片元数据'//默认值}}}/*样式7*/.sep-line{position:relative;height:28px;width:100%;display:-webkit-box;display:-ms-flexbox;displ
  • 大厂裁员不断，这个高薪岗位却找不到人？
    大家好，我是陈哥。当下，裁员潮席卷全球：微软裁撤万人级游戏部门，谷歌AI伦理团队被优化，亚马逊用机器人取代数万仓储岗位。然而，DevOps工程师的招聘却逆势而上。据美国在线求职平台FlexJobs数据显示：2024年第一季度，资深DevOps工程师位列全美远程高薪岗位第六位，单季度新增空缺约为1500-2000个。在中国，各企业对DevOps工程师的需求同样旺盛，仅2024年9月单月就新增约120
  • 安卓环境脚本 nb的码农 linux杂项linux
    sudoapt-getinstalluuiduuid-devzlib1g-devliblz-devliblzo2-2liblzo2-devlzopgit-corecurlu-boot-toolsmtd-utilsandroid-tools-fsutilsopenjdk-8-jdkdevice-tree-compiler\gdiskm4libz-devgitgnupgflexbisongperfli
  • 鸿蒙30道高频面试题总结 zero_godv harmonyos面试华为
    1.什么是弹性布局？Flex容器，弹性布局分为单行布局和多行布局，单行内：当子元素尺寸总和大于Flex容器尺寸是，子元素会自动挤压。多行内：用wrap属性控制自动换行2.绝对定位和相对定位的区别？绝对定位：position，相对父组件左上角进行偏移，不占位置相对定位：offset，相对自身左上角进行便宜，占位置3.什么是层叠布局？Stack：实现位置的固定定位与层叠，后一个子元素覆盖前一个子元素通
  • Flexbox 布局详细笔记 .毅晨. html5cssvue.jshtmles6npm笔记
    Flexbox布局详细笔记Flexbox（弹性盒子布局）是CSS3中用于实现高效、灵活的页面布局的模块，特别适合处理一维布局（行或列）。以下是核心知识点和常见用法：一、Flexbox基础概念容器（FlexContainer）通过display:flex;或display:inline-flex;将一个元素定义为Flex容器。其直接子元素自动成为Flex项目（FlexItems）。主轴（MainAx
  • 前端学习路线：从零基础到初级工程师的完整指南（2025最新版） 超浪的晨 前端学习
    前言作为连接设计与技术的核心岗位，前端开发在数字化时代持续释放强大生命力。本路线图专为初学者设计，通过「渐进式学习路径」+「实战项目驱动」的模式，助你系统掌握现代前端开发技能体系。一、基础筑基阶段（4-6周）三大核心基石HTML5语义化标签（）表单验证与多媒体支持SEO基础与无障碍访问CSS3Flex/Grid布局（重点掌握）动画与过渡（@keyframes+transition）响应式设计（媒体
  • 10-使用states stone5 actionscriptbuttonapplicationflexencodingnull
    在FLEX术语里，state是视图改变的集，可叫作覆盖，它可以是增加或删除组件，改变属性和行为。每个Flex应用都有至少一个状态，叫basestate。使用Flexstate使你为应用容易地改变视图，在宏或微观级。使用state作屏幕是认为是宏观级的使用，使用state来管理层叠表单和组件的不同视图可认为是微观级的使用。你能创建states在application级和组件级，可用MXML或Acti
  • uni-app 小程序项目四 封装 radio组件、NumberBox组件以及数据问题、滑动删除组件、收货地址组件以及授权问题、结算区域 Hyman-ya uni-app小程序项目uni-app
    购物车页面1.0创建购物车页面的编译模式打开微信开发者工具，点击工具栏上的“编译模式”下拉菜单，选择“添加编译模式”：勾选“启动页面的路径”之后，点击“确定”按钮，新增购物车页面的编译模式：1.1商品列表区域1.11渲染购物车商品列表的标题区域定义如下的UI结构：购物车美化样式：.cart-title{height:40px;display:flex;align-items:center;font
  • Flexmark-Java: 高性能Markdown解析器全面指南 乌想炳Todd
    Flexmark-Java:高性能Markdown解析器全面指南flexmark-javaCommonMark/MarkdownJavaparserwithsourcelevelAST.CommonMark0.28,emulationof:pegdown,kramdown,markdown.pl,MultiMarkdown.WithHTMLtoMD,MDtoPDF,MDtoDOCXconversi
  • Linux--gnome MzKyle Linuxlinuxchrome运维
    一、Gnome核心命令概述Gnome是一款流行的Linux桌面环境，拥有一系列强大的命令来实现系统设置、终端操作、显示管理等多种功能。以下是对Gnome相关命令的分类概述：命令分类常用命令示例核心功能系统设置gsettings、gnome-control-center全局配置管理终端操作gnome-terminal启动终端显示管理gdm、gdmflexiserver图形显示管理器脚本执行gjs、g
  • Web三要素：CSS之Flex/Grid布局(4) 双囍菜菜 前端随记前端css
    CSS布局革命：Flex与Grid的双子星战法文章目录CSS布局革命：Flex与Grid的双子星战法一、布局进化史：从洪荒时代到现代文明二、Flex布局：一维空间的舞蹈家2.1核心概念深度解析容器属性详解：2.2典型应用场景实战导航栏布局（React示例）垂直居中（Vue示例）三、Grid布局：二维空间的指挥官3.1网格系统深度解析核心概念图解：3.2高级布局技巧实战响应式网格（React示例）复
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他