DPlayer simple usage
DPlayer is an HTML 5 video player that supports pop-up. Support bilibilibili video and danmaku, real-time video (HTTP Live Streaming, M3U8 format) and FLV format.
usage
HTML
<div id="player1" class="dplayer"></div>
<!-- ... -->
<script src="dist/DPlayer.min.js"></script>
option
var dp = new DPlayer( ...
Posted by lostprophetpunk on Thu, 19 Dec 2019 16:05:59 +0100
Use of component data of Vue.js
Official website link: https://cn.vuejs.org/v2/guide/components.html
Reference link: http://www.cnblogs.com/keepfool/p/5625583.html
Teaching video reference link:
https://ke.qq.com/webcourse/index.html#cid=320654&term_id=100380571&taid=2520179435431054&vid=t1428m0ykhd
Most of the options passed in to the Vue con ...
Posted by dannydefreak on Wed, 18 Dec 2019 21:25:33 +0100
Front end page export PDF
This is an encapsulated vue component, which simply sets the export header, content, and bottom
The content can be paged. It can export all pages of the list
The implementation is based on html2canvas to convert the page to image, and then use jspdf to add the generated image directly to pdf
html2canvas configuration reference address
JSPDFS G ...
Posted by nolos on Tue, 17 Dec 2019 18:02:46 +0100
Application Development of Vue in Practice [Paging Effect and Shopping Cart]
Author| Jeskson
Source|Dada Front End Bistro
Paging Component
First create the project:
Paging components, do projects do not write manual code, to think about business logic, how to write, how to write is the best way to present, do the project is not in a hurry, first think about the overall framework, from the bottom of what you want to sta ...
Posted by perficut on Fri, 13 Dec 2019 03:08:08 +0100
Uncover Vue - vue-cli3 comprehensive configuration
vue-cli3-config
Create project
Configure environment variables
select different environments by adding -- mode xxx to the scripts configuration item in package.json
Create. Env,. Env. Production,. Env.analyz and other files in the root directory of the project
...
Posted by Mistah Roth on Tue, 10 Dec 2019 23:22:25 +0100
vue -- how to write custom components
I just started to learn a note of vue. I have nothing to do to turn it out and look at it. By the way, I'd like to organize it. I hope it can help the students who just started to learn vue.
First look at the basic functions of a mature form componenthtml structure:
<el-form :model="model" :rules="rules">
<el-form-item label="User ...
Posted by daveyboy on Tue, 10 Dec 2019 08:28:23 +0100
Detailed explanation and application of javascript reduce
reduce
callback (a function called on each item in the array that takes four arguments:)previousValue (the return value, or initial value, from the last call to the callback function)currentValue (array element currently being processed)currentIndex (array element subscript currently being processed)Array (array calling reduce() method)
initia ...
Posted by sheephat on Mon, 09 Dec 2019 09:25:05 +0100
Sample code of three ways to make a simple todo application with Vue
This article mainly introduces the sample code of three ways to use Vue to make a simple todo application. Xiaobian thinks it's very good. Now I'll share it with you and give you a reference. Let's follow Xiaobian to have a look
1. Reference vue.js
`<!DOCTYPE html>`
`<html>`
`<head>`
`<script src=``"[http://vuejs. ...
Posted by rotto on Sun, 08 Dec 2019 09:29:50 +0100
Using jQuery and Bootstrap in Vue CLI3.0
Using jQuery and Bootstrap in Vue is not particularly in line with Vue's native writing method, but sometimes it has to be used, so put my introduction settings for your reference.
To introduce jQuery and Bootstrap into Vue cli 2.0, you need to set many configuration items. There are many methods on the Internet, which will not be repeated here ...
Posted by cbrknight on Tue, 03 Dec 2019 11:45:52 +0100
Crowperjs practice and Chinese documents (self translation)
Crowperjs is a very powerful but simple image cutting tool. It can be configured very flexibly, supports the use of mobile phones, and supports modern browsers including IE9 and above. (the key is that it's easy to use and can be done in a few lines of code.)
Practice effect chart
As shown in the figure, the specified picture can be cropped. Yo ...
Posted by kingdm on Mon, 02 Dec 2019 14:04:27 +0100