AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

稳扎稳打Silverlight(27) - 2.0网页之可脚本化, 与DOM的交互, 与JavaScript的交互

2017-11-07 924
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：


[索引页]

[源码下载]


稳扎稳打Silverlight(27) - 2.0网页之可脚本化, 与DOM的交互, 与JavaScript的交互


作者： webabcd


介绍
Silverlight 2.0 使用c#开发可脚本化的代码，Silverlight与宿主页面的DOM之间的交互，Silverlight与宿主页面的JavaScript之间的交互
    ScriptableMemberAttribute - 需要脚本化的属性、方法、事件要标记为此
    HtmlPage.RegisterScriptableObject - 将可脚本化对象注册到客户端
    HtmlElement -  表示网页的文档对象模型 (DOM) 中的 HTML 元素
    HtmlWindow - 提供 JavaScript 的 window 对象的 Silverlight 端的托管表示形式


在线DEMO
http://webabcd.blog.51cto.com/1787395/342779


示例
1、Silverlight对可脚本化的支持
Scriptable.cs
using System; 
using System.Net; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Ink; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
 
using System.Windows.Browser; 
 
namespace Silverlight20.WebPage 
{ 
         /* 
         * 脚本化的类必须是 public 的 
         * 需要脚本化的属性、方法、事件要标记为 [ScriptableMember] 
         * 如果类被标记为 [ScriptableType]，则意味着其属性、方法、事件都是ScriptableMemberAttribute 
         */ 
 
         /// <summary> 
         /// 用于演示脚本化的类 
         /// </summary> 
         // [ScriptableType] 
         public  class Scriptable 
        { 
                 /// <summary> 
                 /// 当前服务端的时间 
                 /// </summary> 
                [ScriptableMember] 
                 public DateTime CurrentTime { get; set; } 
 
                 /// <summary> 
                 /// Hello 方法 
                 /// </summary> 
                 /// <param name="name">名字</param> 
                 /// <returns></returns> 
                [ScriptableMember] 
                 public  string Hello( string name) 
                { 
                         return  string.Format( "Hello: {0}", name); 
                } 
                 
                 /// <summary> 
                 /// 开始事件 
                 /// </summary> 
                [ScriptableMember] 
                 public  event EventHandler<StartEventArgs> Start; 
 
                 /// <summary> 
                 /// 触发开始事件所调用的方法 
                 /// </summary> 
                 /// <param name="dt"></param> 
                 public  void OnStart(DateTime dt) 
                { 
                         if (Start !=  null) 
                        { 
                                Start( this,  new StartEventArgs() 
                                { 
                                        CurrentTime = dt 
                                }); 
                        } 
                } 
 
        } 
 
         /// <summary> 
         /// 开始事件的 EventArgs 
         /// </summary> 
         public  class StartEventArgs : EventArgs 
        { 
                 /// <summary> 
                 /// 当前服务端的时间 
                 /// </summary> 
                [ScriptableMember] 
                 public DateTime CurrentTime { get; set; } 
        } 
}
 
ScriptableDemo.xaml.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Net; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
 
using System.Windows.Browser; 
 
namespace Silverlight20.WebPage 
{ 
         public partial  class ScriptableDemo : UserControl 
        { 
                System.Threading.Timer _timer; 
                System.Threading.SynchronizationContext _syncContext; 
 
                 public ScriptableDemo() 
                { 
                        InitializeComponent(); 
 
                         this.Loaded +=  new RoutedEventHandler(ScriptableDemo_Loaded); 
                } 
 
                 void ScriptableDemo_Loaded( object sender, RoutedEventArgs e) 
                { 
                         // UI 线程 
                        _syncContext = System.Threading.SynchronizationContext.Current; 
 
                        Scriptable s =  new Scriptable() { CurrentTime = DateTime.Now }; 
 
                         // 将 Scriptable 对象注册到客户端中，所对应的客户端的对象名为 scriptable 
                        HtmlPage.RegisterScriptableObject( "scriptable", s); 
 
                        _timer =  new System.Threading.Timer(MyTimerCallback, s, 0, 1000); 
                } 
 
                 private  void MyTimerCallback( object state) 
                { 
                        Scriptable s = state  as Scriptable; 
 
                         // 每秒调用一次 UI 线程上的指定的方法 
                        _syncContext.Post(OnStart, s); 
                } 
 
                 void OnStart( object state) 
                { 
                        Scriptable s = state  as Scriptable; 
 
                         // 调用 Scriptable 对象的 OnStart() 方法，以触发 Start 事件 
                        s.OnStart(DateTime.Now); 
                } 
        } 
}
 
ScriptableDemo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head > 
         < title >Silverlight20 </title> 
         < style  type ="text/css" > 
                html, body 
                { 
                        height: 100%; 
                        overflow: auto; 
                } 
                body 
                { 
                        padding: 0; 
                        margin: 0; 
                } 
                #silverlightControlHost 
                { 
                        height: 100%; 
                } 
         </style> 

         < script  type ="text/javascript"  src ="../Silverlight.js" > </script> 

         < script  type ="text/javascript" > 
                function scriptableDemo() { 

                        // scriptable - Silverlight 注册到客户端的对象 
                        var obj = document.getElementById("xaml1").content.scriptable; 
                        var output = document.getElementById('result'); 

                        output.innerHTML += obj.CurrentTime 
                        output.innerHTML += ' < br  />'; 

                        output.innerHTML += obj.Hello("webabcd"); 
                        output.innerHTML += ' < br  />'; 

                        // obj.Start = responseStart; 
                        // addEventListener - 添加事件监听器 
                        // removeEventListener - 移除事件监听器 
                        obj.addEventListener("Start", responseStart); 
                } 

                function responseStart(sender, args) { 
                        document.getElementById('result').innerHTML += args.CurrentTime; 
                        document.getElementById('result').innerHTML += ' < br  />'; 
                } 
         </script> 

</head> 
< body > 
         < div  style ="font-size: 12px"  id ="result" > 
         </div> 
         < div  style ="font-size: 12px"  onclick ="scriptableDemo();" > 
                加载了 Silverlight20.WebPage.ScriptableDemo 后，单击这里以测试 Silverlight 对可脚本化的支持 </div> 
         < div  id ="silverlightControlHost" > 
                <object id="xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2" 
                        width="100%" height="100%"> 
                         < param  name ="source"  value ="../ClientBin/Silverlight20.xap"  /> 
                         < param  name ="EnableHtmlAccess"  value ="true"  /> 
                 </object> 
                 < iframe  style ='visibility: hidden; height: 0; width: 0; border: 0px' > </iframe> 
         </div> 
</body> 
</html>
 
 
2、Silverlight与网页的DOM之间的交互
DOMDemo.xaml
<UserControl x:Class="Silverlight20.WebPage.DOMDemo" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
        <StackPanel HorizontalAlignment="Left" Margin="5"> 

                <TextBox x:Name="txtMsg" /> 
                 
        </StackPanel> 
</UserControl>
 
DOMDemo.xaml.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Net; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
 
using System.Windows.Browser; 
 
namespace Silverlight20.WebPage 
{ 
         public partial  class DOMDemo : UserControl 
        { 
                 public DOMDemo() 
                { 
                        InitializeComponent(); 
 
                        Demo(); 
                } 
 
                 void Demo() 
                { 
                         // 获取当前页面的 id 为 hello 的DOM，并设置其样式 
                        HtmlElement container = HtmlPage.Document.GetElementById( "hello"); 
                        container.SetStyleAttribute( "display",  "block"); 
 
                         // 创建一个 ul    
                        HtmlElement ul = HtmlPage.Document.CreateElement( "ul"); 
 
                         for ( int i = 0; i < 10; i++) 
                        { 
                                 // 创建一个 li ，并设置其显示的内容 
                                HtmlElement li = HtmlPage.Document.CreateElement( "li"); 
                                li.SetAttribute( "innerText",  "hi: DOM"); 
 
                                 // 将 li 添加到 ul 内 
                                ul.AppendChild(li); 
                        } 
 
                         // 将 ul 添加到 id 为 hello 的 DOM 内 
                        container.AppendChild(ul); 
 
 
                         // 创建一个页面的 button ，并设置其 value 属性和 onclick 事件 
                        HtmlElement button = HtmlPage.Document.CreateElement( "button"); 
                        button.SetProperty( "value",  "hi: Silverlight"); 
                        button.AttachEvent( "onclick",  new EventHandler<HtmlEventArgs>(HelloClick)); 
 
                         // 将 button 添加到 id 为 hello 的 DOM 内 
                        container.AppendChild(button); 
                } 
 
                 void HelloClick( object sender, HtmlEventArgs e) 
                { 
                         // 页面的 button 单击后所需执行的逻辑 
                        txtMsg.Text +=  "hi: Silverlight\r\n"; 
                } 
        } 
}
 
DOMDemo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head > 
         < title >Silverlight20 </title> 
         < style  type ="text/css" > 
                html, body 
                { 
                        height: 100%; 
                        overflow: auto; 
                } 
                body 
                { 
                        padding: 0; 
                        margin: 0; 
                } 
                #silverlightControlHost 
                { 
                        height: 100%; 
                } 
         </style> 

         < script  type ="text/javascript"  src ="../Silverlight.js" > </script> 

</head> 
< body > 
         <! --由 Silverlight 控制此 id 为 hello 的 DOM-- > 
         < div  style ="font-size: 12px; display: none"  id ="hello" > 
         </div> 
         < div  style ="font-size: 12px" > 
                加载 Silverlight20.WebPage.DOMDemo 后，测试 Silverlight 和页面 DOM 的交互 </div> 
         < div  id ="silverlightControlHost" > 
                <object id="xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2" 
                        width="100%" height="100%"> 
                         < param  name ="source"  value ="../ClientBin/Silverlight20.xap"  /> 
                         < param  name ="EnableHtmlAccess"  value ="true"  /> 
                 </object> 
                 < iframe  style ='visibility: hidden; height: 0; width: 0; border: 0px' > </iframe> 
         </div> 
</body> 
</html> 
 
 
3、Silverlight与网页的JavaScript之间的交互
JSDemo.xaml
<UserControl x:Class="Silverlight20.WebPage.JSDemo" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
        <StackPanel HorizontalAlignment="Left" Margin="5"> 

                <Button Margin="5" x:Name="invokeJS" Content="调用JavaScript" Click="invokeJS_Click" /> 
                 
                <TextBox Margin="5" x:Name="txtMsg" /> 

        </StackPanel> 
</UserControl>
 
JSDemo.xaml.cs
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Net; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Animation; 
using System.Windows.Shapes; 
 
using System.Windows.Browser; 
 
namespace Silverlight20.WebPage 
{ 
         public partial  class JSDemo : UserControl 
        { 
                 public JSDemo() 
                { 
                        InitializeComponent(); 
 
                         this.Loaded +=  new RoutedEventHandler(JSDemo_Loaded); 
                } 
 
                 private  void invokeJS_Click( object sender, RoutedEventArgs e) 
                { 
                         // 调用页面的 JavaScript 方法 
                        HtmlPage.Window.Invoke( "silverlightInvokeJS",  "webabcd"); 
 
                         // 执行任意 JavaScript 语句 
                        HtmlPage.Window.Eval( "silverlightInvokeJS('webabcd2')"); 
                } 
 
                 void JSDemo_Loaded( object sender, RoutedEventArgs e) 
                { 
                        HtmlPage.Document.GetElementById( "btnHello").SetStyleAttribute( "display",  "inline"); 
 
                         // 将此对象注册到客户端中，所对应的客户端的对象名为 silverlightObject 
                        HtmlPage.RegisterScriptableObject( "silverlightObject",  this); 
                } 
 
                 /// <summary> 
                 /// Hello 方法 
                 /// 暴露给页面的方法，调用后在 Silverlight 中显示结果 
                 /// </summary> 
                 /// <param name="name">名字</param> 
                [ScriptableMember]  // 脚本化此方法 
                 public  void hello( string name) 
                { 
                        txtMsg.Text +=  string.Format( "Hello: {0}\r\n", name); 
                } 
        } 
}
 
JSDemo.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
< html  xmlns ="http://www.w3.org/1999/xhtml" > 
< head > 
         < title >Silverlight20 </title> 
         < style  type ="text/css" > 
                html, body 
                { 
                        height: 100%; 
                        overflow: auto; 
                } 
                body 
                { 
                        padding: 0; 
                        margin: 0; 
                } 
                #silverlightControlHost 
                { 
                        height: 100%; 
                } 
         </style> 

         < script  type ="text/javascript"  src ="../Silverlight.js" > </script> 

         < script  type ="text/javascript" > 
                function silverlightInvokeJS(name) { 
                        // Silverlight 调用 JavaScript 方法，在页面上显示结果 
                        document.getElementById('result').innerHTML += "hello: " + name + " < br  />"; 
                } 

                function jsInvokeSilverlight(name) { 
                        // JavaScript 调用 Silverlight 方法，在 Silverlight 上显示结果 
                        var obj = document.getElementById("xaml1").content.silverlightObject; 
                        obj.hello(name); 
                } 
         </script> 

</head> 
< body > 
         < div  style ="font-size: 12px"  id ="result" > 
         </div> 
         < div  style ="font-size: 12px" > 
                加载 Silverlight20.WebPage.JSDemo 后，测试 Silverlight 和页面 JavaScript 的交互   
                <input type="button" id="btnHello" value="HelloSilverlight" 
                        style="display: none" /> 
         </div> 
         < div  id ="silverlightControlHost" > 
                <object id="xaml1" data="data:application/x-silverlight-2," type="application/x-silverlight-2" 
                        width="100%" height="100%"> 
                         < param  name ="source"  value ="../ClientBin/Silverlight20.xap"  /> 
                         < param  name ="EnableHtmlAccess"  value ="true"  /> 
                 </object> 
                 < iframe  style ='visibility: hidden; height: 0; width: 0; border: 0px' > </iframe> 
         </div> 
</body> 
</html>
 
 
 


     本文转自webabcd 51CTO博客，原文链接：http://blog.51cto.com/webabcd/343915 ，如需转载请自行联系原作者
文章标签：
JavaScript
前端开发
C#
容器
索引
移动开发
关键词：
JavaScript交互
JavaScript网页
dom交互
JavaScript DOM
JavaScript脚本
技术小胖子
目录
相关文章
光明顶阳顶天
|
4月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染，了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略，可以提高网页的性能和用户体验，确保页面能够快速、流畅地呈现给用户。在实际开发中，要根据具体情况进行权衡和调整，以达到最佳的效果。
光明顶阳顶天
86 1
蚝油菜花
|
2月前
|
数据采集 人工智能 自然语言处理
Midscene.js：AI 驱动的 UI 自动化测试框架，支持自然语言交互，生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架，通过自然语言交互简化测试流程，支持动作执行、数据查询和页面断言，提供可视化报告，适用于多种应用场景。
蚝油菜花
548 1
Midscene.js：AI 驱动的 UI 自动化测试框架，支持自然语言交互，生成可视化报告
我是快乐的嘟嘟
|
3月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
120 49
技能实验室
|
3月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
技能实验室
80 5
在浏览器执行js脚本的两种方式
龙大吉
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
龙大吉
88 5
左诗右码
|
3月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中，后端与前端的数据交换常使用JSON格式，但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数，超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包，介绍如何通过将大整数以字符串形式序列化和反序列化，有效解决这一问题，确保前后端数据交换的准确性。
左诗右码
74 4
2的n次方_
|
4月前
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式（行内、内部、外部）和基础语法，包括变量、数据类型、运算符、数组、函数和对象等内容。同时，文章还详细讲解了 jQuery 的基本语法和常用方法，如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等，以及如何插入和删除元素。通过示例代码和图解，帮助读者更好地理解和应用这些知识。
2的n次方_
55 1
【JavaScript】网页交互的灵魂舞者
大树营养快线
|
3月前
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
大树营养快线
83 4
土木林森
|
3月前
|
设计模式 前端开发 JavaScript
揭秘！前端大牛们如何巧妙利用JavaScript，打造智能交互体验！
【10月更文挑战第30天】前端开发领域充满了无限可能与创意，JavaScript作为核心语言，凭借强大的功能和灵活性，成为打造智能交互体验的重要工具。本文介绍前端大牛如何利用JavaScript实现平滑滚动、复杂动画、实时数据更新和智能表单验证等效果，展示了JavaScript的多样性和强大能力。
土木林森
97 4
神明木佑
|
4月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
神明木佑
130 4

热门文章

最新文章

  • 1
    JavaScript闭包深入剖析：性能剖析与优化技巧
  • 2
    如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）
  • 3
    JavaWeb JavaScript ③ JS的流程控制和函数
  • 4
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
  • 5
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
  • 6
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
  • 7
    【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
  • 8
    【JavaScript】深入理解 let、var 和 const
  • 9
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
  • 10
    盘点原生JS中目前最没用的几个功能API
  • 1
    Silverlight & Blend动画设计系列二：旋转动画（RotateTransform）
    1037
  • 2
    silverlight，WPF动画终极攻略之白云飘，坐车去旅游篇（Blend 4开发）
    1270
  • 3
    silverlight，WPF动画终极攻略之迟来的第三章 动画整合篇（Blend 4开发）
    1179
  • 4
    Silverlight & Blend动画设计系列六：动画技巧（Animation Techniques）之对象与路径转化、波感特效
    1070
  • 5
    Silverlight & Blend动画设计系列五：故事板(StoryBoards)和动画(Animations)
    956
  • 6
    Silverlight & Blend动画设计系列四：倾斜动画（SkewTransform）
    856
  • 7
    Silverlight & Blend动画设计系列三：缩放动画（ScaleTransform）
    950
  • 8
    在Silverlight程序中使用Thread一个很容易被忽略的问题
    762
  • 9
    Silverlight Map 技术点总结
    994
  • 10
    silverlight起步（二）——第一个silverligth
    904

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 前端开发CSS基础
  • 移动Web前端开发
  • jQuery开发教程

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础2：VS Code和Edge的联动开发
  • 前端开发基础1：前端开发环境的安装和配置
  • WEB网页编程实战
    • 下一篇
    阿里云oss简介和如何对接使用