WPF介面設計知識點整理

定義行和列

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="2*"></RowDefinition><!--佔總高度的2/10-->
        <RowDefinition Height="5*"></RowDefinition><!--佔總高度的5/10-->
        <RowDefinition Height="3*"></RowDefinition><!--佔總高度的3/10--> 

    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="200"/><!--佔200px寬度-->
        <ColumnDefinition Width="*"/><!--佔剩餘寬度-->
        <ColumnDefinition Width="Auto"/><!--佔正好佔用的寬度-->
        <ColumnDefinition Width="300"/> 
<!--佔300px寬度-->
    </Grid.ColumnDefinitions>
</Grid>

定義按鈕

設定偏移
- HorizontalAlignment和HorizontalContentAlignment： Left、Center、Right、Stretch(拉伸以佔滿整個空間)
- VerticalAlignment和VerticalContentAlignment： Top、Center、Bottom、Stretch
設定佔行、列
- Grid.Row="0",Grid.Column="0"：佔第一行、第一列
- Grid.Row="1",Gird.RowSpan="2"
  
  ：佔第二行和第三行
設定邊距
- Margin="256,30,0,0": 左上右下
- Margin="10": 四周都為10px
- Margin="10,20"：左右為10px，上下為20px
- Padding：設定內邊距
顯示”<”和”>”
- <: <
- >: >
設定文字
- FontFamily="宋體,Times New Roman"：設定字型為宋體，如果語言不支援宋體，則使用新羅馬字型
- FontSize="16"：設定字型大小為16px
- FontStyle="Italic"：設定字型樣式為斜體
- FontWeight="Bold"：設定字型加粗
- FontStretch="Normal"：設定字型不拉伸
設定按鈕標記
- Cursor="Help"：設定按鈕為幫助
- CaretBrush="white":設定游標為白色

<Button x:Name="Login" Content="&lt;登入&gt;" HorizontalAlignment="Left" Margin="256,30,0,0" Grid.Row="1" Padding="10" VerticalAlignment="Top" Width="75" Grid.ColumnSpan="2"/>

定義輸入框

文字包裝方式
- TextWrapping: NoWrap（不換行）、Wrap（換行）、WrapWithOverflow（換行，但是如果遇到一個單詞不夠放置，允許單詞超出邊界）
- xml:space="preserve"：保留輸入的空格

<TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="55,38,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" xml:space="preserve">空格啊"       "你看</TextBox>

定義邊框

BorderBrush: 定義邊框顏色
BorderThickness：定義邊框粗細
CornerRadius：定義圓角

 <Border BorderBrush="Silver" BorderThickness="2" Name="border1" Padding="10" CornerRadius="10">
    <StackPanel Name="stackPanel1" Orientation="Vertical">
        <Label x:Name="label" Content="Label"/>
        <Button x:Name="button" Content="Button" HorizontalAlignment="Left"/>
        <Button x:Name="button1" Content="Button" VerticalAlignment="Center"/>
        <Button x:Name="button2" Content="Button" Margin="10,10,10,10" MinWidth="100" MaxWidth="200"/>
        <Button x:Name="button3" Content="Button"/>
    </StackPanel>
</Border>

StackPanel

特點：一個控制元件佔一排或者一列

設定控制元件放置方向
- Orientation: Vertical(預設值)、Horizontal
設定控制元件最小、最大寬高
- MinWidth: 最小寬度
- MaxWidth: 最大寬度
- MinHeight:最小高度
- MaxHeight: 最大高度

<StackPanel Name="stackPanel" Orientation="Vertical">
    <Label x:Name="label" Content="Label"/>
    <Button x:Name="button" Content="Button" HorizontalAlignment="Left"/>
    <Button x:Name="button1" Content="Button" VerticalAlignment="Center"/>
    <Button x:Name="button2" Content="Button" Margin="10,10,10,10" MinWidth="100" MaxWidth="200"/>
    <Button x:Name="button3" Content="Button"/>
</StackPanel>

DockPanel

特點：可以使控制元件佔滿自己呆的空間
- LastChildFill（最後一個元素佔滿剩餘空間）：true（預設值）、false
- ###### 設定控制元件位置
- DockPanel.Dock: Left、Top、Right、Bottom

<DockPanel Name="dockPanel" LastChildFill="True">
    <Button x:Name="button1" Content="Top"  DockPanel.Dock="Top" VerticalAlignment="Top" />
    <Button x:Name="button4" Content="Bottom" DockPanel.Dock="Bottom" VerticalAlignment="Top"/>
    <Button x:Name="button2" Content="Left" DockPanel.Dock="Left" Width="75"/>
    <Button x:Name="button" Content="Right" DockPanel.Dock="Right" Width="75"/>
    <Button x:Name="button3" Content="Center"/>
</DockPanel>

WrapPanel

特點：所有控制元件從第一排挨著進行排列，滿了再跳到下一排。

<WrapPanel Name="wrapPanel" Orientation="Horizontal">
    <Button x:Name="button" Content="Button" Width="75" VerticalAlignment="Top"/>
    <Button x:Name="button1" Content="Button" Width="75" Height="75"/>
    <Button x:Name="button2" Content="Button" Width="308" VerticalAlignment="Bottom"/>
    <Button x:Name="button3" Content="Button" Width="75" Height="68"/>
</WrapPanel>

Grid

特點: 其實就是一個表格
- ShowGridLines: true（顯示錶格線）、false（預設）
- UseLayoutRounding: true（對小數四捨五入到整數，防止邊緣模糊）、false（預設）

<Grid ShowGridLines="False" UseLayoutRounding="True">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"  MinWidth="50"></ColumnDefinition>
        <ColumnDefinition Width="Auto"></ColumnDefinition>
        <ColumnDefinition Width="2*" MinWidth="50"></ColumnDefinition>
        <ColumnDefinition Width="4*"></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Button x:Name="button" Content="LeftTop" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Margin="3"/>
    <Button x:Name="button1" Content="CenterTop" Grid.Row="0" Grid.Column="2" Margin="3" />
    <Button x:Name="button2" Content="RightTop" Grid.Row="0" Grid.Column="3" Margin="3"/>
    <Button x:Name="button5" Content="RightBottom" Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="2" Margin="3"/>
    <GridSplitter Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Stretch" Width="3" />
</Grid>

Canvas

基於座標的面板
- Canvas.ZIndex: 設定三維高度
- ###### 設定邊距
- Canvas.Left,Canvas.Top:左、上
- Canvas.Left,Canvas.Bottom:左、下
- Canvas.Right,Canvas.Top:右、上
- Canvas.Right,Canvas.Bottom:右、下

 <Canvas Name="canvas">
    <Button x:Name="button" Content="Button" Canvas.Left="275" Canvas.Top="142" Width="75" Click="button_Click"/>
    <DataGrid x:Name="dataGrid" Canvas.Left="161" Canvas.Top="82" Height="50" Width="104"/>
    <Button x:Name="button1" Content="上層" Canvas.ZIndex="1"  Canvas.Left="172" Canvas.Top="96" Width="75"/>
</Canvas>

InkCanvas

墨水面板
- 通過EditingMode進行面板方式的選擇

 <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="261*"/>
        <ColumnDefinition Width="256*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0" Grid.ColumnSpan="2">
        <ComboBox Name="editingMode" Margin="5" SelectionChanged="editingMode_SelectionChanged"></ComboBox>
    </StackPanel>
    <InkCanvas Grid.Row="1" EditingMode="None" Grid.ColumnSpan="2" Name="inkCanvas">
        <Button x:Name="button" Content="Button" InkCanvas.Left="50" InkCanvas.Top="100"  Height="22" Width="45"/>
    </InkCanvas>
</Grid>

路由事件

直接路由事件

特點：起源於一個元素，並不能傳遞給其他元素。
- MouseEnter事件就是直接路由事件

冒泡路由事件

特點：向上傳遞路由資訊
- MouseUp=”Window_MouseUp”

<!--冒泡路由-->
<Window x:Class="MyEighthWPFDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyEighthWPFDemo"
        mc:Ignorable="d"
        Title="MainWindow" Width="525" MouseUp="Window_MouseUp">
    <Grid Margin="3" MouseUp="Window_MouseUp">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Label Margin="5" Background="AliceBlue" BorderBrush="Black" BorderThickness="1" MouseUp="Window_MouseUp" HorizontalAlignment="Left">
            <StackPanel MouseUp="Window_MouseUp">
                <TextBlock Margin="3" MouseUp="Window_MouseUp">
                    Image and Picture lable
                </TextBlock>
                <Image Source="C:\Users\Administrator\Pictures\2.jpg" Width="100px" Height="100px" Stretch="None" MouseUp="Window_MouseUp" />
                <TextBlock Margin="3" MouseUp="Window_MouseUp">
                    Courtesy of the stackPanel
                </TextBlock>
            </StackPanel>
        </Label>
        <ListBox Margin="5" Name="lstMessage" Grid.Row="1"></ListBox>
        <CheckBox Margin="5" Grid.Row="2" Name="chkHandle">Handle first envent</CheckBox>
        <Button Click="cmdClear_Click" Grid.Row="3" HorizontalAlignment="Center" Margin="5" Padding="3">Clear List</Button>
    </Grid>
</Window>

private void Window_MouseUp(object sender, RoutedEventArgs e)
{
    //冒泡路由，向上傳遞  隧道路由，向下傳遞       隧道事件總是在冒泡事件之前觸發
    eventCounter++;
    string message = $"{eventCounter.ToString()}:\r\n Sender: {sender.ToString()}\r\n Source: {e.Source}\r\n Original Source: {e.OriginalSource} Event: {e.RoutedEvent}";
    lstMessage.Items.Add(message);
    e.Handled = (bool)chkHandle.IsChecked;  //選擇了（true）就不再傳遞
}

隧道路由事件

特點：向下傳遞路由資訊
- PreviewKeyDown=”Window_MouseUp”

<Window x:Class="MyEighthWPFDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyEighthWPFDemo"
        mc:Ignorable="d"
        Title="MainWindow" Width="525" PreviewKeyDown="Window_MouseUp">
    <Grid Margin="3" PreviewKeyDown="Window_MouseUp">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Label Margin="5" Background="AliceBlue" BorderBrush="Black" BorderThickness="1" PreviewKeyDown="Window_MouseUp" HorizontalAlignment="Left">
            <StackPanel PreviewKeyDown="Window_MouseUp">
                <TextBlock Margin="3" PreviewKeyDown="Window_MouseUp">
                    Image and Picture lable
                </TextBlock>
                <Image Source="C:\Users\Administrator\Pictures\2.jpg" Width="100px" Height="100px" Stretch="None" PreviewKeyDown="Window_MouseUp" />
                <TextBox Margin="3" PreviewKeyDown="Window_MouseUp" />
            </StackPanel>
        </Label>
        <ListBox Margin="5" Name="lstMessage" Grid.Row="1"></ListBox>
        <CheckBox Margin="5" Grid.Row="2" Name="chkHandle">Handle first envent</CheckBox>
        <Button Click="cmdClear_Click" Grid.Row="3" HorizontalAlignment="Center" Margin="5" Padding="3">Clear List</Button>
    </Grid>
</Window>

private void Window_MouseUp(object sender, RoutedEventArgs e)
{
    //冒泡路由，向上傳遞  隧道路由，向下傳遞       隧道事件總是在冒泡事件之前觸發
    eventCounter++;
    string message = $"{eventCounter.ToString()}:\r\n Sender: {sender.ToString()}\r\n Source: {e.Source}\r\n Original Source: {e.OriginalSource} Event: {e.RoutedEvent}";
    lstMessage.Items.Add(message);
    e.Handled = (bool)chkHandle.IsChecked;  //選擇了（true）就不再傳遞
}

鍵盤事件

特點：根據鍵盤的動作做出相應的行為
- Focusable="True":設定控制元件能夠獲取焦點
- TabIndex="0"：設定控制元件能夠使用Tab鍵獲取焦點的排名，從0開始
- PreviewKeyDown="KeyEvent"：按鍵按下前事件
- KeyDown="KeyEvent"：按鍵按下時事件
- PreviewTextInput="TextInput"：文字輸入前事件
- TextChanged="TextBox_TextChanged"：文字輸入時事件
- PreviewKeyUp="KeyEvent"：按鍵升起前事件
- KeyUp="KeyEvent"：按鍵升起時事件

<TextBox Focusable="True" TabIndex="0" PreviewKeyDown="KeyEvent" KeyDown="KeyEvent" PreviewTextInput="TextInput" PreviewKeyUp="KeyEvent"  KeyUp="KeyEvent" TextChanged="TextBox_TextChanged"/>

滑鼠事件

特點：根據滑鼠的動作做出相應的行為
- 獲取滑鼠位置

<Grid Margin="5">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <Rectangle Name="rect" Fill="LightBlue" MouseMove="rect_MouseMove"></Rectangle>
    <Button Grid.Row="1" Name="cmdCapture" Click="cmdCapture_Click">Caputure the Mouse</Button>
    <TextBlock Name="lblInfo" Grid.Row="2"></TextBlock>
</Grid>

private void rect_MouseMove(object sender, MouseEventArgs e)
{
    Point point = e.GetPosition(this);
    this.lblInfo.Text = $"You are at ({point.X},{point.Y}) in window coordinate";
}

private void cmdCapture_Click(object sender, RoutedEventArgs e)
{
    Mouse.Capture(this.rect);
    this.cmdCapture.Content = $"Mouse id now captured...";
}

拖動文字
- 輸入框自帶拖動
- Label控制元件需要新增AllowDrop="true"才可以被拖動的內容覆蓋
- MouseDown="lblSource_MouseDown"事件將控制元件內容新增到拖動庫中
- Drop="lblTarget_Drop"事件將控制元件的內容設定為拖動庫中的內容

 <Grid Margin="5">
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <TextBox Padding="10" VerticalAlignment="Center" HorizontalAlignment="Center">Drag from this TextBox</TextBox>
    <Label Grid.Column="1" Padding="20" Background="LightGoldenrodYellow" Name="lblSource" VerticalAlignment="Center" HorizontalAlignment="Center" MouseDown="lblSource_MouseDown">Orginal Label</Label>
    <Label Grid.Row="1" Grid.ColumnSpan="2" Background="LightGoldenrodYellow" VerticalAlignment="Center" HorizontalAlignment="Right" Padding="20" Name="lblTarget" AllowDrop="True" Drop="lblTarget_Drop">Target Label</Label>
    <TextBox Grid.Row="2" Grid.Column="0" Height="30"></TextBox>
</Grid>

 private void lblSource_MouseDown(object sender, MouseButtonEventArgs e)
{
    Label label = (Label)sender;
    DragDrop.DoDragDrop(label, label.Content, DragDropEffects.Copy);
}

private void lblTarget_Drop(object sender, DragEventArgs e)
{
    ((Label)sender).Content = e.Data.GetData(DataFormats.Text);
}

控制元件類

設定文字
- TextDecorations="Strikethrough"：為文字新增刪除線
- TextOptions.TextFormattingMode="Display"：能夠使小字號（小於15）的文字顯示的更清晰

 <Grid>
    <StackPanel  Margin="5" >
        <Button x:Name="button" Content="按鈕" Background="Blue" Foreground="Red" FontFamily="宋體,Times New Roman" FontSize="16" FontStyle="Italic" FontWeight="Bold" FontStretch="Normal" Cursor="Help"/>
        <ListBox x:Name="listBox" Height="56" RenderTransformOrigin="0.5,0.5" Margin="-1,0,1,0">
            <ListBox.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform AngleX="0.262"/>
                    <RotateTransform/>
                    <TranslateTransform X="0.651"/>
                </TransformGroup>
            </ListBox.RenderTransform>
            <TextBlock x:Name="textBlock" TextWrapping="Wrap" RenderTransformOrigin="0.67,5.532"/>
        </ListBox>
        <TextBlock x:Name="textBlock1" TextWrapping="Wrap" Text="TextBlock: My test is here,ideal text is blurry at small sizes" TextDecorations="Strikethrough" FontSize="12"/>
        <TextBlock x:Name="textBlock2" TextOptions.TextFormattingMode="Display" TextWrapping="Wrap" Text="TextBlock:Display text is crisp"  FontSize="12"/>
    </StackPanel>
</Grid>

 private void Window_Loaded(object sender, RoutedEventArgs e)
 {
    //設定按鈕背景色
    //this.button.Background = new SolidColorBrush(Colors.Red);
    //this.button.Background = new SolidColorBrush(Color.FromRgb(255,0,0));

    //設定按鈕中字的顏色
    //this.button.Foreground = SystemColors.ControlDarkBrush;

    //設定游標型別
    this.Cursor = Cursors.Wait;

    //顯示出所有的字型
    foreach (FontFamily fontFamily in Fonts.SystemFontFamilies)
        this.listBox.Items.Add(fontFamily.Source);
}

內容控制元件

鍵盤事件
- IsCancel="True"：按ESC鍵可以啟動該控制元件點選事件
- IsDefault="True"：按Enter鍵可以啟動該控制元件點選事件
提示功能ToolTip
- ToolTip="退出"：提示功能
- Background="#60AA4030"：設定提示的背景顏色，60表示透明度（0~100）
- Placement="Absolute" HorizontalOffset="100" VerticalOffset="10"：設定提示的位置在絕對位置，水平距離螢幕左端100px，垂直距離螢幕上端10px
單選按鈕RadioButton
- GroupName=”rdo”：不在同一控制元件下的RadioButton是不互斥的，為了起到互斥的作用，需要新增此屬性，表示她們是一組的
複選框按鈕CheckBox
- IsChecked="True"：表示該項預設選中
- IsChecked="{x:Null}"：表示該項不確定
- IsThreeState="True"：表示該項有三種狀態：未選中、不確定、選中

<Grid>
    <StackPanel RenderTransformOrigin="0.482,0.509" >
        <Button x:Name="button" HorizontalContentAlignment="Left" IsCancel="True" IsDefault="True" Click="button_Click" ToolTip="退出">Button</Button><!--isCancel=true：按esc建可啟動 |  isDefault:enter鍵觸發-->
        <Button x:Name="button1" Height="50">
            <Button.ToolTip>
                <ToolTip Background="#60AA4030" Placement="Absolute" HorizontalOffset="100" VerticalOffset="10"><!--60是透明度-->
                    <StackPanel>
                        <TextBlock>Image and text</TextBlock>
                        <Image Source="C:\Users\Administrator\Pictures\2.jpg"></Image>
                    </StackPanel>
                </ToolTip>
            </Button.ToolTip>
            <Image Source="C:\Users\Administrator\Pictures\2.jpg"></Image>
        </Button>
        <Button x:Name="button2">
            <StackPanel>
                <TextBlock>Image and text button</
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    WPF介面設計知識點整理
      
							
							
							定義行和列



<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="2*"></RowDefinition><!--佔總高度的2/ 

  
 

    

    
    硬體設計知識點整理
       
 
 AD PCB新增二維碼 
 首先需要了解PCB匯入圖片過程，圖片可以包括二維碼或者是LOGO 
 PCB匯入圖片 
 1. 下載 PCB LOGO CREATOR，並存入您找得到的地方。 
 連結：https://pan.baidu.com/s/15QoY976Pej2dtV_m314C_g 密碼： 

  
 

    

    
    微機原理與介面技術知識點整理
      
							
							
							本人：大學生一枚，只為分享經驗知識。
微型計算機的體系結構：

主頻：主時鐘頻率，CPU在單位時間內產生的時鐘脈衝數。

執行部件EU，匯流排介面部件BIU，執行部件執行的同時，匯流排介面部件完成從儲存器中預期後繼指令的工作。

執行部件EU：負責全部指令的分析 

  
 

    

    
    【.Net碼農】WPF介面設計—擼大師
      
                





WPF介面設計，模仿了金山衛士，360，魯大師的介面！





<!--無邊框窗體-->
    <Stylex:Key="NoResize_window"TargetType="{x:Type Window}">
    <Set 

  
 

    

    
    C# wpf介面設計基本知識
      
                
選單的生成
<Grid>
<Menu Height="23" Name="menu1"
 Width="200" HorizontalAlignment ="Left" >
<MenuItem Header ="
檔案"> //一級選單
 

  
 

    

    
    WPF下的視訊錄製介面設計
       
  
  
 分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow
 
 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！
 
 
          

  
 

    

    
    Java 知識點整理-9.Java集合框架 集合概述+Collection介面+Iterator介面+迭代器+List介面+併發修改異常+ListIterator介面+Vector類+List子類
       
 
 本章會用大量程式碼做具體演示。統一說明：返回型別E在JDK1.5之前是Object，1.5之後等泛型再講。 
 先介紹一個偶然發現的快捷鍵和一個很實用的快捷鍵： 
  
  Alt + Shift + N 快速呼叫建立選單。直接按開頭的首字母進行建立即可，某些時候感覺比Ctrl + N更快捷。 
  

  
 

    

    
    Java 知識點整理-3.面向物件（多型、抽象類、介面）
       
 
 1、多型概述：事物存在的多種形態。 
 2、多型前提：要有繼承關係；要有方法重寫；要有父類引用指向子類物件（父類名 識別符號 = new 子類名();）。 
 3、多型中的成員訪問特點：Ⅰ.成員變數：編譯看左邊（父類），執行看左邊（父類）。 
 4、多型中的成員訪問特點：Ⅱ.成員方法：編譯看左邊（父 

  
 

    

    
    《響應式Web設計——HTML5和CSS3實戰》——知識點整理總結(持更~)
      
							
							
							1.HTML5、CSS3及響應式入門

1.1 什麼是響應式 
如果要用一句話概括，那麼響應式網頁是針對人以裝置對網頁內容進行完美佈局的一種顯示機制。相反，如果需要根據不同裝置提供特定的內容和功能，那就需要一個真正的“手機版”網站。這種情況下，手機版網站會提供與 

  
 

    

    
    2018最新iOS端介面UI設計規範整理
      
                轉自：http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/在iPhone 6還沒出的時候，都是用640×1136 px來做設計稿的，自從6的釋出，所有的設計稿尺寸以750×1334 px來做 

  
 

    

    
    自動加載類的知識點整理
      簡單   副本   而是   ren   是個   其中   自動調用   php文件   代碼   //__tostring()方法
class  Ren　　　　　　//造一個人類，裏面有成員變量$name
{
　　public  $name;
}
$r = new Ren();
echo $r;
//寫出 

  
 

    

    
    JavaEE常用小知識點整理
      context   add   結束   gin   參數   thread   函數   線程   -m   1.獲取項目路徑：request.getContextPath();
2.獲取請求的參數：request.getQueryString();
3.指定請求的字符編碼格式：URLEncoder.enc 

  
 

    

    
    MyBatis知識點整理
      for   表示   sql   {}   引號   構建   bsp   user   lose   1.Mybatis的查詢中可以這樣寫： 如 ID IN (${IDS})在IDS外面拼接了一個()，同樣可以拼接%或者單引號2.Mybatis的${}和#{}的區別：  ${}的值直接顯示在生成的sql語句 

  
 

    

    
    Jquery知識點整理
      元素   返回值   篩選   事情   find   創建對象   播放   設值   from   1.attr()設置或返回被選元素的屬性值。  如：設值：$("img").attr("width","180");      返回值：$(selector).attr(attribute,value) a 

  
 

    

    
    kafka學習筆記：知識點整理
      一個   eight   true   med   分組   pos   間接   fig   ges   
一、為什麽需要消息系統


1.解耦：　　允許你獨立的擴展或修改兩邊的處理過程，只要確保它們遵守同樣的接口約束。
2.冗余：
　　消息隊列把數據進行持久化直到它們已經被完全處理，通過這一方式規避了數據 

  
 

    

    
    MySQL知識點整理
      啟動服務   db2   sign   slist   mem   lte   外鍵   open   用戶名   一、MySQL安裝
1.Windows:運行可執行文件		壓縮包			放置任意目錄
2.初始化：
服務端：E:mysql-5.7.16-winx64\mysql-5.7.16-winx64\bi 

  
 

    

    
    JavaScript易錯知識點整理
      作用   args   fine   聲明   shu   同學   是否   cti   art   前言
本文是我學習JavaScript過程中收集與整理的一些易錯知識點，將分別從變量作用域，類型比較，this指向，函數參數，閉包問題及對象拷貝與賦值這6個方面進行由淺入深的介紹和講解，其中也涉及了一些E 

  
 

    

    
    PHP初入，div知識點整理（特效&字體等元素的使用整理）
      submit   .html   使用   title   ole   知識點整理   代碼   erl   行高   <!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title>< 

  
 

    

    
    知識點整理--組合數學
      blog   獨立   過程   http   style   數學   一個   三角形   images   定義
　　組合：C(n,m)表示從n個元素中，取任意的m個元素的方案數。
　　定義式：  　　   遞推式：C(n,m)=C(n-1,m-1)+C(n-1,m)
　　排列：A(n,m)表示從n個元 

  
 

    

    
    知識點整理
      一個   spring   type   strong   src   com   每次   知識點   bean的作用域   Spring：
1.bean的生命周期：
Spring IOC容器對bean的生命周期的管理過程是：
>> 通過構造器或者工廠方法創建Bean實例
>> 設置