主頁 > 前端設計 > SCALA-DAY01

SCALA-DAY01

2020-10-31 18:45:39 前端設計

1 scala簡介

  1. 面向物件和面向函式
  2. 靜態型別提高效率
  3. 運行在JVM和JS上

特點

  1. 優雅 簡潔
  2. 速度快
  3. 兼容HADOOP生態
  4. spark是scala撰寫的
  5. 函式式編程有利于資料流式處理

2 scala環境搭建

2.1 環境變數配置

下載

windows環境

解壓 --系統--高級設定--系統環境變數 配置SCALA_HOME

linux環境

解壓 配置 /etc/profile

2.2 IDEA搭建scala專案

2.2.1 安裝scala插件

retstart 重啟IDEA

2.2.2 new project 

// 1 object中的所有的內容默認是static
object Demo1 {
  // 等同于java的main方法   程式的入口
  def main(args: Array[String]): Unit = {
    // 列印資料  簡潔
    println("hello scala")
  }
}

在scala中有class和object兩種

object中的內容默認是static修飾的 , 靜態的 ,所以main方法寫在object中才能執行

3 資料型別

Any 類似于java中的Object 所有類的父類

Any AnyVal 數值

AnyRef 參考類有關 : 1 java的所有的類 2 scala的任意類 (scala類和集合類工具類)

在scala中所有的型別都是物件(int i--->i:Int) i 的父類也是Any

Null 是所有的ValRef的子類

Nothing是所有類的子類 : 例外

3.1 數值型別

val name:String = "zss"

val name2 = "ls"

val id:Long=1232

var age = 21 

package com._51doit.day01.demo

/**
 * FileName: Demo3
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description: 變數
 * 1 定義
 * 2 取值  列印
 */
object Demo3 {
  def main(args: Array[String]): Unit = {
    //
    /*
     */
    /**
     * 1 資料型別自動的推導
     * 2 宣告資料型別
     * 3 代碼的行末可以不寫  不建議寫 ;
     * 4 scala是一種強資料型別的編程語言  變數一旦宣告資料型別是確定的不可再變 (資料型別轉換)
     *   name=12 錯誤的
      */
    var name = "zss"   // 資料型別自動的推導
    var nickname:String = ""   // 宣告資料型別
    name="lss" // 再賦值
    // name.prt   name.sout  快速回傳列印
    println(name)
    /**
     * 變數定義
     *  val    value   值
     *  var    variable
     */
    val id = "abc"  // 使用val修飾的遍歷不能再修改值  常量

    /**
     * 總結
     *    1  在scala中修飾變數的兩個關鍵字 是  val 和 var
     *    2 val 常量 不能變化
     *    3 var 可以再賦值
     *    4 建議使用val宣告變數
     *    5 變數定義的時候要賦值
     *  靜態型別
     */
   // val age:Int  = 0

   // 變數的取值   s"$name"
    println(id)
    print(name)
    //println(name+"--"+id+"--"+nickname)
    println()
    println("$name,$id")
    println(s"$name-$id")//lss,abc
    println(s"$name")
   printf("" +
     "" +
     "" +
     "" +
     "" +
     "" +
     "" +
     "")

  }

}

3.2 資料型別轉換

1 在scala中有toXXX方法 進行型別轉換的
2 v2.isInstanceOf[StringOps]
3 asInstanceOf[P] 強制型別轉換   要有繼承關系
有型別轉換的需求使用toXX  沒有對應的方法 使用 asInstanceOf[DataType]
package com._51doit.day01.demo

import scala.collection.immutable.StringOps

/**
 * FileName: DataConv
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * 1 在scala中有toXXX方法 進行型別轉換的
 * 2 v2.isInstanceOf[StringOps]
 * 3 asInstanceOf[P] 強制型別轉換   要有繼承關系
 * 有型別轉換的需求使用toXX  沒有對應的方法 使用 asInstanceOf[DataType]
 */
object DataConv {
  def main(args: Array[String]): Unit = {
    val v1 = "123"
    val v2 = 22

    /**
     * 1 在scala中有toXXX方法 進行型別轉換的
     * toInt
     * toDouble
     * toFloat...
     */
    println(v1.toInt+v2)
    // 2 判斷是否是某種資料型別
    val b: Boolean = v2.isInstanceOf[StringOps]
    println(b)
    // 3 asInstanceOf[P] 強制型別轉換   要有繼承關系
    val b1 = new B()
    val a1 = new A()
   // b1.asInstanceOf[A] 可以向上轉型  強制型別轉換
    /**
     * ClassCastException: com._51doit.day01.demo.A cannot be cast to com._51doit.day01.demo.B
     */
    a1.asInstanceOf[B]

  }

}

自定義兩個類 

/**
 * FileName: B
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030 
 * Description: 
 */
class B  extends A{
}

/**
 * FileName: A
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030 
 * Description: 
 */
class A {

}

4 流程控制

4.1 if 語法

1 語法:

if() {} else {}

if() {} else if (){} ...else{}

if(){

if(){}else{}

}

2 陣列的定義

3 陣列的取值

4 Random類的基本使用使用

package com._51doit.day01.demo.i_f

import java.util.Random

/**
 * FileName: IfDemo1
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * 在scala中有流程控制陳述句
 * if()  else  if() else if()  else
 * if(){
 * if(){
 * if(){}else {}
 * }
 * }
 * for
 * while
 */
object IfDemo1 {
  def main(args: Array[String]): Unit = {
    // 定義個陣列
    val arr = Array[String]("java", "js", "sql", "scala")
    //陣列的取值  arr(index)  0開始計數
    // println(arr(1))
    // 隨機獲取一個陣列的元素
    val random = new Random()
    // 生成一個隨機資料  不會超過引數
    val i: Int = random.nextInt(arr.length)
    val sub = arr(i)
    println(sub)
    // 判斷元素的值  根據值做判斷
    if (sub == "java") {
      println("java基礎")
    } else if (sub == "js") {
      println("javascript")
    } else if (sub == "sql") {
      println("結構化查詢語言")
    } else {
      println("高級語言")
    }


  }

}

package com._51doit.day01.demo.i_f

import scala.util.Random

/**
 * FileName: IfDemo2
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030 
 * Description: 
 */
object IfDemo2 {
  def main(args: Array[String]): Unit = {
    // 定義陣列
    val arr: Array[String] = Array("java", "js", "sql", "scala")
   // val arr2: Array[Int] = Array(1, 2, 3, 4)  自動型別推導
    // 取值println(arr(1))
    // 隨機資料
    val random = new Random()
    val i: Int = random.nextInt(arr.length)
    val element: String = arr(i)
    println(element)
    // 判斷
    if(element.startsWith("j")){
      println("以j開頭")
      if(element.endsWith("a")){
        println("java基礎")
      }else{
        println("javascript")
      }
    }else{
      println("不以j開頭")
      if(element.length==3){
        println("結構化查詢語言")
      }else{
        println("高級編程語言scala")
      }
    }
  }
}

4.2 代碼塊的回傳值

package com._51doit.day01.demo.i_f

/**
 * FileName: BlockDemo
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description: 
 */
object BlockDemo {
  def main(args: Array[String]): Unit = {
    /**
     * 1 代碼塊的最后一行內容作為代碼塊的回傳值
     * 2 if的回傳值是 執行分支的最后一行內容
     * 3 回傳值型別設計各個分支的最后一行內容的父型別
     * 4 最后一行是 列印陳述句  回傳的內容是 ()  : 沒有回傳內容
     */
    val res = {
      "hello"
      12
      12.3
      "abc"
    }
    println(res)
    val res2:Any = if ("a" != "a") {
      "a"
    } else if ("a" == "b") {
      13.2
    } else {
      12
      println("   ")
    }
    println(res2)
  }

}

4.3 for回圈

回圈的基本語法 fro(e <- 運算式|集合|陣列)

1 to 10 [1,10]

1until 10 [1,10)

package com._51doit.day01.demo.f_o_r

/**
 * FileName: ForDemo
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * for(i <- 1 to 10 ){}
 * for(i <- 1 until 10) {}
 * for(e <- arr){}
 */
object ForDemo {
  def main(args: Array[String]): Unit = {
    // 遍歷陣列
    val arr = Array("tom" , "jim" , "cat" , "jerry" ,"jack" , "ross")

    for(i <- 1 to 10){// 1  10
     // println(i)
    }
    //增強回圈   將集合中的每個元素  依次賦值給 i變數
    val range  = 1 to 10
    for(i <- range){// [1  10]
     // println(i)
    }
    for(i <- 1 until 10){ // [1,10)
     // println(i)
    }

    // 1 依次獲取陣列中的每個元素 賦值給e變數
    for (e <- arr){
    //  println(e)
    }
    // 2 使用角標的形式
    for(index <- 0 to arr.length-1){
      println(arr(index))
    }
  for(i <- 0 until arr.length){
    println(arr(i))
  }
  }
}

守衛模式 for(i <- if )

package com._51doit.day01.demo.f_o_r

/**
 * FileName: ForDemo2
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:  守衛模式
 * 1 簡潔 減少回圈次數
 * 2 在scala中沒有
 *      break  結束回圈
 *      continue  跳出當次回圈
 */
object ForDemo2 {
  def main(args: Array[String]): Unit = {

   /* for(i<- 1 to 10 if i%2==0){ // 單個條件守衛模式
      println(i)
    }*/
    for(i<- 1 to 10 if i%2==0 && i>5){ // 多條件的守衛模式   &&
      println(i)
    }

  /*  for(i <- 1 to 10 ){
      if(i%2!=0){
        println(i)
      }
    }*/

  }

}

流程控制

break 結束回圈
continue 跳出當次回圈

return 跳出方法

package com._51doit.day01.demo.f_o_r
import scala.util.control.Breaks._
/**
 * FileName: ForDemo3
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:   控制回圈
 * 在scala中沒有
 * break     結束回圈
 * continue  跳出當次回圈
 */
object ForDemo3 {


  def main(args: Array[String]): Unit = {
    /*  for(i <- 1 to 10){
        println(s"hello ${i}")
        if(i==5){
          return
        }
      }*/
    // 使用守衛模式實作停止當前回圈
    var flag = true
    for (i <- 1 to 10 if flag) {
      println(s"hello ${i}")
      if(i==5) flag=false
    }

  }
}

continue 

package com._51doit.day01.demo.f_o_r

/**
 * FileName: ForDemo4
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description: 
 */
object ForDemo4 {
  def main(args: Array[String]): Unit = {
   // val arr = Array("a","b","c" ,"f")
   // arr.foreach(e=>println(e))
   // arr.foreach(e=>println(e.toUpperCase.equals("A")))
   /* arr.foreach(e=>{
      val str: String = e.toUpperCase()
      if(str.equals("A")){
        println(str)
      }
    })*/
    import scala.util.control.Breaks._
    val arr = Array(1,2,3,4,5,6,7,8)
    arr.foreach(e=>{
      breakable(
        if(e!=5 && e!=6 && e!=2){
        println(e)
      }
      )
    })

  }
}

推導式

/**
 * FileName: ForDemo5
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * 推導式 yield  處理
 *    獲取符合條件的每個元素 處理以后  放在新的集合中
 */
object ForDemo5 {
  def main(args: Array[String]): Unit = {
    val arr = Array(1,2,3,4,5,6,7,8,9)
    // 推導式
    val res: Array[Int] = for (e <- arr if e > 4) yield e*10
    res.foreach(e=>println(e))
  }
}

將成績及格的同學過濾出來放在新的陣列中 

/**
 * FileName: Student
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030 
 * Description: 樣例類
 * 作為以前的pojo類使用
 * Student  類似于java中的javabean
 *   有getset方法
 *   重寫toString
 *   重寫equals  hashcode
 */
case class Student(sid:Int , name:String , score:Double)
package com._51doit.day01.demo.f_o_r

import com._51doit.day01.demo.pojo.Student

/**
 * FileName: Demo
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * * 學生成績類    陣列
 * * 1 學生類  放在學生成績陣列
 * * 2 放在陣列中  遍歷  守衛模式獲取及格的人  推導式放入新的陣列
 */
object Demo {
  def main(args: Array[String]): Unit = {
  val stus =  Array[Student] (
    Student(1,"jim",88),
    Student(2,"tom",66),
    Student(3,"班長",99) ,
    Student(4,"rose",58)
  )
    // 遍歷陣列中的每個學生  守衛模式  判斷學生成績大于60 符合條件  推導式 收集符合條件的學生放入新的陣列中
   // val names: Array[String] = for (stu <- stus if stu.score > 60) yield stu.name.toUpperCase
    val res: Array[Student] = for (stu <- stus if stu.score > 60) yield stu
    //res.foreach(println(_))
    res.foreach(println(_))

  }

}

嵌套回圈 

/**
 * FileName: ForDemo6
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:  嵌套回圈 
 */
object ForDemo6 {
  def main(args: Array[String]): Unit = {
   /* for(i <- 1 to 9 ; j<-1 to 3){
      println(s"$i $j")
    }*/
    for(i <- 1 to 9 ; j <- 1 to i){
      print(s"$j * $i ="+(i*j)+"\t")
      if(i==j){
        println()
      }
    }
  }
}

5 陣列的遍歷

for(e <- arr)

for(i <- 0 to|until arr.length[-1])

arr.forEach

arr.map

/**
 * FileName: ArrayEach
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description: 
 */
object ArrayEach {
  def main(args: Array[String]): Unit = {
    val arr = Array("tom", "jim", "peiqi", "喬治", "nimou")
    // 1 遍歷   arr.for 回車
    for (elem <- arr) {
    }
    // 2 角標
    for (i <- 0 to arr.length - 1) {
      arr(i)
    }
    //3 角標
    for (i <- 0 until arr.length) {
      arr(i)
    }
    // 4 forEach  方法是沒有回傳值  常用于集合列印
    // arr.foreach(e=>println(e))  // e=>e     _
    // arr.foreach(println(_))
    // arr.foreach(println) //  默認列印每個元素
    //arr.foreach(e=>println(e.toUpperCase))
    // 列印資料
    // arr.foreach(e=>print(e+"  "))
    // 處理資料
    var res = ""
    arr.foreach(e => { // =>后面的代碼是每個元素執行一次
      res += e + " "
    })
    // println(res.trim)
    // 5  map方法  方法是可以有回傳值   對集合中的每個元素進行操作
    // arr.map(println)
    //  arr.map(println(_))
    // arr.map(e=>println(e))
    //val res2: Array[String] = arr.map(_.toUpperCase)
    /*val res3: Array[Any] = arr.map(e=>{
      if(e.startsWith("j")){
        e.toUpperCase
      }
    })*/

    /**
     * _ 代表每個元素
     */
    arr.foreach(println)
    arr.foreach(println(_))
    arr.map(_.toUpperCase)
    arr.map(e => println(e))
  }

}

5 方法和函式

什么是方法:是一段邏輯代碼的封裝 完成處理資料的任務

回傳值 方法名(引數型別)

函式 : 和方法的功能一樣 是一段邏輯代碼的封裝 完成處理資料的任務 呼叫重復使用

函式比方法更高級.可以單獨存在 ,理解成特殊的變數 函式可以作為引數或者回傳值的

5.1 方法的定義 

package com._51doit.day01.demo.f_m

/**
 * FileName: Demo1
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description: 
 */
object Demo1 {

  def  maxValue(a:Double , b:Double ,c:Double) ={
   var max:Double = 0
    if (a>b && a>c){
      max = a
    }else if(b>c){
      max = b
    }else{
      max =c
    }
    max
  }


  /**
   * 定義一個方法
   *   處理的資料
   *   回傳的資料
   *   怎么處理
   *   關鍵字  def 定義方法
   *   add  方法名
   *   (x:Int , y:Int , z:Int) 方法的引數型別串列
   *   {x+y+z}  方法體
   *   Unit 是沒有回傳值的方法  void
   */
  def add(x:Int , y:Int , z:Int)={
    println(x+y+z)
  }

  /**
   * 沒有引數的方法  ()
   * 呼叫的時候可以寫()  可以不寫
   */
  def  show(): Unit ={
    println("I show my  face!!")
  }

  /**
   * 沒有引數的方法  ()可以省略 呼叫的時候省略()
   */
  def  show2(): Unit ={
    println("I show your face!!")
  }
  def main(args: Array[String]): Unit = {
    add(1,2,6)
    val max = maxValue(100,34,67)
    println(max)
    show()
    show2()
  }
}

package com._51doit.day01.demo.f_m

/**
 * FileName: Demo2
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030 
 * Description: 
 */
class Demo2 {

  /**
   *
   */
  def muti(x:Int,y:Int) ={
    x*y
  }

}


package com._51doit.day01.demo.f_m

/**
 * FileName: Test1
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:
 * 方法的定義
 *  def  方法名(引數串列):回傳值={方法體}
 *  方法的呼叫
 *  1 如果方法在object中  靜態方法 直接 Demo1.方法名(實參)
 *  2 如果方法在class中  普通方法  new Demo2().方法(實參)
 */
object Test1 {
  def main(args: Array[String]): Unit = {
    Demo1.show2()
    val res: Int = new Demo2().muti(3, 2)
    println(res)
  }

}

5.2 函式的定義

package com._51doit.day01.demo.f_m

/**
 * FileName: Demo3
 * Author:   多易教育-DOIT
 * Date:     2020/10/30 0030
 * Description:  函式的定義和呼叫
 *   函式 : 功能和方法一樣
 *接收資料     回傳結果處理資料
 *  () =>{}
 *  要處理的資料型別  => {怎么處理}
 */
object Demo3 {

  /**
   * 定義一個函式  將兩個字串轉大寫以后拼接
   */
 val f1 = (str1:String, str2:String)=>{
    (str1+str2).toUpperCase  //代碼塊的最后一行是函式的回傳值
  }

 /* def m(str1:String, str2:String)={
    (str1+str2).toUpperCase
  }*/
  val f2 = (x:Long, y:Long)=>{
    x+y
  }


  def main(args: Array[String]): Unit = {
    val res: String = f1("abc", "efg")
    println(res)


  }

}

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/197075.html

標籤：其他

上一篇：關于Xshell或CRT連接不上Linux虛擬機的幾個原因及解決方案

下一篇：Vue中使用Echarts儀表盤展示實時資料

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C＃(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low，請各位大佬留情，一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁，頂部多層導航

    一個個人用的瀏覽器首頁，可以把一下常用的網站放在這里，平常打開會比較方便。 第一步，HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式，需要用到$(window).height(); 由于手寫demo的時候，過于自信，其實對前端方面的認識也不夠體系，用文本檔案直接敲出來的html代碼，第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前，必須要做好網站資料的備份，這個問題良家佐言是遇見過的；在剛開始接觸WordPress博客程式的時候，因為升級問題和博客網站的修改的一些嘗試，良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名，每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統，受到英文博客愛好者和中文博客愛好者的追捧，并逐步演化成一款內容管理系統軟體；它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新，就會牽動無數WordPress愛好者的心， ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果，首字改變樣式或者首行改變樣式，效果如下圖。 代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽？ <a> 標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。 a標簽的語法格式：<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中，鏈接的默認外觀如下： 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址： 鏈接：https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼：4aks swiper.min.css地址 鏈接：https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片（全屏顯示，且不拉伸）

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解（上）

    HTML詳解 初識HTML Hyper Text Markup Language（超文本標記語言） 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽，描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年，面對生產環境，盡管都是小心翼翼，慎之又慎，還是難免捅出簍子。輕則滿頭大汗，面紅耳赤。重則系統停擺，損失資金。每一個生產事故的背后，都是寶貴的經驗和教訓，都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故，特開此專題，長期更新和記錄大大小小的各類事故。有些是親身經歷，有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 打開游戲界面，看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上，有一個白色的矩形框，里面不斷下落著各種單詞，而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配，那么我就可以獲得得分；如果我輸入的單詞錯誤或者時間過長，那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前，了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子，引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板（滑鼠和觸摸）

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作，和在桌面端做法基本一致。 首先，使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流，并將其傳遞給 <video> 標簽進行渲染。 接著，使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 短視頻已經無數不在了，但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲，一圖頂百辯，且看下圖： 網址鏈接（需在微信或者手Q中瀏覽） 從上圖可以看到，我們主要實作的功能也是本文要講解的有： ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網（www）誕生，HTTP（HyperText Transfer Protocol）經歷了眾多版本迭代，WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more

Copyright © 2010-2020 有解無憂