百度前端的七巧板－ Tangram

•Descargar como KEY, PDF•

5 recomendaciones•970 vistas

Berg Ray

Infoq 百度技术沙龙 4.16

Tecnología

Agenda

• Challenges & dreams
• Architecture
• Tangram Base
• Tangram UI

•
• T.dom.addClass(ele, "highlight");
•
• T.e("#container").addClass("highlight");

startBaiduHI.js:

Put Tangram in a clusure

constructor
Plugin constructor

prototype

Plugin prototype

baidu.ui.Dialog.register(function(dialog){

dialog.addEventListener("onload", function(){

if(dialog.type == "alert"){

baidu.dom.insertHTML(

dialog.getId("footer"),

"beforeEnd",

getButtonString()

);

}

});

}); Constructor

$baidu.ui.Dialog.extend({ okText : " ", _ok : function(){ this.close(); } }); Prototype$

462 Dialog

44 closeButton
57 draggable
54 iframe
69 keyboard
44 modal
99 resizable
26 smartCover

ui.Base

ui.create lang.Class

baidu

Button

ui.Base

mix-in

ui.create lang.Class

inherit baidu

Button

button dialog table ...

alert

conﬁrm

modal

keyboard

...

button dialog table ...

alert
draggable
conﬁrm

stateable modal

keyboard
...
...

!anks
berg

Twitter: @cnberg
: @berg
i@cnberg.com

Más contenido relacionado

Similar a 百度前端的七巧板－ Tangram

How dojo works

Amit Tyagi

Mobile Web Development with HTML5

Roy Clarkson

jQTouch at jQuery Conference 2010

David Kaneda

MongoDB at ZPUGDC

Mike Dirolf

Web Developing In Search

Frank Xu

Headless browser: puppeteer and git client : GitKraken

SheikhMoonwaraAnjumM

Famo.us introduction

Allen Wu

This talk takes a brief look at developer tooling history, before jumping into a breakdown of some of Chrome DevTools major panels and tricks and techniques for each area. We then took two live examples of JS debugging with multiple kinds of breakpoints, and then wrapped things up with a quick overview of the RAIL performance model, and a walkthrough and demo of the Performance and Audit panels to see how we can catch performance bottlenecks and fix them!

Digging into your DevTools

Vernon Kesner

JavaScript is a scripting language most commonly implemented in browsers that has been used for several decades now to enrich web-based applications. A a dynamically typed language that was rapidly developed for a narrow purpose, JavaScript has many nuances that make it difficult to manage in large enterprise applications. TypeScript was developed as the answer to provide a way to build large JavaScript applications without changing the language itself. TypeScript is a superset of JavaScript that provides mostly development-time features such as auto-completion, type checking, and discovery of interfaces. Learn from Wintellect principal consultant Jeremy Likness about the challenges JavaScript brings to enterprise development and how TypeScript provides an elegant solution through its implementation of types, interfaces, classes, modules and definitions.

Introduction to TypeScript

Jeremy Likness

Mobile for the rest of us

Axway Appcelerator

Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium

Jeff Haynie

Appcelerator Titanium at Mobile 2.0

Jeff Haynie

Android Wear: A Developer's Perspective

Vin Lim

Mobile Web & HTML5 Performance Optimization

Maximiliano Firtman

ICS3211 lecture 08

Vanessa Camilleri

Fluent 2012 v2

Shalendra Chhabra

Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010

Atlassian

Win j svsphonegap-damyan-petev-mihail-mateev

Mihail Mateev

Google I/O 2011, Android Honeycomb Highlights

Romain Guy

Extjs + Gears

hagino 3000

Similar a 百度前端的七巧板－ Tangram (20)

How dojo works

Mobile Web Development with HTML5

jQTouch at jQuery Conference 2010

MongoDB at ZPUGDC

Web Developing In Search

Headless browser: puppeteer and git client : GitKraken

Famo.us introduction

Digging into your DevTools

Introduction to TypeScript

Mobile for the rest of us

Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium

Appcelerator Titanium at Mobile 2.0

Android Wear: A Developer's Perspective

Mobile Web & HTML5 Performance Optimization

ICS3211 lecture 08

Fluent 2012 v2

Go, Go, Gadgets: Building Gadgets for Atlassian Products - Atlassian Summit 2010

Win j svsphonegap-damyan-petev-mihail-mateev

Google I/O 2011, Android Honeycomb Highlights

Extjs + Gears

Último

Webinar Recording: https://www.panagenda.com/webinars/why-teams-call-analytics-is-critical-to-your-entire-business Nothing is as frustrating and noticeable as being in an important call and being unable to see or hear the other person. Not surprising then, that issues with Teams calls are among the most common problems users call their helpdesk for. Having in depth insight into everything relevant going on at the user’s device, local network, ISP and Microsoft itself during the call is crucial for good Microsoft Teams Call quality support. To ensure a quick and adequate solution and to ensure your users get the most out of their Microsoft 365. But did you know that ‘bad calls’ are also an excellent indicator of other problems arising? Precisely because it is so noticeable!? Like the canary in the mine, bad calls can be early indicators of problems. Problems that might otherwise not have been noticed for a while but can have a big impact on productivity and satisfaction. Join this session by Christoph Adler to learn how true Microsoft Teams call quality analytics helped other organizations troubleshoot bad calls and identify and fix problems that impacted Teams calls or the use of Microsoft365 in general. See what it can do to keep your users happy and productive! In this session we will cover - Why CQD data alone is not enough to troubleshoot call problems - The importance of attributing call problems to the right call participant - What call quality analytics can do to help you quickly find, fix-, and prevent problems - Why having retrospective detailed insights matters - Real life examples of how others have used Microsoft Teams call quality monitoring to problem shoot problems with their ISP, network, device health and more.

Why Teams call analytics are critical to your entire business

panagenda

Following the popularity of “Cloud Revolution: Exploring the New Wave of Serverless Spatial Data,” we’re thrilled to announce this much-anticipated encore webinar. In this sequel, we’ll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you’re building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

Edi Saputra

DBX First Quarter 2024 Investor Presentation

Dropbox

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Exploring Multimodal Embeddings with Milvus

Zilliz

MINDCTI Revenue Release Quarter One 2024

MIND CTI

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Juan lago vázquez

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

Discover the innovative features and strategic vision that keep WSO2 an industry leader. Explore the exciting 2024 roadmap of WSO2 API management, showcasing innovations, unified APIM/APK control plane, natural language API interaction, and cloud native agility. Discover how open source solutions, microservices architecture, and cloud native technologies unlock seamless API management in today's dynamic landscapes. Leave with a clear blueprint to revolutionize your API journey and achieve industry success!

WSO2's API Vision: Unifying Control, Empowering Developers

WSO2

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

百度前端的七巧板－ Tangram

1. Tangram berg infoQ

2. Agenda • Challenges & dreams • Architecture • Tangram Base • Tangram UI

3. Challenges & dreams

5. Response as Fast as we can

6. Changing Every Day

7. Rich Internet Application

8. Legacy from 2001, new legacy everyday

9. The dreams • • Javascript •

10. Architecture

11. app widget component base

12. app widget component base

13. app widget component base

14. app widget UI component base

15. app widget UI component base

16. Tangram base

17. Challenges • • • •

18.

19. • • T.dom.addClass(ele, "highlight");

20. • • T.dom.addClass(ele, "highlight"); • • T.e("#container").addClass("highlight");

21. • • T.dom.addClass(ele, "highlight"); • • T.e("#container").addClass("highlight"); •

22.

23.

24.

25.

26.

27.

28.

29. page:

30. startBaiduHI.js: Put Tangram in a clusure

31. Conclusions • • •

32. Tangram UI

33. Challenges • • • •

34.

35. constructor ... ... prototype ...

36.

37. constructor prototype

38. constructor Plugin constructor prototype Plugin prototype

39. baidu.ui.Dialog.register(function(dialog){ dialog.addEventListener("onload", function(){ if(dialog.type == "alert"){ baidu.dom.insertHTML( dialog.getId("footer"), "beforeEnd", getButtonString() ); } }); }); Constructor

40. baidu.ui.Dialog.extend({ okText : " ", _ok : function(){ this.close(); } }); Prototype

41. 462 Dialog 44 closeButton 57 draggable 54 iframe 69 keyboard 44 modal 99 resizable 26 smartCover

42.

43. UI =

44. Data UI =

45. Data + UI =

46. Data + UI = DOM

47. Data + UI = DOM +

48. Data + UI = DOM + Control

49. Javascript

50. Data + UI = DOM + Control

51. Data + UI = DOM + Control

52. Data + UI = DOM + Control

53. Javascript

54. DOM

55. DOM HTML:

56. DOM HTML: Javascript:

57. Data + UI = DOM + Control

58. Data + UI = DOM + Control

59. Data + UI = DOM + Control

60. UI

61. ui.Base ui.create Button

62. ui.Base ui.create Button

63. ui.Base ui.create lang.Class baidu Button

64. ui.Base mix-in ui.create lang.Class inherit baidu Button

65.

66. button dialog table ...

67. button dialog table ... alert conﬁrm modal keyboard ...

68. button dialog table ... alert draggable conﬁrm stateable modal keyboard ... ...

69. Conclusions • • • • •

70. About us

71.

72.

73. http://tangram.baidu.com

74. Conclusions

75. • • • • Javascript •

76.

77. Tangram

78. mp3 IM Tangram hao123

79. !anks berg

80. !anks berg Twitter: @cnberg : @berg i@cnberg.com

百度前端的七巧板－ Tangram

Recomendados

Recomendados

Más contenido relacionado

Similar a 百度前端的七巧板－ Tangram

Similar a 百度前端的七巧板－ Tangram (20)

Último

Último (20)

百度前端的七巧板－ Tangram

百度前端的七巧板 － Tangram

Recomendados

Recomendados

Más contenido relacionado

Similar a 百度前端的七巧板 － Tangram

Similar a 百度前端的七巧板 － Tangram (20)

Último

Último (20)

百度前端的七巧板 － Tangram

百度前端的七巧板－ Tangram

Similar a 百度前端的七巧板－ Tangram

Similar a 百度前端的七巧板－ Tangram (20)

百度前端的七巧板－ Tangram