ดาวน์โหลดการ my demos - ดาวน์โหลดการสาธิต my demos ซอร์สโค้ด

my demos

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

การสาธิตที่ใช้กันทั่วไปในการพัฒนา

ใช้ 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 ไม่ได้เพิ่มการกำหนดค่าที่เกี่ยวข้องกับ webpack ให้กับโปรเจ็กต์โดยตรง แต่จะใช้สคริปต์ npm ซึ่งคล้ายกับ create-react-app ซึ่งทำให้โปรเจ็กต์ง่ายขึ้น แต่ถ้าเราต้องการแก้ไขการกำหนดค่าล่ะ? ในความเป็นจริง มันเทียบเท่ากับการมีการกำหนดค่าเริ่มต้นบางอย่าง ถ้าเราไม่ใช้การกำหนดค่าเริ่มต้นนี้ เราสามารถเขียนการกำหนดค่าบางอย่างด้วยตนเองและเขียนลงใน vue.config.js เพื่อเขียนทับการกำหนดค่าดั้งเดิม ตัวอย่างเช่น หากฉันต้องการแก้ไขเส้นทางทรัพยากรแบบแพ็กเกจ ฉันจะเพิ่ม:

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

สาธิต

คลิปบอร์ด.js

ฟังก์ชันคลิกเพื่อคัดลอก: การจัดการปัญหาความเข้ากันได้แบบรวมศูนย์

npm install -S clipboard

รูด.js

ส่วนประกอบแบบหมุนและการเลื่อน: ใช้ตัวอย่างทั่วไปที่ไม่มีอยู่ในเว็บไซต์อย่างเป็นทางการ:

npm install -S swiper

ม็อคเจส

การจำลองข้อมูล

npm install -S mockjs

คุณสามารถใช้เครื่องมือนี้เพื่อจำลองข้อมูล และเป็นเครื่องมือสำคัญสำหรับเราในการเขียนการสาธิต

รีเซ็ต.css

ลบความแตกต่างระหว่างเบราว์เซอร์

npm install -S reset-css

เพียงแนะนำมันเข้าสู่โครงการโดยตรง:

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

ไอคอนฟอนต์——SVG

หากต้องการใช้ SVG เพื่อแนะนำไอคอน คุณต้องใส่ไอคอนที่จำเป็นลงในโปรเจ็กต์บนเว็บไซต์ iconfont ก่อน เลือกสัญลักษณ์ จากนั้นที่อยู่จะปรากฏด้านล่าง เมื่อคุณเยี่ยมชมที่อยู่นี้ คุณจะเห็นชิ้นส่วนของ js หากคุณแนะนำ js นี้ในโปรเจ็กต์ คุณสามารถใช้มันในโปรเจ็กต์ได้โดยตรง

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

คิวอาร์โค้ด

สร้างรหัส QR

npm install -S qrcode

mescroll

ดึงขึ้นเพื่อโหลด ดึงลงเพื่อรีเฟรชปลั๊กอิน

npm install -S mescroll.js

sortable.js

ลากเพื่อจัดเรียง

npm install -S sortablejs

การเรียงลำดับแบบลาก ปัญหาที่พบบ่อยคือวิธีซิงโครไนซ์ข้อมูลกับองค์ประกอบ DOM ในหน้าในเฟรมเวิร์กของเราเช่น Vue หรือ React

ตัวดัดแปลง Vue

ตัวดัดแปลง Vue นั้นโดยพื้นฐานแล้วเป็นการสาธิตบนเว็บไซต์อย่างเป็นทางการ

การเข้ารหัส AES

AES เป็นวิธีการเข้ารหัสแบบสมมาตร โหมดการเข้ารหัสส่วนใหญ่มีดังต่อไปนี้:

1. หนังสือ Codebook อิเล็กทรอนิกส์ (ECB) 2. Cipher Block Chaining (CBC) 3. โหมดเครื่องคิดเลข (ตัวนับ (CTR)) 4. Cipher FeedBack (CFB) 5 .Output FeedBack (OFB)