主頁 > 移動端開發 > JavaScript互動式網頁設計 • 【第6章 初識jQuery】

JavaScript互動式網頁設計 • 【第6章 初識jQuery】

2020-11-14 14:22:07 移動端開發

全部章節 >>>>

本章目錄

6.1 jQuery概述

6.1.1 初識 jQuery

6.1.2 jQuery 基本功能

6.1.3 搭建 jQuery 開發環境

6.1.4 撰寫一個簡單的 jQuery 應用

6.1.5 jQuery代碼的特點

6.1.6 實踐練習

6.2 jQuery 基本選擇器

6.2.1 jQuery 選擇器概述

6.2.2 基本選擇器

6.2.3 實踐練習

6.3 過濾選擇器

6.3.1 基本過濾選擇器

6.3.2 內容過濾選擇器

6.3.3 可見性過濾選擇器

6.3.4 屬性過濾選擇器

6.3.5 實踐練習

6.4 層次選擇器和表單選擇器

6.4.1 層次選擇器

6.4.2 表單選擇器

6.4.3 實踐練習

總結:

6.1 jQuery概述

6.1.1 初識 jQuery

為了解決開發程序中的兼容性問題，產生了許多JavaScript庫，目前被頻繁使用的JavaScript庫包括 jQuery、Prototype、Spry 和 Ext JS

其中使用最廣泛的JavaScrip庫是jQuery, 是于2006年創建的一個JavaScript庫

  • 集 JavaScript、CSS、DOM 和 Ajax 于一體的強大框架體系
  • 它的主旨是以更少的代碼實作更多的功能（Write less,do more）

6.1.2 jQuery 基本功能

jQuery 基本功能

  • 訪問和操作 DOM 元素
  • 對頁面事件的處理
  • 大量插件在頁面中的運用
  • 與 Ajax 技術的完美結合
  • 大幅提高開發效率

6.1.3 搭建 jQuery 開發環境

  • 下載 jQuery 檔案庫（http://jquery.com）
  • 引入 jQuery 檔案庫

在頁面<head></head> 標簽對中加入如下代碼：

<script?type="text/javascript"?src="../js/jquery-3.3.1.min.js"></script>

示例：單擊按鈕時，隱藏的 <div> 逐漸放大并顯示出來

<script?type="text/javascript"?src="../js/jquery-3.3.1.min.js"></script>
<script?type="text/javascript">
? ?$(document).ready(function()?{
? ? ? $("#btn").click(function()?{
? ? ? ? $("#info").show(2000);//show(2000) 表示用 2 秒顯示標簽
? ? ? });
? ?});
</script>
<input?type="button"?value=" 顯示 "?id="btn"/>
<div?id="info"  style= "display:none">
? ? <img?src="../img/mobile.jpg"?width="350"/>
</div>

6.1.4 撰寫一個簡單的 jQuery 應用

  • $(document).ready(function(){ }); 類似JavaScript代碼:window.οnlοad=function(){ }
  • $(document).ready 在頁面框架下載完畢后就執行；而 window.onload 必須在頁面全部加載完畢（包括下載圖片）后才能執行
  • $(document).ready(function(){ }) 可以簡寫成 $(function(){ })
  • $("#btn").click(function(){ }); 使用 click() 方法，將函式系結到指定元素的 click 事件中，單擊按鈕時，系結的函式就會執行

6.1.5 jQuery代碼的特點

示例：單擊 <h3> 標簽時，切換屬性值，同時后面的兄弟元素會切換其顯示或隱藏狀態

<script?type="text/javascript"?src="../js/jquery-3.3.1.min.js"></script>
<script?type="text/javascript">
? ?$(document).ready(function()?{
? ? ? $("h3").click(function()?{
? ? ? ? $(this).toggleClass("highLight").next("ul").toggle();
? ? ? });
? ? });
</script>

  • $符號標志：是JQuery物件的簡寫形式，$()等效于jQuery()，是jQuery程式的標志
  • 隱式回圈：當使用jQuery查找符合要求的元素后，無須一一遍歷每一個元素，直接通過jQuery命令運算子合要求的元素
  • 鏈式書寫：可以將針對于同一個物件多個操作命令寫在一個陳述句中，還可以插入換行和空格

6.1.6 實踐練習

6.2 jQuery 基本選擇器

6.2.1 jQuery 選擇器概述

使用jQuery選擇器可以選擇頁面元素，并生成jQuery物件，能夠使用jQuery中的方法，jQuery 對頁面元素的選擇完全繼承了 CSS 選擇器的語法規則

6.2.2 基本選擇器

基本選擇器是由標簽 id、class、標簽名和多個選擇符組成

選擇器

功能

回傳值

#id

根據 id 屬性值選取元素

單個元素

.class

根據 class 屬性值選取元素

元素集合

element

根據給定的標簽名選取元素

元素集合

*

選取所有元素，包括 html 和 body

元素集合

selector1,selector2,…,selectorN

將每一個選擇器匹配到的元素合并后一起回傳

元素集合

示例：使用jQuery 顯示元素并設定其樣式

<script?type="text/javascript">
? ?$(function()?{
? ? ? // 選取 <div> 和 <span> 元素，合并選取
? ? ? $("div,span").css("display","block");
? ? ? // 根據 id 屬性值選取元素
? ? ? $("#one").css("color","#f30");
? ? ? // 根據給定的標簽名選取元素
? ? ? $("span").css("font-size","20px");
? ? ? // 根據 class 屬性值選取元素
? ? ? $("div.two").css("background-color","#ccc");
? ? ? $("#one,span").css("border-style","dashed");
? ?});
</script>
<div?id="one"> 設定了 div 的 id 屬性 </div>
<div?class="two"> 設定了 div 的 class 屬性 </div>
<span>SPAN</span>

6.2.3 實踐練習

6.3 過濾選擇器

6.3.1 基本過濾選擇器

過濾選擇器附加在所有選擇器的后面，通過特定的過濾規則來篩選出一部分元素，書寫時以冒號（：）開頭

過濾選擇器可以分為

  • 基本過濾選擇器
  • 內容過濾選擇器
  • 可見性過濾選擇器
  • 屬性過濾選擇器

選擇器

功能

回傳值

first() 或 :first

獲取第一個元素

單個元素

last() 或 :last

獲取最后一個元素

單個元素

:not(selector)

獲取除給定選擇器之外的所有元素

元 素 集 合， 如$("li:not(.title)") 獲 取class 不是 title 的 <li> 元素

:even

獲取索引值為偶數的元素，索引號從 0 開始

元素集合

:odd

將每一個選擇器匹配到的元素合并后一起回傳

元素集合

:eq(index)

獲取索引值等于 index 的元素，索引號從 0 開始

單個元素，如 $(“li:eq(1)”) 獲取索引等于 1 的 <li> 元素

:gt(index)

獲取索引值大于 index 的元素，索引號從 0 開始

元素集合，如 $("li:gt(1)") 獲取索引大

于但不包括 1 的 <li> 元素

:lt(index)

獲取索引值小于 index 的元素，索引號從 0 開始

元素集合，如 $("li:lt(1)") 獲取索引小

于但不包括 1 的 <li> 元素

:header

獲取所有標題元素，如 h1~h6

元素集合

:animated

獲取正在執行影片效果的元素

元素集合

示例：使用基本過濾器定位 DOM 元素，改變元素樣式

<script?type="text/javascript">
? ?$(function()?{
? ? ? $("#btnTitle").click(function()?{
? ? ? ? // 單獨使用過濾選擇器，等同于附加在基本選擇器 * 的后面
? ? ? ? $(":header").css("color","#f00");});
? ? ? $("#btnEven").click(function()?{
? ? ? ? // 獲取索引值為偶數的 <li> 元素
? ? ? ? $("li:even").css("color","#00f");});
? ? ? $("#btnOdd").click(function()?{
? ? ? ? // 獲取索引值為奇數的 <li> 元素
? ? ? ? $("li:odd").css("color","#f93");});
?    });</script>

6.3.2 內容過濾選擇器

內容過濾選擇器根據元素中的文字內容或所包含的子元素特征來獲取元素

選擇器

功能

回傳值

:contains(text)

獲取含有文本內容為 text 的元素

元素集合

:empty

獲取不包含后代元素或者文本的空元素

元素集合

:has(selector)

獲取含有后代元素為 selector 的元素

元素集合

:parent

獲取含有后代元素或者文本的非空元素

元素集合

在 :contains(text) 內容過濾選擇器中，如果引數 text 內容出現在匹配元素的任何后代元素中，也認為該元素含有文本內容 text，如果引數 text 使用英文字母，則有大小寫的區別

<input>、<img>、<br> 和 <hr> 等標簽屬于不包含后代元素和文本的空元素

示例：使用內容過濾選擇器查找 DOM 元素，改變元素樣式

     $(function()?{
? ? ? $("#btnContain").click(function()?{
	    // 獲取含有文本內容為 A 的 div
? ? ? ? $("div:contains('A')").css("background-color","#f00");
? ? ? });
? ? ? $("#btnEmpty").click(function()?{? ? ? ?
? ? ? ? $("div:empty").css("background-color","#0f0"); //獲取不包含后代元素或文本的div
? ? ? });
? ? ? $("#btnHas").click(function()?{? ? ? ?
? ? ? ? $("div:has(span)").css("background-color","#00f"); //獲取含有后代元素為span的元素
? ? ? });
? ? ? $("#btnParent").click(function()?{
	    //獲取含有后代元素或者文本的div元素
? ? ? ? $("div:parent").css("background-color","white"); }); });

6.3.3 可見性過濾選擇器

可見性過濾選擇器根據元素是否可見的特征來獲取元素

選擇器

功能

回傳值

:hidden

選取不可見元素

元素集合，如 $(":hidden") 選取所有隱藏的元素

:visible

選取可見元素

元素集合，如 $(":visible") 選取所有可見的元素

不可見元素包括：css 樣式中 display 屬性值為 none 的元素、type 屬性值為 hidden 的 <input> 元素及寬高設定為 0 的元素

示例：使用可見性過濾選擇器鎖定 DOM 元素，改變元素樣式

     <script?type="text/javascript">
? ? $(function()?{
? ? ? $("#btnShow").click(function()?{
? ? ? ? $(".pic:hidden").show().addClass("current");
? ? ? });
? ? ? $("#btnHidden").click(function()?{
? ? ? ? $(".pic:visible").hide();
? ? ? });
? ? });
? </script>
    <img?src="../img/mobile.jpg"?class="pic"/>
? <p><input?type="button"?value=" 顯示 "?id="btnShow"/>
? <input?type="button"?value=" 隱藏 "?id="btnHidden"/></p>

6.3.4 屬性過濾選擇器

屬性過濾選擇器根據元素的某個屬性獲取元素，以“[”號開始、以“]”號結束

選擇器

說明

回傳值

[attribute]

獲取擁有該屬性的所有元素，如 $('li[title]') 表示獲取所有包含title 屬性的 <li> 元素

元素集合

[attribute=value]

獲取某屬性值為 value 的所有元素，如 $('li[title=test2]') 表示獲取所有包含 title 屬性且屬性值等于 test2 的 <li> 元素

元素集合

[attribute!=value]

獲取某屬性值不等于 value 的所有元素，如 $('li[title!=test2]') 表示獲取所有包含 title 屬性且屬性值不等于 test2 的 <li> 元素

元素集合

[attribute^=value]

選取屬性值以 value 開頭的所有元素，如 $('a[href^="mailto:"]') 表示獲取所有包含 href 屬性，且屬性值以 mailto: 開頭的 <a> 元素

元素集合

[attribute$=value]

選取屬性值以 value 結束的所有元素，如 $('a[href$=".zip"]') 表示獲取所有包含 href 屬性，且屬性值以 .zip 結尾的 <a> 元素

元素集合

[attribute*=value]

選 取 屬 性 值 中 包 含 value 的 所 有 元 素， 如 $('a[href*="jquery.com"]') 表示獲取所有包含 href 屬性且屬性值中包含 jquery.com的 <a> 元素

元素集合

[selector1][selector2]…[selectorN]

合并多個選擇器，滿足多個條件，每選擇一次將縮小一次范圍，如 $('li[id][title^=test]') 選取所有擁有屬性 id 且屬性 title 以 test開頭的 <li> 元素

元素集合

示例：使用屬性過濾選擇器鎖定 DOM 元素，全選篩選框

<script?type="text/javascript">
? ? $(function()?{// 頁面加載事件
? ? ? $("input[type='button']").click(function()?{
? ? ? 	      $("input[name='songs']").attr("checked","checked");
? ? ? });
? ? });
</script>
<p>
? ? 請選擇喜歡的歌曲：<br/>
? ? <input?type="checkbox"?name="songs"/> 小幸運
? ? <input?type="checkbox"?name="songs"/> 非酋
? ? <input?type="checkbox"?name="songs"/> 佛系少女
? ? <input?type="checkbox"?name="songs"/> 醉赤壁
</p>
<input?type="button"?value=" 全選 "/>

6.3.5 實踐練習

6.4 層次選擇器和表單選擇器

6.4.1 層次選擇器

層次選擇器通過 DOM 元素之間的層次關系獲取元素，其主要的層次關系包括后代、父子、相鄰和兄弟關系，層次選擇器由兩個選擇器組合而成

名稱

語法

功能

回傳值

后代選擇器

selector1 selector2

從 selector1 的后代元素里選取 selector2

元素集合，如 $(“#nav?span”) 表示選取 #nav下所有的<span>元素

子選擇器

selector1>selector2

從 selector1 的子元素里選取 selector2

元素集合，如("#nav>span")表示選取 #nav 的子元素<span>

相鄰元素選擇器

selector1+selector2

從 selector1 后面的第一個

兄弟元素里選取 selector2

元素集合，如 $("h2+dl") 表示選取緊鄰<h2>元素之后的同輩元素 <dl>

同輩元素選擇器

selector1~selector2

從 selector1 后面的所有兄

弟元素里選取 selector2

元 素 集 合， 如 $("h2~dl") 表 示 選 取<h2> 元素之后所有的同輩元素<dl>

selector1 selector2 與 selector1>selector2 所選擇的元素集合是不同的，前者的層次關系是祖先與后代，而后者是父子關系

selector1+selector2 可以使用 jQuery 物件的 next() 方法代替

selector1~selector2 從 selector1 后面的所有兄弟元素里選取 selector2，不能獲取前面部分，可以使用nextAll() 方法代替，而 siblings() 方法獲取全部的相鄰元素，不分前后

selector1 selector2 與 selector1:has(selector2) 雖然這兩個選擇器都要求 selector2 是 selector1 的后代元素，但是前者最終選取的是后代元素，后者最終選取的是擁有這些后代元素的元素

示例：使用層次選擇器鎖定 DOM 元素

<script?type="text/javascript">
? ? $(function()?{// 頁面加載完畢事件
? ? ? // 設定標題的顏色
? ? ? $(":header").css("color","red");
? ? ? // 設定第一層無序串列的字體顏色
? ? ? $(":header+ul>li").css("color","green");
? ? ? // 設定第二層無序串列的字體顏色
? ? ? $(":header+ul>li>ul>li").css("color","blue");
? ? });
</script>
html代碼略

6.4.2 表單選擇器

選擇器

功能

回傳值

:input

獲取 <input><textarea><select><button> 元素

元素集合

:text

獲取符合 [type=text] 的 <input> 元素

元素集合

:password

獲取符合 [type=password] 的 <input> 元素

元素集合

:radio

獲取符合 [type=radio] 的 <input> 元素

元素集合

:checkbox

獲取符合 [type=checkbox] 的 <input> 元素

元素集合

:image

獲取符合 [type=image] 的 <input> 元素

元素集合

:file

獲取符合 [type=file] 的 <input> 元素

元素集合

:hidden

參考“可見性過濾選擇器”

元素集合

:button

獲取 <button> 元素和符合 [type=button] 的 <input> 元素

元素集合

:submit

獲取符合 [type=submit] 的 <input> 元素

元素集合

:reset

獲取符合 [type=reset] 的 <input> 元素

元素集合

表單物件屬性過濾選擇器

表單物件屬性過濾選擇器也是專門針對表單元素的選擇器，它屬于過濾選擇器的范疇，可以附加在其他選擇器的后面，主要功能是對所選擇的表單元素進行過濾

選擇器

功能

:enabled

選取可用的表單元素

:disabled

選取不可用的表單元素

:checked

選取被選中的 <input> 元素

:selected

選取被選中的 <option> 元素

示例：使用表單選擇器和表單物件屬性過濾選擇器鎖定 DOM 元素

$(function()?{// 頁面加載完畢事件
? ? $("#pa?:button").click(function()?{
? ? ? ? // 選擇器 #pa 后的空格表示獲取后代元素
? ? ? ? $("#pa?:text:enabled").css("border","1px?solid?red");
? ? });
? ? $("#pb?:button").click(function()?{
? ? ? ? $("#pb?:radio:checked").parent().css("background-color","#63c");
? ? });
? ? $("#pc?:button").click(function()?{
? ? ? ? $("#pc?:checkbox:checked").parent().css("background-color","#63c");
? ? });
? ? $("#pd?:button").click(function()?{
? ? ? ? var?info?=?" 你最喜歡的球星是："
? ? ? ? info?+=?$("#pd?:input?option:selected").val();
? ? ? ? alert(info);
    }); 
});

6.4.3 實踐練習

總結:

  • jQuery代碼的特點：”$”標志、隱式回圈、鏈式書寫
  • jQuery中基本選擇器有“#id”、“.class”、“element”和“*”
  • 基本過濾選擇器有“:first”、“:last”、“:not”、“:even”、“：odd”、“:eq”、“:gt”、“:lt”、“:header”和“：animated”
  • 內容過濾選擇器有“：contains”、“:empty”、“:has”和“:parent” 可見性過濾選擇器有“：hidden”和“:visible”
  • 屬性過濾選擇器有“[attribute]”、“[attribute=value]”和“ [attribute=!value]”等
  • 層次選擇器有“selector1 selector2”、“ selector1> selector2”、“ selector1 +selector2”和“ selector1 ~selector2”
  • 表單選擇器有“:input”、“:text”、“:password”、“:radio”和“:checkbox”等

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

標籤：其他

上一篇：JS面向物件原理（二）------圖解原型鏈（詳）

下一篇：JS前端面試題（三）

標籤雲
其他(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)

熱門瀏覽
  • 【從零開始擼一個App】Dagger2

    Dagger2是一個IOC框架，一般用于Android平臺，第一次接觸的朋友，一定會被搞得暈頭轉向。它延續了Java平臺Spring框架代碼碎片化，注解滿天飛的傳統。嘗試將各處代碼片段串聯起來，理清思緒，真不是件容易的事。更不用說還有各版本細微的差別。 與Spring不同的是，Spring是通過反射 ......

    uj5u.com 2020-09-10 06:57:59 more
  • Flutter Weekly Issue 66

    新聞 Flutter 季度調研結果分享 教程 Flutter+FaaS一體化任務編排的思考與設計 詳解Dart中如何通過注解生成代碼 GitHub 用對了嗎？Flutter 團隊分享如何管理大型開源專案 插件 flutter-bubble-tab-indicator A Flutter librar ......

    uj5u.com 2020-09-10 06:58:52 more
  • Proguard 常用規則

    介紹 Proguard 入口，如何查看輸出，如何使用 keep 設定入口以及使用實體，如何配置壓縮，混淆，校驗等規則。

    ......

    uj5u.com 2020-09-10 06:59:00 more
  • Android 開發技術周報 Issue#292

    新聞 Android即將獲得類AirDrop功能：可向附近設備快速分享檔案 谷歌為安卓檔案管理應用引入可安全隱藏資料的Safe Folder功能 Android TV新主界面將顯示電影、電視節目和應用推薦內容 泄露的Android檔案暗示了傳說中的谷歌Pixel 5a與折疊屏新機 谷歌發布Andro ......

    uj5u.com 2020-09-10 07:00:37 more
  • AutoFitTextureView Error inflating class

    報錯： Binary XML file line #0: Binary XML file line #0: Error inflating class xxx.AutoFitTextureView 解決： <com.example.testy2.AutoFitTextureView android: ......

    uj5u.com 2020-09-10 07:00:41 more
  • 根據Uri，Cursor沒有獲取到對應的屬性

    Android： 背景：呼叫攝像頭，拍攝視頻，指定保存的地址，但是回傳的Cursor檔案，只有名稱和大小的屬性，沒有其他諸如時長，連ID屬性都沒有 使用 cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATIO ......

    uj5u.com 2020-09-10 07:00:44 more
  • Android連載29-持久化技術

    一、持久化技術 我們平時所使用的APP產生的資料，在記憶體中都是瞬時的，會隨著斷電、關機等丟失資料，因此android系統采用了持久化技術，用于存盤這些“瞬時”資料 持久化技術包括：檔案存盤、SharedPreference存盤以及資料庫存盤，還有更復雜的SD卡記憶體儲。 二、檔案存盤 最基本存盤方式， ......

    uj5u.com 2020-09-10 07:00:47 more
  • Android Camera2Video整合到自己專案里

    背景： Android專案里呼叫攝像頭拍攝視頻，原本使用的 MediaStore.ACTION_VIDEO_CAPTURE， 后來因專案需要，改成了camera2 1.Camera2Video 官方demo有點問題，下載后，不能直接整合到專案 問題1.多次拍攝視頻崩潰 問題2.雙擊record按鈕， ......

    uj5u.com 2020-09-10 07:00:50 more
  • Android 開發技術周報 Issue#293

    新聞 谷歌為Android TV開發者提供多種新功能 Android 11將自動填表功能整合到鍵盤輸入建議中 谷歌宣布Android Auto即將支持更多的導航和數字停車應用 谷歌Pixel 5只有XL版本 搭載驍龍765G且將比Pixel 4更便宜 [圖]Wear OS將迎來重磅更新：應用啟動時間 ......

    uj5u.com 2020-09-10 07:01:38 more
  • 海豚星空掃碼投屏 Android 接收端 SDK 集成 六步驟

    掃碼投屏，開放網路，獨占設備，不需要額外下載軟體，微信掃碼，發現設備。支持標準DLNA協議，支持倍速播放。視頻，音頻，圖片投屏。好點意思。還支持自定義基于 DLNA 擴展的操作動作。好像要收費，沒體驗。 這里簡單記錄一下集成程序。 一 跟目錄的build.gradle添加私有mevan倉庫 mave ......

    uj5u.com 2020-09-10 07:01:43 more
最新发布
  • 歡迎頁輪播影片

    如圖，引導開始，球從上落下，同時淡入文字，然后文字開始輪播，最后一頁時停止，點擊進入首頁。 在來看看效果圖。 重力球先不講，主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView，用于影片展示 文本是類似的，最后會有個圖片箭頭影片，布局很簡單，就是一個 TextVi ......

    uj5u.com 2023-04-20 08:40:31 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一． 問題描述 使用華為推送服務下發IM訊息時，下發訊息請求成功且code碼為80000000，但是手機總是收不到訊息； 在華為推送自助分析（Beta）平臺查看發現，訊息發送觸發了頻控。 二． 問題原因及背景 2023年1月05日起，華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理，具體 ......

    uj5u.com 2023-04-20 08:40:11 more
  • 歡迎頁輪播影片

    如圖，引導開始，球從上落下，同時淡入文字，然后文字開始輪播，最后一頁時停止，點擊進入首頁。 在來看看效果圖。 重力球先不講，主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView，用于影片展示 文本是類似的，最后會有個圖片箭頭影片，布局很簡單，就是一個 TextVi ......

    uj5u.com 2023-04-20 08:39:36 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一． 問題描述 使用華為推送服務下發IM訊息時，下發訊息請求成功且code碼為80000000，但是手機總是收不到訊息； 在華為推送自助分析（Beta）平臺查看發現，訊息發送觸發了頻控。 二． 問題原因及背景 2023年1月05日起，華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理，具體 ......

    uj5u.com 2023-04-20 08:39:13 more
  • iOS從UI記憶體地址到讀取成員變數（oc/swift）

    開發除錯時，我們發現bug時常首先是從UI顯示發現例外，下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具，但是很多人可能還沒有形成一套穩定的除錯流程，因此本文嘗試解決這個問題，順便提出一個暴論：UI顯示例外問題只需要兩個步驟就能完成定位作業的80%： 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:16:23 more
  • FIDE重磅更新！性能飛躍！體驗有禮！

    FIDE 開發者工具重構升級啦！實作500%性能提升，誠邀體驗！ 一直以來不少開發者朋友在社區反饋，在使用 FIDE 工具的程序中，時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況，十分影響開發體驗。 作為技術團隊，我們深知一件趁手的開發工具對開發者的重要性，因此，在2023年開年，FinC ......

    uj5u.com 2023-04-19 09:16:15 more
  • 游戲內嵌社區服務開放，助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力，支持玩家直接在游戲內瀏覽帖子和交流互動，助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區？ 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口，為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:15:46 more
  • iOS從UI記憶體地址到讀取成員變數（oc/swift）

    開發除錯時，我們發現bug時常首先是從UI顯示發現例外，下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具，但是很多人可能還沒有形成一套穩定的除錯流程，因此本文嘗試解決這個問題，順便提出一個暴論：UI顯示例外問題只需要兩個步驟就能完成定位作業的80%： 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:14:53 more
  • FIDE重磅更新！性能飛躍！體驗有禮！

    FIDE 開發者工具重構升級啦！實作500%性能提升，誠邀體驗！ 一直以來不少開發者朋友在社區反饋，在使用 FIDE 工具的程序中，時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況，十分影響開發體驗。 作為技術團隊，我們深知一件趁手的開發工具對開發者的重要性，因此，在2023年開年，FinC ......

    uj5u.com 2023-04-19 09:14:08 more
  • 游戲內嵌社區服務開放，助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力，支持玩家直接在游戲內瀏覽帖子和交流互動，助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區？ 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口，為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:08:34 more

Copyright © 2010-2020 有解無憂