Hướng dẫn javascript playground - sân chơi javascript

Đánh giá

Linda MacDonald

React, Vue, Tailwind CSS trong tầm tay của bạn

Lúc đầu, tôi không hiểu được giá trị của thỏa thuận này, vì vậy đã lấy nó cho một vòng quay, và tôi ngay lập tức bị cuốn hút :] Hãy để tôi bắt đầu bằng cách nói đây là SOOOO SUPER SLEEK !! Chạy một vài lỗi có chủ ý và được hiển thị một mô tả ngay lập tức và chính xác về lỗi mà tôi đã tạo ra. Tính năng gỡ lỗi là giá trị giá một mình! Sau đó, tôi quay một dự án React trong vòng vài giây, [xoay lên có nghĩa là tôi đã nhấp vào một nút!] Và một bản xem trước trực tiếp đã ngay lập tức ở đó! Không có NPM chạy bắt đầu hoặc bất cứ điều gì. Và hầu như có bất kỳ khung phía trước nóng nào bạn có thể nghĩ về Vue.js 3 là ở đó! và toàn bộ các khung CSS bao gồm yêu thích cá nhân của tôi: Tailwind CSS. Siêu hài lòng !!!!!!

MarclaFord

Tuyệt vời cho việc học, kiểm tra và tiết kiệm thời gian

Tôi sử dụng điều này để học và kiểm tra các công nghệ web khác nhau. Đã qua rồi thời gian để thiết lập mọi thứ, tôi cũng nhận được một bản xem trước trực tiếp ngay lập tức về công việc của tôi kết hợp với một bảng điều khiển hữu ích. Tôi làm việc với Tailwindcss, alpinejs, bootstrap và tôi có thể dễ dàng khám phá các công nghệ khác. Tác giả đáp ứng và duy trì ứng dụng. Tôi đã yêu cầu một số khung, những điều này sau đó đã được thêm vào. Tôi rất vui khi có công cụ này trong kho vũ khí của mình vì nó thay đổi cách tôi làm việc trên web.

Emad Alhamou

Một nơi trung tâm để thử mã và kiểm tra các ý tưởng mới

Tôi cần một trung tâm [trực tuyến] để thử mã và kiểm tra các ý tưởng mới. PlayCode rất đơn giản để sử dụng, thanh lịch và dường như đã bao phủ tất cả các khung và thư viện chính.

Konstantin

Chỉ là những gì tôi đang tìm kiếm

Nó thật tuyệt! Công cụ rất bị đánh giá thấp, cực kỳ hữu ích cho các nhà phát triển và những người đam mê dev khác và tất cả những người muốn học mã hóa!

Lewishole

Tuyệt vời và được đề xuất

Một trình chỉnh sửa mã hấp dẫn và hữu ích, đặc biệt là tính năng tên miền phụ là tuyệt vời. Tôi muốn giới thiệu mọi người để thử playcode. Công việc tốt, tiếp tục đi!

Emad Alhamou

Một nơi trung tâm để thử mã và kiểm tra các ý tưởng mới

Tôi cần một trung tâm [trực tuyến] để thử mã và kiểm tra các ý tưởng mới. PlayCode rất đơn giản để sử dụng, thanh lịch và dường như đã bao phủ tất cả các khung và thư viện chính.

- Mozilla mã ví dụ với trình biên tập mã Live.

- ES6 & ES7 Đặc điểm nội dung với dễ dàng và nhiều ví dụ.

- Run javascript mã trực tiếp từ di động / Tablet.

Chúng tôi rất thích nghe bất cứ đề nghị, thắc mắc hoặc ý kiến, xin vui lòng viết vào . Cảm ơn

NPM

Bạn có thể cài đặt Plotly.js từ NPM qua npm install plotly.js-dist hoặc yarn install plotly.js-dist

Plotly.js CDN

Bạn cũng có thể sử dụng liên kết Ultrafast Plotly.js CDN. CDN này được cung cấp một cách ân cần bởi đội ngũ đáng kinh ngạc tại Fastly.


               

Tải xuống

Tải xuống Minified Plotly.JS Mã nguồn và phụ thuộc.

Bao gồm các tập lệnh đã tải xuống trước khi kết thúc thẻ trong tài liệu HTML của bạn:


	

Tải xuống & nbsp; Plotly.js

Bắt đầu âm mưu!

Trong tài liệu HTML của bạn, hãy tạo một div trống để vẽ biểu đồ trong:

Bây giờ bạn có thể thực hiện các biểu đồ Plotly.js tương tác bằng cách sử dụng Plotly.newPlot[].


	TESTER = document.getElementById['tester'];
	Plotly.newPlot[ TESTER, [{
	x: [1, 2, 3, 4, 5],
	y: [1, 2, 4, 8, 16] }], {
	margin: { t: 0 } } ];

Bây giờ bạn có thể vượt qua Plotly.

Người dùng webpack?

Để Plotly.js xây dựng với WebPack, bạn sẽ cần cài đặt + và thêm nó vào webpack.config.json của bạn. Điều này bổ sung khả năng tương thích biến đổi của Browserify vào webpack cần thiết cho một số phụ thuộc Plotly.js.

Một repo thể hiện cách xây dựng Plotly.js với webpack có thể được tìm thấy ở đây. Tóm lại, thêm


	

0 vào phần

	

1 trong

	

2 của bạn:


  ...
      module: {
          rules: [
              {
                  test: /\.js$/,
                  loader: 'ify-loader'
              }
          ]
      },
  ...
          

Xin chào thế giới ví dụ

Bài Viết Liên Quan

Chủ Đề