المدونة ياهو واجهة المستخدم (YUIBlog)

YUI مسرح - جيف كريج: "تبديد الغموض الذي يكتنف محمل متقدم لتكوين وحدة" (31 دقيقة).

في هذا الحديث من YUIConf 2011، ميبو مهندس وYUI مساهم جيف كريج ( @ foxxtrot ) يكشف عن كل ما كنت أريد دائما أن تعرفه عن محمل YUI لكن الخوف من أن نسأل. هذا أمر لا بد أن نرى على أي شخص القيام أداء الحرجة العمل مع YUI 3.

وصلات

• عرض في HD على موقع يوتيوب
• الشرائح
• كامل YUIConf 2011 قائمة التشغيل على موقع يوتيوب

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI: ساعات فتح خميس 15 ديسمبر

YUI 3.5.0 PR1

YUI 3.5.0 PR1 متاحة الآن ! هذا هو الأول من الإصدارات الثلاثة لمعاينة 3.5.0.

لهذا ساعات فتح سنكون تسليط الضوء على ما هو في PR1 ومناقشة كيف يمكنك أن تشترك للتأكد من 3.5.0 صخرة صلبة. سنقوم أيضا أن يسأل عن تظهر اليدين من من المطورين الذين رهيبة قد بدأت بالفعل باستخدام 3.5.0 PR1 (والذي هو على كندي ). يأتي يوم الخميس، لا ننشغل مع يدك إلى أسفل :)

أيضا، و التدريج مكتبة YUI موقع تم تحديثه مع أدلة ومستندات آخر عضو المعهد، واستجابة لردود الفعل من ساعات فتح الماضي ، ونحن الآن لدينا باستخدام يكي GitHub لمتابعة مناقشات التطوير المستمر .

تسجيل

تسجيل غير متوفرة على قناة يوتيوب YUILibrary .

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

التغييرات في إطار التطبيق YUI 3.5.0

منذ الإصدار الأول من إطار التطبيق في YUI 3.4.0، لقد اندهشنا من قبل كيف بسرعة انه تم اعتماده. في المشاريع الكبيرة و الصغيرة ، وكانت على حد سواء منذ فترة طويلة للمستخدمين YUI، وأولئك الذين جديدة تماما إلى المكتبة بحماس باستخدام مكونات إطار التطبيق في MVC وتقديم ردود فعل كبيرة وتقارير الشوائب. شكرا لك!

في YUI 3.5.0، سيقوم إطار التطبيق تتلقى الكثير من علة ويحدد بعض التحسينات الرئيسية. تغطية اريك Ferraiuolo العديد من التغييرات القادمة في كتابه الحديث YUIConf رائعة ، لكننا نريد هنا تسليط الضوء عليها وكذلك لذلك عليك أن تعرف ما سيأتي وماذا يجب ان نستعد لأنه إذا كنت تخطط لترقية التطبيق الإطار القائم على رمز من 3.4.x إلى 3.5.0. هذه التغييرات هي بالفعل في YUI 3.5.0 PR1 ، والذي صدر اليوم، لذلك حان وقت كبير لبدء اختبارها.

Y.Controller الآن Y.Router

وكان "المراقب" اسم سخيف ومربكة لمكون التي تهم حقا في حد ذاته أكثر مع توجيه URL مقرها، ولا سيما بالنظر إلى دور أكثر تقليديا تحكم مثل تلك المسرحيات Y.View. لقد قررنا أن لدغة الرصاصة وإعادة تسمية فئة Y.Controller إلى Y.Router في 3.5.0. وسوف Y.Controller أصبح اسم مستعار للحفاظ على التوافق، ولكن في نهاية المطاف إزالة هذا يكون الاسم المستعار، لذلك يجب عليك تحديث الشفرة للإشارة إلى الاسم الجديد.

توقيع جديد طريق معالج

تم تغيير توقيع الأسلوب لوظائف في طريق معالج Y.Router قليلا لجعلها أكثر مماثلة ل تعبر عن وجعل API الموجه أكثر طبيعية عند استخدامها على الخادم (ميزة نحن نعمل حاليا على ل3.5.0).

سابقا، حصل على وظيفة معالج طريق حجتين: req (كائن الطلب) و next (وظيفة). في 3.5.0، ومعالجات طريق الحصول على ثلاث وسائط: req ، res (كائن استجابة)، ثم next .

من أجل التوافق، والجديد res الحجة هي أيضا وظيفة أن تتصرف تماما مثل next ، ومعالجات لذلك الطريق على الطراز القديم التي تتوقع next كما ARG 2 ستواصل العمل بشكل جيد في 3.5.0. ومع ذلك، في نهاية المطاف هذه الرقاقة التوافق يمكن إزالتها، حتى لا ننتظر وقتا طويلا لتحديث التعليمات البرمجية.

بعض الخصائص هي سمات الآن

جربت نحن مع لا، تماما، مثل YUI نمط من استخدام خصائص خيارات شكلي في مكونات الإطار التطبيق في 3.4.0، ولكن هذا تبين أنها مربكة بعض الشيء، وأكثر من ذلك بقليل الحد، منذ خصائص لا يستفيدون من أحداث التغيير، واضعة لها، و مصادقة سمات مثل القيام به. حتى في 3.5.0، ونحن تحويل العديد من هذه الخصائص إلى الصفات.

لسوء الحظ، هذا التغيير غير متوافق إلى الوراء، قد البرمجية الموجودة بحيث يستخدم Y.Controller (الآن Y.Router) أو Y.View تحتاج إلى تحديث. على وجه التحديد، Y.Router الصورة html5 ، root ، و routes الخصائص هي سمات الآن، وY.View الصورة container ، model ، و modelList الخصائص هي سمات الآن كذلك.

وبالإضافة إلى ذلك، Y.View الصورة container السمة يعامل الآن قيم السلسلة كما محددات CSS استخدامها للعثور العقد على الصفحة. في 3.4.x، يفترض قيمة سلسلة تمثل HTML الخام التي ينبغي تحويلها إلى عقدة. للحصول على السلوك القديم، فقط تغيير القيم الموجودة لديك سلسلة من أتش تي أم أل '<div>foo</div>' ل Y.Node.create('<div>foo</div>') .

وثائق 3.5.0 PR1

يمكن العثور على عمل في وثائق تقدم لهذه التغييرات وغيرها من التغييرات في YUI 3.5.0 PR1 على موقعنا موقع التدريج . وهنا بعض الروابط لانطلاق مستندات ذات الصلة والتي تشمل معلومات عن الإستنكار إطار التطبيق في 3.5.0 وتفاصيل حول كيفية ترقية التعليمات البرمجية:

• جهاز التوجيه
• عرض

لاحظ أن المحتوى في stage.yuilibrary.com يعكس العمل الجاري في التقدم ويمكن أن تكون غير مكتملة أو حتى كسر في بعض الأحيان ونحن الاشياء اختبار جديد. ستجد دائما من مستندات لآخر إصدار مستقر في موقع الإنتاج لدينا، yuilibrary.com .

ما الجديد في هذا؟

في هذا بلوق وظيفة لقد لخص لي الإستنكار المهم المجيء إلى إطار التطبيق في 3.5.0، ولكن هناك أيضا الكثير من التحسينات ميزة وتحت غطاء محرك السيارة، علة الحلول. للحصول على قائمة كاملة من التغييرات في إطار التطبيق 3.5.0 PR1، التشاور مع ملف التاريخ .

أيضا، والبحث عن وظيفة بلوق من اريك قريبا عن Y.App، رهيبة جديد رفيع المستوى مكون من إطار التطبيق الذي يختتم التوجيه المعتمدة على عنوان URL وإدارة الرأي في المعهد سهل الاستخدام واحد التي سوف تحصل على من صفر إلى تطبيق العمل في أي وقت من الأوقات.

نأمل تحب الافراج المعاينة، وكنا نحب أن نسمع منك! يمكنك أن ترسل لنا رأيك في المحافل ، في تقرير الشوائب ، على التغريد ، على قناة # IRC YUI في Freenode، أو رنين فقط في هنا مع تعليق.

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI 3.5.0 PR1 متاحة الآن

وقد تم نشر YUI الافراج عن معاينة 3.5.0 1 لاختبار والتغذية المرتدة من مجتمع المطورين. يمكنك العثور عليها على كندي ياهو في yui.yahooapis.com/3.5.0pr1/build/yui/yui-min.js ، أو تنزيل ملف مضغوط إذا كنت تخطط لاستضافة ذلك بنفسك.

و تراكمي من التغييرات التي أدخلت في PR1 يتوفر على المعرفة GitHub لدينا. وبالإضافة إلى ذلك، يمكنك مراجعة القائمة من التذاكر التي تم حلها في هذا الإصدار .

العمل قيد التنفيذ أدلة المستخدم و مستندات API ويمكن الاطلاع على ل3.5.0 على موقع انطلاق لدينا، ولكن حذار أن هذه المستندات قد تكون غير كاملة أو حتى كسر، لأن هذا هو المكان الذي نقوم باختبار الأشياء الجديدة. يمكن دائما مستندات رسمية لآخر إصدار مستقر يمكن العثور عليها في موقع الإنتاج لدينا، yuilibrary.com .

وسيتم عرض المزيد من التغييرات في الاصدارات الأولية القادمة من YUI 3.5.0، وبعض منهم موجودون حاليا في فروع الشركات العقارية الخاصة والمتوفرة للمراجعة الأولية من خلال طلبات سحب التالية:

• جديد DataTable الهندسة المعمارية والتنفيذ
• جديد زر وحدة

لتقديم البق ضد هذا البيان، يرجى زيارة نظام تعقب علة . إذا كنت ترغب في تقديم مساهمة في هذه الوحدات والمستقبلية، والمناقشات الجارية في مختلف الموضوعات المتعلقة بإطلاق سراح 3.5.0 تحدث على موقعنا يكي GitHub.

اذا سارت الامور وفقا للخطة، ونأمل في الافراج عن YUI 3.5.0 PR2 في 30 يناير 2012. أعيادا سعيدة!

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI مسرح - ألين رابينوفيتش: "YUI التقويم - دراسة حالة لبناء وحدات مع ستايل" (47 دقيقة).

في هذا الحديث من YUIConf 2011، YUI مهندس ألين رابينوفيتش ( @ allenr ) تشارك في العملية التي تستخدم لمهندس معماري وبناء جديد القطعة التقويم في YUI 3، ويشرح كيف يمكنك استخدام عملية مماثلة لبناء تطبيقاتك المصغرة. وقال انه تبين أيضا قبالة عنصر جديد ويكشف عن أداء خدعة ذكية تستخدم لتسريع جعل من تعدد التقاويم.

وصلات

• عرض في HD على موقع يوتيوب
• كامل YUIConf 2011 قائمة التشغيل على موقع يوتيوب

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

YUI مسرح - بات Cavit: "أمثل الموقع أتمتة" (32 دقيقة).

بات Cavit ( @ tivac )، وهو مهندس في الواجهة نقاش المؤلف انضم ومساهما YUI النشطة وعضوا في المجتمع، نحن في YUIConf 2011 إلى إعطاء هذا الكلام على أتمتة أمثل موقع بناء في الوقت مثل سلسلة ملف، minification، وإعادة تسمية، وأكثر من ذلك باستخدام نملة بناء أداة.

وصلات

• عرض في HD على موقع يوتيوب
• كامل YUIConf 2011 قائمة التشغيل على موقع يوتيوب

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!

في معرض 3 YUI: السائبة القطعة محرر

في البرنامج المساعد تحرير سريع لل YUI 3 DataTable يجعل من السهل لتحرير صفحة كاملة من السجلات باعتبارها عملية الذري. ومع ذلك، في بعض الأحيان ما عليك القيام به أكثر من ذلك. على سبيل المثال، قد يكون لديك لتحرير في وقت واحد أكثر من السجلات يمكنك تتلاءم بشكل مريح في صفحة واحدة. أو قد تحتاج إلى دعم واضاف، تكرار، وإزالة السجلات كجزء من عملية الذري. أو ربما كنت ترغب في حقول مجموعة بصريا عن طريق وضعها في خلية جدول واحد. في محرر السائبة القطعة تدعم جميع هذه الاحتمالات.

( انقر على شاشة للعب مع هذا المثال .)

نظرة عامة

القطعة محرر السائبة ويتكون من ثلاثة عناصر:

Data source

هذا يلتف YUI مصدر البيانات وإدارة التغييرات: الإدراج وإزالتها، والقيم التي تم تغييرها.

Base widget

هذا ويوفر بنية أساسية للتحرير من خلال إدارة السجلات والحقول في كل سجل. الفئات المشتقة هي المسؤولة عن تقديم كل سجل في صف منفصل، الذي يمكن أن يكون DIV، tbody، أو بعض الحاويات الأخرى.

HTML table implementation

هذا وتمتد القطعة قاعدة لتقديم كل سجل في tbody في جدول HTML. تكوين العمود الذي يحدد حقل يتم عرضه في كل عمود من الجدول. ويمكن استخدام منسق خلية مخصصة لتقديم حقول متعددة في خلية جدول واحد.

التكوين

في المثال التي ولدت في الصورة أعلاه، ظلت التكوين بسيطا قدر الإمكان:

fields يحدد القيم القابلة للتحرير في كل سجل. النوع الافتراضي هو الإدخال. الأنواع الأخرى الصالحة وحدد محتويات صندوق الكتابة. (حدد يتطلب قائمة من القيم.) يتم توفير مصادقة أساسية مدير نموذج الصور النمطية. هذا وتغطي الحقول المطلوبة، وفرض قيود طول، ونطاقات رقمية . لا يمكن أن يؤديها التحقق من الصحة أكثر تعقيدا عن طريق تحديد regex أو وظيفة الخاص بك ( fn ). هنا مقتطف من مثال حي:

 الحقول فار =
 {
	 العنوان:
	 {
		 نوع: 'محتويات صندوق الكتابة'
	 }،
	 السنة:
	 {
		 التحقق من الصحة:
		 {
			 المغلق: "yiv-عدد صحيح: [1500،2100] '
		 }
	 }،
	 اللون:
	 {
		 نوع: 'اختر'،
		 القيم:
		 [
			 {قيمة: "الحمراء"، النص: 'الأحمر'}،
			 {قيمة: "الخضراء"، النص: 'الأخضر'}،
			 {قيمة: 'الأزرق'، النص: 'الأزرق'}
		 ]
	 }
 }؛

Y.BulkEditDataSource يتطلب مثيل Y.DataSource والمعلمات التالية:

uniqueIdKey

اسم المفتاح الذي يحدد بشكل فريد كل سجل.

generateRequest

وثمة وظيفة لتوليد المعلمات طلب Y.DataSource . (وهذا هو فارغ في المثال، وذلك لأن Y.DataSource.Local دوما بإرجاع كافة البيانات.)

extractTotalRecords

وثمة وظيفة لاستخراج العدد الإجمالي للسجلات من Y.DataSource استجابة.

منذ المثال يستخدم Y.DataSource.Local ، totalRecordsReturnExpr مطلوب أيضا. هذا التعبير OGNL حيث يحدد في الاستجابة لتخزين العدد الإجمالي للسجلات. (لاحظ أن extractTotalRecords يقرأ هذه القيمة.)

 فار س = جديد Y.BulkEditDataSource (
 {
	 س: raw_ds،
	 uniqueIdKey: 'معرف'،
	 generateRequest: وظيفة () {}،
	 totalRecordsReturnExpr: '. meta.totalRecords'،
	 extractTotalRecords: وظيفة (الاستجابة)
	 {
		 عودة response.meta.totalRecords؛
	 }
 })؛

Y.HTMLTableBulkEditor يتطلب مصدر البيانات، والتكوين الميداني، وتكوين العمود. في تكوين العمود، والمفتاح هو اسم الحقل، إلا إذا قمت بتحديد المنسق مخصصة. ويستخدم التسمية كعنوان عمود. هنا مقتطف من مثال حي:

 أعمدة فار =
 [
	 {
		 مفتاح: 'الاختيار'،
		 التسمية: "<input type="checkbox" id="select-all" /> '،
		 المنسق: وظيفة (س)
		 {
			 فار العلامات = '<input type="checkbox" class="record-select" id="{id}" />'؛
			 o.cell.set ('innerHTML، Y.Lang.sub (العلامات،
			 {
				 اسم المستخدم: this.getRecordId (o.record)
			 }))؛
		 }
	 }،
	 {مفتاح: 'عنوان'، والتسمية: 'العنوان'}،
	 {مفتاح: 'عام'، والتسمية: 'السنة'}،
	 {مفتاح: "لون"، والتسمية: 'اللون'}
 ]؛

(لاحظ أن المثال الحي يعرف تمديد طفيفة Y.HTMLTableBulkEditor للتعامل مع عمود مربع.)

يمكنك أيضا تمرير مثيل Y.Paginator إلى Y.BulkEditDataSource . ويتجلى هذا في منفصلة، ​​وأكثر تعقيدا مثال حي .

المحلية مقابل البعيد مصادر البيانات

عندما تقرر ما إذا كان لاستخدام محلي أو بعيد مصدر البيانات، يجب النظر بعناية في المفاضلة. ما هو واضح المفاضلة هو أن مصدر البيانات المحلية هو أسرع عندما ترقيم صفحات، ولكن تحميل الصفحة الأولى ستستغرق وقتا أطول، ويتطلب المزيد من الذاكرة على العميل.

القطعة محرر السائبة يفرض إضافية المقايضات، ولكن.

أولا، يجب أن YUI مصدر البيانات إرجاع البيانات غير قابل للتغيير. هذه هي الآلية لمصادر البيانات المحلية، ولكن يمكن أن تكون خادعة لتنفيذ لمصادر بيانات الاستشعار عن بعد. وسوف تحتاج إلى قفل الصفوف في جدول قاعدة البيانات لمدة عملية تحرير الجزء الأكبر إذا ما سمح لأكثر من مستخدم لتعديلها.

الثانية، والاختيار بين مصدر البيانات المحلية والبعيدة يؤثر على كيفية ويسمح لك لحفظ البيانات. عند استخدام مصدر البيانات المحلية، يمكنك القيام به أفضل ادخار جهد، أي حفظ كافة السجلات صالح إلى الخادم، إزالتها من مصدر البيانات المحلية، والسماح للمستخدم التركيز على السجلات التي تحتوي على قيم غير صالحة. عند استخدام مصدر بيانات الاستشعار عن بعد، شرط ثبات يسمح لك أن تفعل كل شيء أو لا تدخر أي شيء، أي، لا يمكن إلا أن يتم حفظ البيانات بعد كل البيانات صحيحة.

في العالم الحقيقي، استخدام حالة

وكان الدافع الأصلي للقطعة محرر السائبة للسماح للمرحلة ما بعد المعالجة من جدول بيانات التي تم تحميلها. إدخال خطوة مرحلة ما بعد المعالجة يزيل الحاجة للحصول على القيم جدول ليكون مثاليا. أخطاء يمكن أن تكون علامة وثابتة في القطعة محرر السائبة بدلا من رفض تحميل كامل. وبالإضافة إلى ذلك، يمكن معالجة على الملقم تفعل أفضل تخمين التنازل عن القيم الإضافية اللازمة لكل سجل، ويمكن للمستخدم الاختيار وتحديد هذه القيم اضافية قبل الحفظ. هذا يبسط إنشاء الأولي من جدول البيانات.

في هذا السيناريو، مصدر بيانات الاستشعار عن بعد هو الخيار الافضل. يتم تخزين البيانات التي تم تحميلها في الفضاء نقطة الصفر، وبالتالي غير قابل للتغيير مكفولة، منذ أي مستخدم آخر يمكن أن نرى ذلك. "كل شيء أو لا شيء" الادخار المناسبة: عندما يكون تم إصلاح كافة الأخطاء، الحفظ العملية غير نووية، تماما مثل عملية التحميل القياسية.

نبذة عن الكاتب: جون ليندال ( @ jafl5272 على التغريد) هو واحد من المهندسين الرصاص بناء الأساس الذي ياهو! APT بنيت. سابقا، كان يعمل على شبكة ياهو الناشر.

العثور على المحادثات: المدونات | technorati

تقاسم وتوسيع نطاق: مع الإشارة المرجعية متواجد حاليا | يسو أنها! | صديق!