nuoyan666
nuoyan666

ExtJS4学习笔记(三)---VBox的使

要使用VBox布局方式，首先的熟悉下一下几个主要属性：

一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。

    1、left（默认）：排列于容器左侧。

    2、center ：控件在容器水平居中。

    3、stretch：控件横向拉伸至容器大小

    4、stretchmax:控件横向拉伸，宽度为最宽控件的宽。

二、flex:数字类型，指示组件在容器中水平呈现方式，通俗的讲，就是指示组件在容器中的相对宽度。

三、pack : 字符类型，指示组件在容器的位置，有如下几种属性。

    1、start（默认）：组件在容器上边

    2、center：组件在容器中间

    3、end：组件在容器的下边

 

HTML代码：

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>VBox---MHZG.NET</title>
  6. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  7. <script type="text/javascript" src="../../bootstrap.js"></script>
  8. <script type="text/javascript" src="../../locale/ext-lang-zh_CN.js"></script>
  9. <script type="text/javascript" src="vbox.js"></script>
  10. <style type="text/css">
  11.         html, body {
  12.             font: normal 12px verdana;
  13.             margin: 0;
  14.             padding: 0;
  15.             border: 0 none;
  16.         }
  17.     </style>
  18. </head>
  20. <body>
  21. </body>
  22. </html>

vbox.js：

 
  1. Ext.onReady(function() {
  2.             var currentName;
  3.             var replace = function(config, name) {
  4.                 var btns = Ext.getCmp('btns');
  5.                 if (name && name != currentName) {
  6.                     currentName = name;
  7.                     btns.remove(0);
  8.                     btns.add(Ext.apply(config));
  9.                 }
  10.             };
  11.              
  12.             var viewport = Ext.create('Ext.Viewport', {
  13.                 layout:'border',
  15.                 items: [{
  16.                     id:'btns',
  17.                     region:'west',
  18.                     baseCls:'x-plain',
  19.                     split:true,
  20.                     width:150,
  21.                     minWidth: 100,
  22.                     maxWidth: 250,
  23.                     layout:'fit',
  24.                     margins: '5 0 5 5',
  25.                     items: {
  26.                         baseCls: 'x-plain',
  27.                         html: '<p style="padding:10px;color:#556677;font-size:11px;">点击右边的按钮查看效果</p>'
  28.                     }
  29.                }, {
  30.                     region:'center',
  31.                     margins: '5 5 5 0',
  32.                     layout: 'anchor',
  33.                     items:[{
  34.                         anchor: '100%',
  35.                         baseCls:'x-plain',
  36.                         layout: {
  37.                             type:'hbox',
  38.                             padding: 10
  39.                         },
  40.                         defaults:{
  41.                             margins:'0 5 0 0',
  42.                             pressed: false,
  43.                             toggleGroup:'btns',
  44.                             allowDepress: false
  45.                         },
  46.                         items: [{
  47.                             xtype:'button',
  48.                             
  49.                             text: 'Spaced / Align: left',
  50.                             handler: function(){
  51.                                 replace({
  52.                                     layout: {
  53.                                         type:'vbox',
  54.                                         padding:'5',
  55.                                         align:'left'
  56.                                     },
  57.                                     defaults:{margins:'0 0 5 0'},
  58.                                     items:[{
  59.                                         xtype:'button',
  60.                                         text: 'Button 1'
  61.                                     },{
  62.                                         xtype:'tbspacer',
  63.                                         flex:1
  64.                                     },{
  65.                                         xtype:'button',
  66.                                         text: 'Button 2'
  67.                                     },{
  68.                                         xtype:'button',
  69.                                         text: 'Button 3'
  70.                                     },{
  71.                                         xtype:'button',
  72.                                         text: 'Button 4',
  73.                                         margins:'0'
  74.                                     }]
  75.                                 }, 'spaced');
  76.                             }
  77.                         },{
  78.                             xtype:'button',
  79.                             text: 'Multi-Spaced / Align: left',
  80.                             handler: function(){
  81.                                 replace({
  82.                                     layout: {
  83.                                         type:'vbox',
  84.                                         padding:'5',
  85.                                         align:'left'
  86.                                     },
  87.                                     defaults:{margins:'0 0 5 0'},
  88.                                     items:[{
  89.                                         xtype:'button',
  90.                                         text: 'Button 1'
  91.                                     },{
  92.                                         xtype:'tbspacer',
  93.                                         flex:1
  94.                                     },{
  95.                                         xtype:'button',
  96.                                         text: 'Button 2'
  97.                                     },{
  98.                                         xtype:'tbspacer',
  99.                                         flex:1
  100.                                     },{
  101.                                         xtype:'button',
  102.                                         text: 'Button 3'
  103.                                     },{
  104.                                         xtype:'tbspacer',
  105.                                         flex:1
  106.                                     },{
  107.                                         xtype:'button',
  108.                                         text: 'Button 4',
  109.                                         margins:'0'
  110.                                     }]
  111.                                 }, 'multi spaced - align left');
  112.                             }
  113.                         },{
  114.                             xtype:'button',
  115.                             text: 'Align: left',
  116.                             handler: function(){
  117.                                 replace({
  118.                                     layout: {
  119.                                         type:'vbox',
  120.                                         padding:'5',
  121.                                         align:'left'
  122.                                     },
  123.                                     defaults:{margins:'0 0 5 0'},
  124.                                     items:[{
  125.                                         xtype:'button',
  126.                                         text: 'Button 1'
  127.                                     },{
  128.                                         xtype:'button',
  129.                                         text: 'Button 2'
  130.                                     },{
  131.                                         xtype:'button',
  132.                                         text: 'Button 3'
  133.                                     },{
  134.                                         xtype:'button',
  135.                                         text: 'Button 4'
  136.                                     }]
  137.                                 }, 'align left');
  138.                             }
  139.                         },{
  140.                             xtype:'button',
  141.                             text: 'Align: center',
  142.                             handler: function(){
  143.                                 replace({
  144.                                     layout: {
  145.                                         type:'vbox',
  146.                                         padding:'5',
  147.                                         align:'center'
  148.                                     },
  149.                                     defaults:{margins:'0 0 5 0'},
  150.                                     items:[{
  151.                                         xtype:'button',
  152.                                         text: 'Button 1'
  153.                                     },{
  154.                                         xtype:'button',
  155.                                         text: 'Button 2'
  156.                                     },{
  157.                                         xtype:'button',
  158.                                         text: 'Button 3'
  159.                                     },{
  160.                                         xtype:'button',
  161.                                         text: 'Button 4'
  162.                                     }]
  163.                                 }, 'align center');
  164.                             }
  165.                         },{
  166.                             xtype:'button',
  167.                             text: 'Align: stretch',
  168.                             handler: function(){
  169.                                 replace({
  170.                                     layout: {
  171.                                         type:'vbox',
  172.                                         padding:'5',
  173.                                         align:'stretch'
  174.                                     },
  175.                                     defaults:{margins:'0 0 5 0'},
  176.                                     items:[{
  177.                                         xtype:'button',
  178.                                         text: 'Button 1'
  179.                                     },{
  180.                                         xtype:'button',
  181.                                         text: 'Button 2'
  182.                                     },{
  183.                                         xtype:'button',
  184.                                         text: 'Button 3'
  185.                                     },{
  186.                                         xtype:'button',
  187.                                         text: 'Button 4'
  188.                                     }]
  189.                                 }, 'align stretch');
  190.                             }
  191.                         },{
  192.                             xtype:'button',
  193.                             text: 'Align: stretchmax',
  194.                             handler: function(){
  195.                                 replace({
  196.                                     layout: {
  197.                                         type:'vbox',
  198.                                         padding:'5',
  199.                                         align:'stretchmax'
  200.                                     },
  201.                                     defaults:{margins:'0 0 5 0'},
  202.                                     items:[{
  203.                                         xtype:'button',
  204.                                         text: 'Jamie'
  205.                                     },{
  206.                                         xtype:'button',
  207.                                         text: 'Aaron'
  208.                                     },{
  209.                                         xtype:'button',
  210.                                         text: 'Tommy'
  211.                                     },{
  212.                                         xtype:'button',
  213.                                         text: 'Ed '
  214.                                     }]
  215.                                 }, 'align stretchmax');
  216.                             }
  217.                         }]
  218.                     },{
  219.                         anchor: '100%',
  220.                         baseCls:'x-plain',
  221.                         layout: {
  222.                             type:'hbox',
  223.                             padding: '0 10 10'
  224.                         },
  225.                         defaults:{
  226.                             margins:'0 5 0 0',
  227.                             pressed: false,
  228.                             toggleGroup:'btns',
  229.                             allowDepress: false
  230.                         },
  231.                         items: [{
  232.                             xtype:'button',
  233.                             text: 'Flex: Even / Align: center',
  234.                             handler: function(){
  235.                                 replace({
  236.                                     layout: {
  237.                                         type:'vbox',
  238.                                         padding:'5',
  239.                                         align:'center'
  240.                                     },
  241.                                     defaults:{margins:'0 0 5 0'},
  242.                                     items:[{
  243.                                         xtype:'button',
  244.                                         text: 'Button 1',
  245.                                         flex:1
  246.                                     },{
  247.                                         xtype:'button',
  248.                                         text: 'Button 2',
  249.                                         flex:1
  250.                                     },{
  251.                                         xtype:'button',
  252.                                         text: 'Button 3',
  253.                                         flex:1
  254.                                     },{
  255.                                         xtype:'button',
  256.                                         text: 'Button 4',
  257.                                         flex:1,
  258.                                         margins:'0'
  259.                                     }]
  260.                                 }, 'align flex even');
  261.                             }
  262.                         },{
  263.                             xtype:'button',
  264.                             text: 'Flex: Ratio / Align: center',
  265.                             handler: function(){
  266.                                 replace({
  267.                                     layout: {
  268.                                         type:'vbox',
  269.                                         padding:'5',
  270.                                         align:'center'
  271.                                     },
  272.                                     defaults:{margins:'0 0 5 0'},
  273.                                     items:[{
  274.                                         xtype:'button',
  275.                                         text: 'Button 1',
  276.                                         flex:1
  277.                                     },{
  278.                                         xtype:'button',
  279.                                         text: 'Button 2',
  280.                                         flex:1
  281.                                     },{
  282.                                         xtype:'button',
  283.                                         text: 'Button 3',
  284.                                         flex:1
  285.                                     },{
  286.                                         xtype:'button',
  287.                                         text: 'Button 4',
  288.                                         flex:3,
  289.                                         margins:'0'
  290.                                     }]
  291.                                 }, 'align flex ratio');
  292.                             }
  293.                         },{
  294.                             xtype:'button',
  295.                             text: 'Flex + Stretch',
  296.                             handler: function(){
  297.                                 replace({
  298.                                     layout: {
  299.                                         type:'vbox',
  300.                                         padding:'5',
  301.                                         align:'stretch'
  302.                                     },
  303.                                     defaults:{margins:'0 0 5 0'},
  304.                                     items:[{
  305.                                         xtype:'button',
  306.                                         text: 'Button 1',
  307.                                         flex:1
  308.                                     },{
  309.                                         xtype:'button',
  310.                                         text: 'Button 2',
  311.                                         flex:1
  312.                                     },{
  313.                                         xtype:'button',
  314.                                         text: 'Button 3',
  315.                                         flex:1
  316.                                     },{
  317.                                         xtype:'button',
  318.                                         text: 'Button 4',
  319.                                         flex:3,
  320.                                         margins:'0'
  321.                                     }]
  322.                                 }, 'align flex + stretch');
  323.                             }
  324.                         },{
  325.                             xtype:'button',
  326.                             text: 'Pack: start / Align: center',
  327.                             handler: function(){
  328.                                 replace({
  329.                                     layout: {
  330.                                         type:'vbox',
  331.                                         padding:'5',
  332.                                         pack:'start',
  333.                                         align:'center'
  334.                                     },
  335.                                     defaults:{margins:'0 0 5 0'},
  336.                                     items:[{
  337.                                         xtype:'button',
  338.                                         text: 'Button 1'
  339.                                     },{
  340.                                         xtype:'button',
  341.                                         text: 'Button 2'
  342.                                     },{
  343.                                         xtype:'button',
  344.                                         text: 'Button 3'
  345.                                     },{
  346.                                         xtype:'button',
  347.                                         text: 'Button 4'
  348.                                     }]
  349.                                 }, 'align pack start + align center');
  350.                             }
  351.                         },{
  352.                             xtype:'button',
  353.                             text: 'Pack: center / Align: center',
  354.                             handler: function(){
  355.                                 replace({
  356.                                     layout: {
  357.                                         type:'vbox',
  358.                                         padding:'5',
  359.                                         pack:'center',
  360.                                         align:'center'
  361.                                     },
  362.                                     defaults:{margins:'0 0 5 0'},
  363.                                     items:[{
  364.                                         xtype:'button',
  365.                                         text: 'Button 1'
  366.                                     },{
  367.                                         xtype:'button',
  368.                                         text: 'Button 2'
  369.                                     },{
  370.                                         xtype:'button',
  371.                                         text: 'Button 3'
  372.                                     },{
  373.                                         xtype:'button',
  374.                                         text: 'Button 4',
  375.                                         margins:'0'
  376.                                     }]
  377.                                 }, 'align pack center + align center');
  378.                             }
  379.                         },{
  380.                             xtype:'button',
  381.                             text: 'Pack: end / Align: center',
  382.                             handler: function(){
  383.                                 replace({
  384.                                     layout: {
  385.                                         type:'vbox',
  386.                                         padding:'5',
  387.                                         pack:'end',
  388.                                         align:'center'
  389.                                     },
  390.                                     defaults:{margins:'0 0 5 0'},
  391.                                     items:[{
  392.                                         xtype:'button',
  393.                                         text: 'Button 1'
  394.                                     },{
  395.                                         xtype:'button',
  396.                                         text: 'Button 2'
  397.                                     },{
  398.                                         xtype:'button',
  399.                                         text: 'Button 3'
  400.                                     },{
  401.                                         xtype:'button',
  402.                                         text: 'Button 4',
  403.                                         margins:'0'
  404.                                     }]
  405.                                 }, 'align pack end + align center');
  406.                             }
  407.                         }]
  408.                     }]
  409.                 }]
  410.             });
  411.         });

 

你可能感兴趣的:(function,Flex,layout,ExtJs,button,border)

  • Qwen3 大模型实战：使用 vLLM 部署与函数调用（Function Call）全攻略 曦紫沐 大模型大模型部署Qwen3vLLM函数调用
    文章摘要本文将带你从零开始，深入掌握如何使用Qwen3-8B大语言模型，结合vLLM进行高性能部署，并通过函数调用（FunctionCall）实现模型与外部工具的智能联动。我们将详细讲解部署命令、调用方式、代码示例及实际应用场景，帮助你快速构建基于Qwen3的智能应用。一、Qwen3简介与部署环境准备Qwen3是通义千问系列的最新一代大语言模型，具备强大的自然语言理解和生成能力，尤其在函数调用、工
  • 修改gitlab默认的语言 Victor刘 gitlab
    文章目录网上的方法1.采用数据库触发器的方法2.登录pg库2.1查看表2.2创建function2.3创建触发器2.4修改历史数据网上的方法网上修改/opt/gitlab/embedded/service/gitlab-rails/config/application.rb的方法，我试了，没生效，没进一步研究1.采用数据库触发器的方法2.登录pg库su-gitlab-psqlpsql-h/var/
  • mysql创建线程处理链接请求 斜不靠谱
    mysqld通过RUN_HOOK(server_state,before_handle_connection,(NULL));调用/**Threadhandlerforaconnection@paramargConnectionobject(Channel_info)Thisfunction(normally)doesthefollowing:-Initializethread//初始化线程-In
  • 构建高性能Web应用：深入Spring WebFlux 李多田
    本文还有配套的精品资源，点击获取简介：SpringWebFlux是Spring框架的一部分，支持反应式编程模型，适合高并发和低延迟Web应用。它提供了非阻塞I/O和事件驱动模型，优化了多核处理器资源的使用。SpringWebFlux拥有两种编程模式，核心组件包括WebHandler,RouterFunction,WebFilter,和WebSession。它与高性能服务器集成，并提供反应式HTTP
  • Serverless架构下Spring Function的创新实践 tmjpz04412 serverless架构spring
    引言：Serverless与Spring生态的交汇背景介绍：云计算与Serverless架构的兴起Spring生态的演进与云原生适配性核心问题：传统Spring应用如何融入Serverless范式Serverless架构的核心特征与挑战事件驱动、弹性伸缩与按需计费冷启动问题与性能优化需求Spring应用在Serverless环境中的典型瓶颈（如依赖注入、上下文初始化）SpringFunction的
  • 开发避坑短篇(7)：Vue+window.print()打印实践 帧栈 避坑指南vue.js前端elementui
    需求vue项目中如何打印当前页面内容？解决办法使用浏览器原生APIwindow.print()，这是最简单直接的方式，通过调用window.print()方法触发浏览器打印功能‌。在vue项目中直接调用print()方法即可，无须引入任何插件。如下：functionhandlePrint(){setTimeout(_=>print(),500)}打印页面样式控制可以使用@mediaprint来控制
  • Could not extract GUID in text file UserSettings\Layouts\CurrentMaximizeLayout.dwlt at line 924. zhannghong2003 Unityunity游戏引擎
    错误提示：无法在文本文件UserSettings\Layouts\CurrentMaximizeLayout.dwlt的第924行提取GUID。UnityEngine.GUIUtility:ProcessEvent(int,intptr,bool&)这个错误发生在Unity无法解析一个损坏或格式错误的布局文件(CurrentMaximizeLayout.dwlt)时。以下是解决方法：解决方案：关闭
  • 控制障碍函数
    控制障碍函数（ControlBarrierFunction,CBF）是控制理论中的一个重要工具，尤其是在确保系统安全和稳定性方面。CBF使得控制系统能够在运行的同时遵循特定的约束条件，从而避免进入不安全的状态。接下来，我们将详细介绍控制障碍函数的定义、性质及其应用。1.控制障碍函数的定义控制障碍函数是用于描述系统状态在某些约束条件下的行为的函数。通常，一个控制障碍函数b:Rn→R通过以下形式定义约
  • 零基础入门uniapp Vue3组合式API版本 鹤早早 uni-app
    前言：小程序学习笔记，课程来源up主咸虾米_。仅记录笔记，大家想学习可以去关注他。1.已安装HBuiderX（目前是4.36版本），微信开发者工具（但还没注册小程序码），相关配置OK了。1.16相关架构学习1.pages-index-index.vuebox1box2.layout{border:1pxsolidred;.box1{border:1pxsolidgreen;}.box2{borde
  • TP5中CURD那点事儿（五） 铁匠简记
    模型关联一般说来模型关系包括一对一HAS_ONEBELONG_TO一对多HAS_MANYBELONG_TO多对多BELONGS_TO_MANY一对多一用户->多条评论Model层User模型Comment模型对应两张表名User.php中创建一个publiccomm()方法publicfunctioncomm(){//这是一个关系模型return$this->hasMany('Comment','
  • Tensorflow-gpu运行时报错Non-OK-status: GpuLaunchKernel GEM的左耳返 pythontensorflow深度学习python
    Tensorflow-gpu运行时报错Non-OK-status:GpuLaunchKernel(FillPhiloxRandomKernelLaunch,num_blocks,block_size,0,d.stream(),gen,data,size,dist)status:Internal:invaliddevicefunctionFatalPythonerror:Aborted说明你安装的C
  • 能分析从服务器收到的消息,Sys.WebForms.PageRequestManagerParserErrorException:无法分析从服务器收到的消息...
    我引起此原因的功能如下：在aspx页面添加按钮JS方法：functiondownPPT(){$("#Btn_DownPPT").click();}…………OnClick="Btn_DownPPT_Click"/>……………………aspx.cs方法protectedvoidBtn_DownPPT_Click(objectsender,EventArgse){…………Response.WriteFil
  • 【WRF-Chem教程第六期】WRF-Chem KPP Coupler 简介 WW、forever WRFWRF-Chem
    WRF-ChemKPPCoupler简介6.1介绍（Introduction）6.2KPP编译所需的系统环境（KPPRequirements）6.3编译WKC（CompilingtheWKC）6.4使用WKC实现化学机制（ImplementingchemicalmechanismswithWKC）当前可用机制（基于WKC的KPP实现）6.5WKC的目录组织结构（LayoutofWKC）WKC所在目
  • Layui核心语法快速入门指南 bemyrunningdog layui前端javascript开发语言
    Layui基本语法学习指南Layui是一个经典的模块化前端框架，以其轻量易用、组件丰富著称。以下是Layui的核心语法结构和使用方法：一、模块加载机制（核心基础）//标准模块加载语法layui.use(['module1','module2'],function(){//回调函数中获取模块varmod1=layui.module1;varmod2=layui.module2;//模块功能调用mod
  • c# winform 五子棋 人机对战 （详细）
    目录1.前言2.人机对战主要功能实现3.其他功能修改4.完整代码1.前言c#winform简单五子棋，支持连续悔棋。-CSDN博客基础版跳链接。建议先阅读。在基础版的界面上增加两个groupBox，并各自放两个radioButton。在基础版上form1.cs中增加变量privateboolisAIThinking=false;//判断是否该ai走privateTimeraiDelayTimer;
  • UE5 自动生成插件汇总：提升创作效率的得力助手 阿贾克斯的黎明 游戏开发ue5
    目录UE5自动生成插件汇总：提升创作效率的得力助手目录一、地形生成插件1.Polycam2.M4电影级地形工具包3.WorldCreatortoUnrealEngine插件二、场景生成插件1.PrometheanAI2.physicallayout（物理布局）三、动画生成插件1.CasterAI2.blender骨骼绑定模型一键导入UE5场景插件MagicBoneUE5RigCreator四、特效
  • python的reduce方法 追逐此刻 pythonpython算法数据结构
    在Python中，reduce是一个用于对序列中的元素进行累积操作的函数。它位于functools模块中，因此在使用之前需要先导入该模块。1.reduce的基本用法fromfunctoolsimportreducereduce(function,sequence[,initial])function：一个接受两个参数的函数，用于对序列中的元素进行累积操作。sequence：一个可迭代对象（如列表、
  • 如何在 Apache Ignite 中创建和使用自定义 SQL 函数（Custom SQL Functions） lang20150928 其他apacheIgnite
    这段内容讲的是如何在ApacheIgnite中创建和使用自定义SQL函数（CustomSQLFunctions）。我们可以分步骤来理解它的含义和用法。一、什么是CustomSQLFunction？ApacheIgnite的SQL引擎支持标准SQL函数（如COUNT、SUM、AVG等），但有时这些内置函数无法满足业务需求。这时，你可以通过编写Java代码，创建自己的SQL函数，并在SQL查询中使用它
  • Android布局文件中的xmlns:tools Huang兄 androidandroid
    2018-01-04文章目录androidapptoolstools可以干什么ErrorhandlingattributesDesign-timeviewattributes(设计时试图属性)tools:insteadofandroidtools:contexttools:itemCounttools:layouttools:listitem/tools:listheader/tools:list
  • 布局管理器android,Android课程---布局管理器之相对布局（一）
    下面示例的是在父容器里如何设置按钮的位置，难度：***，重点是找到一个主按钮，设置它的id，然后根据它来设置其他按钮在父容器的位置。代码示例：android:layout_width="match_parent"android:layout_height="match_parent">android:layout_width="wrap_content"android:layout_height=
  • android开发------编写用户界面之相对布局 cc-Cocos2D-X Android基础
    元素之间总是相对于它们的同级元素或父元素进行排列布局。http://www.cnblogs.com/ai-developers/p/android_relativelayout.html
  • Android 五大布局之线性布局和相对布局 qq_41437225 Android五大布局之（一）线性布局和相对布局android布局线性布局相对布局
    Android五大布局之线性布局和相对布局RelativeLayout的相关的属性相对布局第一类：属性值为true和false的：android:layout_centerHrizontal水平居中android:layout_centerVertial垂直居中android:layout_centerInparent相对于父元素完全居中android:layout_alignParentBott
  • 第六次打卡（11月18日） 徐恩峰
    （1）We'dbeentalkingaboutthebasicservicefacilitiesthat......economyneedsthefunction:roads,bridges,railsystems,watersupplies......andso......（2）Butlately,thelocalandstategovernmenthavestartedtoconsideran
  • 智能合约从入门到精通：Solidity语法之内存变量的布局和状态变量的存储模型... Mathilda91 区块链
    简介：在前面我们已经讲过Solidity语言的一些语法内容，在矩阵元JUICE开放平台的JIDE开发时，一定要注意LayoutinMemory和LayoutofStateVariablesinStorage，即内存变量的布局和状态变量的存储模型。内存变量的布局（LayoutinMemory）Solidity预留了3个32字节大小的槽位：0-64：哈希方法的暂存空间(scratchspace)64-
  • React组件中的this指向问题
    在React组件中，函数定义方式影响this指向的核心原因是箭头函数与普通函数的作用域绑定规则不同，具体差异如下：1.普通函数（function定义）需要手动bind(this)的原因当用function在组件内定义方法时：classMyComponentextendsReact.Component{handleClick(){console.log(this);//若未绑定，此处this为und
  • webpack 配置 style-loader时出现错误：Module build failed (from ../node_modules/style-loader/dist/cjs.js) .ToString()° webpackjavascriptes6/es7webpack前端node.js
    webpack配置style-loader时出现错误，Modulebuildfailed(from…/node_modules/style-loader/dist/cjs.js):TypeError:this.getOptionsisnotafunctionatObject.loader1.确保loader配置中的顺序，loader的执行顺序是从右到左，从下到上的，这里要注意style-loade
  • PyQt5窗口背景设置全攻略：三种方法实现精美界面
    QSS样式表法（最常用）特点：声明式语法、支持CSS特性、子控件自动继承样式1.纯色背景设置创建主窗口并设置黄色背景win=QMainWindow()win.setObjectName("MainWindow")win.setStyleSheet("#MainWindow{background-color:yellow}")2.背景图片设置（自适应尺寸）使用border-image实现背景图平铺w
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • python和vue结合开发前端_Python--前端之路-----Vue
    Vue导入Vue创建vue对象加载后执行：绑定：varvm=newVue({el:"#标签的id，此处类似于选择器",属性，方法})属性：data：{属性1："值1",属性2：值2，属性：true}方法：methods：{方法名1:function(){执行内容}，方法名2:function(){执行内容}}监听：watch：{属性名：function(){监听vue属性的数据变化，属性发生修改执
  • Qt调试详细日志文件输出 王宪笙 Qt学习总结qt开发语言
    Qt调试详细日志文件输出qSetMessagePattern函数通过qSetMessagePattern函数，实现定制化输出。占位符描述如下：%{appname}:应用名字%{file}:源文件路径%{function}:函数%{line}:源文件所在行%{message}:实际的消息%{pid}:应用进程号%{threadid}:线程ID%{type}:日志类型(如Debug、Warning、C
  • 集合框架 天子之骄 java数据结构集合框架
       集合框架 集合框架可以理解为一个容器，该容器主要指映射(map)、集合(set)、数组(array)和列表(list)等抽象数据结构。 从本质上来说，Java集合框架的主要组成是用来操作对象的接口。不同接口描述不同的数据类型。   简单介绍：   Collection接口是最基本的接口，它定义了List和Set，List又定义了LinkLi
  • Table Driven（表驱动）方法实例 bijian1013 javaenumTable Driven表驱动
    实例一： /** * 驾驶人年龄段 * 保险行业，会对驾驶人的年龄做年龄段的区分判断 * 驾驶人年龄段：01-[18,25);02-[25,30);03-[30-35);04-[35,40);05-[40,45);06-[45,50);07-[50-55);08-[55,+∞) */ public class AgePeriodTest { //if...el
  • Jquery 总结 cuishikuan javajqueryAjaxWebjquery方法
    1.$.trim方法用于移除字符串头部和尾部多余的空格。如：$.trim('   Hello   ') // Hello2.$.contains方法返回一个布尔值，表示某个DOM元素（第二个参数）是否为另一个DOM元素（第一个参数）的下级元素。如：$.contains(document.documentElement, document.body); 3.$
  • 面向对象概念的提出 麦田的设计者 java面向对象面向过程
            面向对象中，一切都是由对象展开的，组织代码，封装数据。   在台湾面向对象被翻译为了面向物件编程，这充分说明了，这种编程强调实体。       下面就结合编程语言的发展史，聊一聊面向过程和面向对象。      c语言由贝尔实
  • linux网口绑定 被触发 linux
    刚在一台IBM Xserver服务器上装了RedHat Linux Enterprise AS 4，为了提高网络的可靠性配置双网卡绑定。 一、环境描述 我的RedHat Linux Enterprise AS 4安装双口的Intel千兆网卡，通过ifconfig -a命令看到eth0和eth1两张网卡。 二、双网卡绑定步骤： 2.1 修改/etc/sysconfig/network
  • XML基础语法 肆无忌惮_ xml
    一、什么是XML？ XML全称是Extensible Markup Language，可扩展标记语言。很类似HTML。XML的目的是传输数据而非显示数据。XML的标签没有被预定义，你需要自行定义标签。XML被设计为具有自我描述性。是W3C的推荐标准。   二、为什么学习XML？ 用来解决程序间数据传输的格式问题 做配置文件 充当小型数据库   三、XML与HTM
  • 为网页添加自己喜欢的字体 知了ing 字体 秒表 css
    @font-face { font-family: miaobiao;//定义字体名字 font-style: normal; font-weight: 400; src: url('font/DS-DIGI-e.eot');//字体文件 } 使用： <label style="font-size:18px;font-famil
  • redis范围查询应用-查找IP所在城市 矮蛋蛋 redis
    原文地址： http://www.tuicool.com/articles/BrURbqV 需求 根据IP找到对应的城市 原来的解决方案 oracle表（ip_country）： 查询IP对应的城市： 1.把a.b.c.d这样格式的IP转为一个数字，例如为把210.21.224.34转为3524648994 2. select city from ip_
  • 输入两个整数， 计算百分比 alleni123 java
    public static String getPercent(int x, int total){ double result=(x*1.0)/(total*1.0); System.out.println(result); DecimalFormat df1=new DecimalFormat("0.0000%");
  • 百合——————>怎么学习计算机语言 百合不是茶 java 移动开发
        对于一个从没有接触过计算机语言的人来说，一上来就学面向对象，就算是心里上面接受的了，灵魂我觉得也应该是跟不上的，学不好是很正常的现象，计算机语言老师讲的再多，你在课堂上面跟着老师听的再多，我觉得你应该还是学不会的，最主要的原因是你根本没有想过该怎么来学习计算机编程语言，记得大一的时候金山网络公司在湖大招聘我们学校一个才来大学几天的被金山网络录取，一个刚到大学的就能够去和
  • linux下tomcat开机自启动 bijian1013 tomcat
    方法一： 修改Tomcat/bin/startup.sh 为: export JAVA_HOME=/home/java1.6.0_27 export CLASSPATH=$CLASSPATH:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:. export PATH=$JAVA_HOME/bin:$PATH export CATALINA_H
  • spring aop实例 bijian1013 javaspringAOP
    1.AdviceMethods.java package com.bijian.study.spring.aop.schema; public class AdviceMethods { public void preGreeting() { System.out.println("--how are you!--"); } } 2.beans.x
  • [Gson八]GsonBuilder序列化和反序列化选项enableComplexMapKeySerialization bit1129 serialization
    enableComplexMapKeySerialization配置项的含义  Gson在序列化Map时，默认情况下，是调用Key的toString方法得到它的JSON字符串的Key，对于简单类型和字符串类型，这没有问题，但是对于复杂数据对象，如果对象没有覆写toString方法，那么默认的toString方法将得到这个对象的Hash地址。   GsonBuilder用于
  • 【Spark九十一】Spark Streaming整合Kafka一些值得关注的问题 bit1129 Stream
    包括Spark Streaming在内的实时计算数据可靠性指的是三种级别： 1. At most once，数据最多只能接受一次，有可能接收不到 2. At least once, 数据至少接受一次，有可能重复接收 3. Exactly once  数据保证被处理并且只被处理一次，   具体的多读几遍http://spark.apache.org/docs/lates
  • shell脚本批量检测端口是否被占用脚本 ronin47
    #!/bin/bash cat ports |while read line do#nc -z -w 10 $line nc -z -w 2 $line 58422>/dev/null2>&1if[ $?-eq 0]then echo $line:ok else echo $line:fail fi done 这里的ports 既可以是文件
  • java-2.设计包含min函数的栈 bylijinnan java
    具体思路参见：http://zhedahht.blog.163.com/blog/static/25411174200712895228171/ import java.util.ArrayList; import java.util.List; public class MinStack { //maybe we can use origin array rathe
  • Netty源码学习-ChannelHandler bylijinnan javanetty
    一般来说，“有状态”的ChannelHandler不应该是“共享”的，“无状态”的ChannelHandler则可“共享” 例如ObjectEncoder是“共享”的, 但 ObjectDecoder 不是 因为每一次调用decode方法时，可能数据未接收完全（incomplete）， 它与上一次decode时接收到的数据“累计”起来才有可能是完整的数据，是“有状态”的 p
  • java生成随机数 cngolon java
    方法一： /** * 生成随机数 * @author [email protected] * @return */ public synchronized static String getChargeSequenceNum(String pre){ StringBuffer sequenceNum = new StringBuffer(); Date dateTime = new D
  • POI读写海量数据 ctrain 海量数据
    import java.io.FileOutputStream; import java.io.OutputStream; import org.apache.poi.xssf.streaming.SXSSFRow; import org.apache.poi.xssf.streaming.SXSSFSheet; import org.apache.poi.xssf.streaming
  • mysql 日期格式化date_format详细使用 daizj mysqldate_format日期格式转换日期格式化
    日期转换函数的详细使用说明  DATE_FORMAT(date,format) Formats the date value according to the format string. The following specifiers may be used in the format string. The&n
  • 一个程序员分享8年的开发经验 dcj3sjt126com 程序员
      在中国有很多人都认为IT行为是吃青春饭的，如果过了30岁就很难有机会再发展下去!其实现实并不是这样子的，在下从事.NET及JAVA方面的开发的也有8年的时间了，在这里在下想凭借自己的亲身经历，与大家一起探讨一下。 明确入行的目的 很多人干IT这一行都冲着“收入高”这一点的，因为只要学会一点HTML, DIV+CSS，要做一个页面开发人员并不是一件难事，而且做一个页面开发人员更容
  • android欢迎界面淡入淡出效果 dcj3sjt126com android
    很多Android应用一开始都会有一个欢迎界面，淡入淡出效果也是用得非常多的，下面来实现一下。 主要代码如下： package com.myaibang.activity; import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.CountDown
  • linux 复习笔记之常见压缩命令 eksliang tar解压linux系统常见压缩命令linux压缩命令tar压缩
    转载请出自出处:http://eksliang.iteye.com/blog/2109693 linux中常见压缩文件的拓展名 *.gz gzip程序压缩的文件 *.bz2 bzip程序压缩的文件 *.tar tar程序打包的数据，没有经过压缩 *.tar.gz tar程序打包后，并经过gzip程序压缩 *.tar.bz2 tar程序打包后，并经过bzip程序压缩 *.zi
  • Android 应用程序发送shell命令 gqdy365 android
    项目中需要直接在APP中通过发送shell指令来控制lcd灯，其实按理说应该是方案公司在调好lcd灯驱动之后直接通过service送接口上来给APP，APP调用就可以控制了，这是正规流程，但我们项目的方案商用的mtk方案，方案公司又没人会改，只调好了驱动，让应用程序自己实现灯的控制，这不蛋疼嘛！！！！ 发就发吧！ 一、关于shell指令： 我们知道，shell指令是Linux里面带的
  • java 无损读取文本文件 hw1287789687 读取文件无损读取读取文本文件charset
    java 如何无损读取文本文件呢？ 以下是有损的 @Deprecated public static String getFullContent(File file, String charset) { BufferedReader reader = null; if (!file.exists()) { System.out.println("getFull
  • Firebase 相关文章索引 justjavac firebase
    Awesome Firebase 最近谷歌收购Firebase的新闻又将Firebase拉入了人们的视野，于是我做了这个 github 项目。 Firebase 是一个数据同步的云服务，不同于 Dropbox 的「文件」，Firebase 同步的是「数据」，服务对象是网站开发者，帮助他们开发具有「实时」（Real-Time）特性的应用。 开发者只需引用一个 API 库文件就可以使用标准 RE
  • C++学习重点 lx.asymmetric C++笔记
    1.c++面向对象的三个特性：封装性，继承性以及多态性。   2.标识符的命名规则：由字母和下划线开头，同时由字母、数字或下划线组成；不能与系统关键字重名。   3.c++语言常量包括整型常量、浮点型常量、布尔常量、字符型常量和字符串性常量。   4.运算符按其功能开以分为六类：算术运算符、位运算符、关系运算符、逻辑运算符、赋值运算符和条件运算符。 &n
  • java bean和xml相互转换 q821424508 javabeanxmlxml和bean转换java bean和xml转换
    这几天在做微信公众号 做的过程中想找个java bean转xml的工具，找了几个用着不知道是配置不好还是怎么回事，都会有一些问题， 然后脑子一热谢了一个javabean和xml的转换的工具里，自己用着还行，虽然有一些约束吧 ， 还是贴出来记录一下      顺便你提一下下，这个转换工具支持属性为集合、数组和非基本属性的对象。   packag
  • C 语言初级 位运算 1140566087 位运算c
    第十章 位运算   1、位运算对象只能是整形或字符型数据，在VC6.0中int型数据占4个字节   2、位运算符： 运算符 作用 ~ 按位求反 << 左移 >> 右移 & 按位与 ^ 按位异或 | 按位或 他们的优先级从高到低；   3、位运算符的运算功能： a、按位取反： ~01001101 = 101
  • 14点睛Spring4.1-脚本编程 wiselyman spring4
    14.1 Scripting脚本编程 脚本语言和java这类静态的语言的主要区别是:脚本语言无需编译,源码直接可运行; 如果我们经常需要修改的某些代码,每一次我们至少要进行编译,打包,重新部署的操作,步骤相当麻烦; 如果我们的应用不允许重启,这在现实的情况中也是很常见的; 在spring中使用脚本编程给上述的应用场景提供了解决方案,即动态加载bean; spring支持脚本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他