my demos

العروض التوضيحية شائعة الاستخدام في التطوير

استخدم Vue-cli و Element-ui لكتابة الأمثلة التي تمت مواجهتها في التطوير اليومي.

 # 部署方法
git subtree push --prefix=dist origin gh-pages

عنوان الزيارة:

https://beat-the-buzzer.github.io/my-demos

مشروع جديد

npm install -g @vue/cli # 全局安装vue-cli
vue create my-demos # 新建项目
npm install -S element-ui # 安装element-ui
npm install -S vue-router # 安装vue-router

ملاحظة: لا يضيف vue-cli 4.x التكوينات المتعلقة بحزمة الويب إلى المشروع مباشرةً، بل يستخدم البرنامج النصي npm، المشابه لتطبيق create-react-app، مما يبسط المشروع. ولكن ماذا لو أردنا تعديل التكوين؟ في الواقع، هذا يعادل وجود بعض التكوينات الافتراضية. إذا لم نستخدم هذا التكوين الافتراضي، فيمكننا كتابة بعض التكوينات بأنفسنا وكتابتها في vue.config.js لاستبدال التكوينات الأصلية. على سبيل المثال، إذا كنت أرغب في تعديل مسار الموارد المجمعة، أود أن أضيف:

 module . exports = {
  //=>process.env.NODE_ENV：环境变量中存储的是开发环境还是生产环境
  publicPath : process . env . NODE_ENV === 'production' ? './' : '/' ,
} 

تجريبي

clipboard.js

وظيفة النقر للنسخ: معالجة موحدة لمشكلات التوافق

npm install -S clipboard

swiper.js

مكونات الرف الدائري والانزلاق: قم بتنفيذ مثال شائع جدًا غير متوفر على الموقع الرسمي:

npm install -S swiper

com.mockjs

محاكاة البيانات

npm install -S mockjs

يمكنك استخدام هذه الأداة لمحاكاة البيانات، وهي أداة أساسية بالنسبة لنا لكتابة العروض التوضيحية.

إعادة تعيين.css

إزالة الاختلافات بين المتصفحات

npm install -S reset-css

فقط أدخله مباشرة في المشروع:

 import 'reset-css' ; // 引入CSS重置的模块

أيقونة الخط —— SVG

لاستخدام SVG لتقديم الرموز، تحتاج أولاً إلى وضع الرموز المطلوبة في مشروع على موقع Iconfont، واختيار الرمز، وسيظهر العنوان أدناه. عند زيارة هذا العنوان، يمكنك رؤية قطعة من js. إذا قمت بإدخال هذا js في المشروع، فيمكنك استخدامه مباشرة في المشروع.

 import './common/iconfont' ; // 引入SVG

com.qrcode

توليد رمز الاستجابة السريعة

npm install -S qrcode

mescroll

اسحب لأعلى للتحميل، اسحب لأسفل لتحديث البرنامج المساعد

npm install -S mescroll.js

Sortable.js

اسحب للفرز

npm install -S sortablejs

الفرز بالسحب، المشكلة التي نواجهها غالبًا هي كيفية مزامنة البيانات مع عناصر DOM في الصفحة في أطر عملنا مثل Vue أو React.

معدّلات فيو

معدّلات Vue هي في الأساس النسخة التجريبية الموجودة على الموقع الرسمي

تشفير AES

AES هي طريقة تشفير متماثلة، وتتضمن أوضاع التشفير بشكل أساسي ما يلي:

1. كتاب الرموز الإلكتروني (ECB) 2. تسلسل كتل التشفير (CBC) 3. وضع الحاسبة (العداد (CTR)) 4. تعليقات التشفير (CFB) 5. ردود فعل الإخراج (OFB)

npm install -S aes-js

إذا كنت مهتمًا، يمكنك معرفة المزيد حول المبادئ الداخلية المحددة.

عندما نستخدم localStorage وSessionStorage لتخزين البيانات محليًا، يمكننا إجراء عملية تشفير لتحسين مستوى أمان البيانات.

تكيف المحطة المتنقلة المرنة مع lib