由于仓库容量问题，请随意放一个 mp4 文件至 static/ 目录下，重命名为 CSS.mp4 ,即可展示例子。
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /node-upload-stream/html/file-normal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |hello
12 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/file-download/example/download-backend/direct.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/file-download/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "file-download",
3 | "version": "1.0.0",
4 | "description": "",
5 | "scripts": {
6 | "test": "echo \"Error: no test specified\" && exit 1"
7 | },
8 | "keywords": [],
9 | "author": "hua1995116
3 | 
4 |
6 |
7 |
8 |
18 |
19 |
29 |
--------------------------------------------------------------------------------
/css-margin/begin-problem-2.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
4 |
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/css-margin/pseudo-classes.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
20 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/node-cors/webpack/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 | const HtmlWebpackPlugin = require("html-webpack-plugin");
3 |
4 | module.exports = {
5 | entry: {
6 | index: "./index.js",
7 | },
8 | output: {
9 | filename: "bundle.js",
10 | path: path.resolve(__dirname, "dist"),
11 | },
12 | devServer: {
13 | port: 8000,
14 | proxy: {
15 | '/api': {
16 | target: 'http://localhost:8080',
17 | }
18 | }
19 | },
20 | plugins: [
21 | new HtmlWebpackPlugin({
22 | filename: "index.html",
23 | template: "webpack.html"
24 | }),
25 | ],
26 | };
27 |
--------------------------------------------------------------------------------
/css-margin/begin-problem-1.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 21 | This is a somewhat long HTML 22 | paragraph that will be broken into several 23 | lines. 24 |
25 |
25 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/css-margin/block-absolute.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
26 |
27 |
28 |
25 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/node-cors/postMessage/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
26 |
27 |
28 |
21 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/node-cors/vue-cli3-demo/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 | 22 | This is a somewhat long HTML 23 | paragraph that will be broken into several 24 | lines. 25 |
26 |
3 |
4 |
6 |
7 |
8 |
18 |
19 |
29 |
--------------------------------------------------------------------------------
/node-rpc-rest/rpc/client.js:
--------------------------------------------------------------------------------
1 | var thrift = require('thrift');
2 | var helloSvc = require('./gen-nodejs/HelloSvc.js');
3 |
4 | var options = {
5 | transport: thrift.TBufferedTransport,
6 | protocol: thrift.TJSONProtocol,
7 | path: "/hello",
8 | headers: {"Connection": "close"},
9 | https: false
10 | };
11 |
12 | var connection = thrift.createHttpConnection("localhost", 9090, options);
13 | var client = thrift.createHttpClient(helloSvc, connection);
14 |
15 | connection.on("error", function(err) {
16 | console.log("Error: " + err);
17 | });
18 |
19 | client.hello_func(function(error, result) {
20 | console.log("Msg from server: " + result);
21 | });
22 |
--------------------------------------------------------------------------------
/node-upload-stream/node/form-data.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const FormData = require('form-data');
3 | const fs = require('fs');
4 | const http = require('http');
5 |
6 | const form = new FormData();
7 |
8 | form.append('file', fs.readFileSync(path.join(__dirname, '../1.png')), {
9 | filename: '1.png',
10 | contentType: 'image/jpeg',
11 | });
12 |
13 | const request = http.request({
14 | method: 'post',
15 | host: 'localhost',
16 | port: '7787',
17 | path: '/files',
18 | headers: form.getHeaders()
19 | });
20 |
21 | form.pipe(request);
22 |
23 | request.on('response', function(res) {
24 | console.log(res.statusCode);
25 | });
--------------------------------------------------------------------------------
/webpack/optimization.splitChunks.chunks/webpack.config-async.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 |
3 | module.exports = {
4 | entry: {
5 | a: "./src/a.js",
6 | b: "./src/b.js",
7 | },
8 | output: {
9 | path: path.resolve(__dirname, "dist-async"),
10 | filename: "[name].bundle.js",
11 | chunkFilename: '[name].js'
12 | },
13 | module: {
14 | rules: [
15 | {
16 | test: /\.(js|jsx)$/,
17 | exclude: /node_modules/,
18 | use: {
19 | loader: "babel-loader"
20 | }
21 | }
22 | ]
23 | },
24 | optimization: {
25 | splitChunks: {
26 | chunks: "async",
27 | }
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/webpack/optimization.splitChunks.chunks/webpack.config-initial.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 |
3 | module.exports = {
4 | entry: {
5 | a: "./src/a.js",
6 | b: "./src/b.js",
7 | },
8 | output: {
9 | path: path.resolve(__dirname, "dist-initial"),
10 | filename: "[name].bundle.js",
11 | chunkFilename: '[name].js'
12 | },
13 | module: {
14 | rules: [
15 | {
16 | test: /\.(js|jsx)$/,
17 | exclude: /node_modules/,
18 | use: {
19 | loader: "babel-loader"
20 | }
21 | }
22 | ]
23 | },
24 | optimization: {
25 | splitChunks: {
26 | chunks: "initial"
27 | }
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const config = require('../config')
4 | const isProduction = process.env.NODE_ENV === 'production'
5 | const sourceMapEnabled = isProduction
6 | ? config.build.productionSourceMap
7 | : config.dev.cssSourceMap
8 |
9 | module.exports = {
10 | loaders: utils.cssLoaders({
11 | sourceMap: sourceMapEnabled,
12 | extract: isProduction
13 | }),
14 | cssSourceMap: sourceMapEnabled,
15 | cacheBusting: config.dev.cacheBusting,
16 | transformToRequire: {
17 | video: ['src', 'poster'],
18 | source: 'src',
19 | img: 'src',
20 | image: 'xlink:href'
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/node-cors/webpack/webpack.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
4 |
26 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/css-margin/collapsing-margin-no-case4.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
27 |
28 |
29 |
25 |
26 |
27 | 为了看间距效果
28 |
29 |
30 |
--------------------------------------------------------------------------------
/node-cors/parcel-demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
26 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/node-cors/cors-any/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | hello1
27 | hello2
28 |
32 |
33 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 看出了啥
34 | | 2 | 14 |2 | 15 |4 | 16 |4 | 17 |
| 5 | 20 |7 | 21 |7 | 22 |9 | 23 |
| 10 | 26 |10 | 27 |12 | 28 |12 | 29 |
| 14 | 32 |14 | 33 |16 | 34 |16 | 35 |
36 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/file-download/example/download-frontend/docx-simple.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 白板示例
37 | 38 |
10 |
13 |
14 |
28 |
29 |
--------------------------------------------------------------------------------
/file-download/example/download-ios/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | welcome
11 |秋风的笔记
12 |"+ ansi2html(parseList, '
') + "
");
35 | // console.log(`child process exited with code ${code}`);
36 |
37 | });
--------------------------------------------------------------------------------
/watermark/index.js:
--------------------------------------------------------------------------------
1 | const { RPCClient } = require("@alicloud/pop-core");
2 | var client = new RPCClient({
3 | endpoint: "http://imm.cn-shenzhen.aliyuncs.com",
4 | accessKeyId: '',
5 | accessKeySecret: '',
6 | apiVersion: "2017-09-06",
7 | });
8 | (async () => {
9 | try {
10 | // var params = {
11 | // Project: "test-project",
12 | // ImageUri: "oss://watermark-shenzheng/source/1605680005172.jpg",
13 | // TargetUri: "oss://watermark-shenzheng/dist/1605680005172-out1.jpg",
14 | // Content: "秋风",
15 | // Model: "DWT"
16 | // };
17 | // var result = await client.request("EncodeBlindWatermark", params);
18 | var params = {
19 | Project: "test-project",
20 | ImageUri: "oss://watermark-shenzheng/dist/1605680005172-out-scale.jpg",
21 | TargetUri: "oss://watermark-shenzheng/dist/1605680005172-out-decode-scale.jpg",
22 | Model: "DWT"
23 | };
24 | var result = await client.request("DecodeBlindWatermark", params);
25 |
26 | console.log(result);
27 | } catch (err) {
28 | console.log(err);
29 | }
30 | })()
--------------------------------------------------------------------------------
/node-upload-stream/html/formdata.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Home
9 |
10 | Open the console developer and switch page very rapidly to{' '}
11 |
12 | /users
13 | {' '}
14 | and{' '}
15 |
16 | /posts
17 | {' '}
18 | and back to the homepage.
19 |
21 | Learn more here:{' '} 22 | 23 | 24 | 🍦 25 | {' '} 26 | Cancel Properly HTTP Requests in React Hooks and avoid Memory Leaks{' '} 27 | 28 | 🚨 29 | 30 | 31 |
32 |Source code:
33 | {/*
14 |
27 |
41 |
28 |
29 |
30 |
32 |
33 |
35 |
36 |
38 |
39 |
40 | Posts
28 |
29 | {isLoading ? (
30 |
47 |
48 | )
49 | }
50 |
51 | export default Posts
--------------------------------------------------------------------------------
/node-upload-stream/koa/index.js:
--------------------------------------------------------------------------------
1 | const Koa = require('koa');
2 | const router = require('koa-router')();
3 | const koaBody = require('koa-body');
4 | const stream = require('stream');
5 | const fs = require('fs');
6 | const cors = require('koa-cors');
7 | const app = new Koa();
8 |
9 | app.use(koaBody({ multipart: true }));
10 | app.use(cors());
11 |
12 | app.use(async (ctx, next) => {
13 | console.log('url==', ctx.url);
14 | await next();
15 | });
16 |
17 | router.post('/files', async (ctx) => {
18 | if (!ctx.request.files) {
19 | ctx.body = {
20 | code: 888,
21 | msg: '文件不存在'
22 | }
23 | return;
24 | }
25 | const keys = Object.keys(ctx.request.files);
26 | console.log(ctx.request.files);
27 | if (keys.length == 0) {
28 | ctx.body = {
29 | code: 888,
30 | msg: '文件不存在'
31 | }
32 | return;
33 | }
34 | for (let i = 0; i < keys.length; i++) {
35 | if (typeof ctx.request.files[keys[i]] !== 'object') {
36 | ctx.body = {
37 | code: 999,
38 | msg: '文件格式错误'
39 | }
40 | return;
41 | }
42 | }
43 | fs.ReadStream(ctx.request.files.file.path).pipe(fs.WriteStream(ctx.request.files.file.name))
44 | ctx.body = {
45 | msg: '文件上传成功',
46 | code: 0
47 | };
48 | }
49 | );
50 |
51 | app.use(router.routes());
52 |
53 | app.listen(7787);
--------------------------------------------------------------------------------
/react-abort/src/pages/Users-1.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect, useCallback } from 'react'
2 |
3 | function Users() {
4 | const [isLoading, setIsLoading] = useState(true)
5 | const [users, setUsers] = useState([])
6 |
7 | const fetchUsers = useCallback(async () => {
8 | try {
9 | // Imagine that the fetch is going to take 3 seconds to load
10 | await new Promise(resolve => setTimeout(resolve, 3000))
11 | const response = await fetch('https://jsonplaceholder.typicode.com/users')
12 | const users = await response.json()
13 | setUsers(users)
14 | } catch (error) {
15 | console.error(error)
16 | } finally {
17 | setIsLoading(false)
18 | }
19 | }, [])
20 |
21 | useEffect(() => {
22 | fetchUsers()
23 | }, [fetchUsers])
24 |
25 | return (
26 | <>
27 | Loading...
31 | ) : ( 32 | posts.map(post => ( 33 |
34 |
44 | ))
45 | )}
46 | 35 | #{post.id} 36 |
37 |38 | Title: {post.title} 39 |
40 |41 | Body: {post.body} 42 |
43 |Users
28 |
29 | {isLoading ? (
30 |
47 |
48 | )
49 | }
50 |
51 | export default Users
52 |
--------------------------------------------------------------------------------
/watermark/demo/canvas.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Loading...
31 | ) : ( 32 | users.map(user => ( 33 |
34 |
44 | ))
45 | )}
46 | 35 | #{user.id} 36 |
37 |38 | Name: {user.name} 39 |
40 |41 | Username: {user.username} 42 |
43 |
23 |
27 |
48 |
49 |
50 |
--------------------------------------------------------------------------------
/css-margin/collapsing-margin-no-case3.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 秋风
24 |hello
25 | 26 |
42 |
50 |
43 |
48 | after
49 |
44 | lorem ipsum
45 |
46 |
47 | 51 |
52 |
60 |
61 |
62 |
63 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/build/check-versions.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const chalk = require('chalk')
3 | const semver = require('semver')
4 | const packageConfig = require('../package.json')
5 | const shell = require('shelljs')
6 |
7 | function exec (cmd) {
8 | return require('child_process').execSync(cmd).toString().trim()
9 | }
10 |
11 | const versionRequirements = [
12 | {
13 | name: 'node',
14 | currentVersion: semver.clean(process.version),
15 | versionRequirement: packageConfig.engines.node
16 | }
17 | ]
18 |
19 | if (shell.which('npm')) {
20 | versionRequirements.push({
21 | name: 'npm',
22 | currentVersion: exec('npm --version'),
23 | versionRequirement: packageConfig.engines.npm
24 | })
25 | }
26 |
27 | module.exports = function () {
28 | const warnings = []
29 |
30 | for (let i = 0; i < versionRequirements.length; i++) {
31 | const mod = versionRequirements[i]
32 |
33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
34 | warnings.push(mod.name + ': ' +
35 | chalk.red(mod.currentVersion) + ' should be ' +
36 | chalk.green(mod.versionRequirement)
37 | )
38 | }
39 | }
40 |
41 | if (warnings.length) {
42 | console.log('')
43 | console.log(chalk.yellow('To use this template, you must update following to modules:'))
44 | console.log()
45 |
46 | for (let i = 0; i < warnings.length; i++) {
47 | const warning = warnings[i]
48 | console.log(' ' + warning)
49 | }
50 |
51 | console.log()
52 | process.exit(1)
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/file-download/example/js/utils.js:
--------------------------------------------------------------------------------
1 | export function downloadDirect(url) {
2 | const aTag = document.createElement('a');
3 | aTag.download = url.split('/').pop();
4 | aTag.href = url;
5 | aTag.click()
6 | }
7 |
8 | export function downloadByContent(content, filename, type) {
9 | const aTag = document.createElement('a');
10 | aTag.download = filename;
11 | const blob = new Blob([content], { type });
12 | const blobUrl = URL.createObjectURL(blob);
13 | aTag.href = blobUrl;
14 | aTag.click();
15 | URL.revokeObjectURL(blob);
16 | }
17 |
18 | export function downloadByDataURL(content, filename, type) {
19 | const aTag = document.createElement('a');
20 | aTag.download = filename;
21 | const dataUrl = `data:${type};base64,${window.btoa(unescape(encodeURIComponent(content)))}`;
22 | aTag.href = dataUrl;
23 | aTag.click();
24 | }
25 |
26 | export function downloadByBlob(blob, filename) {
27 | const aTag = document.createElement('a');
28 | aTag.download = filename;
29 | const blobUrl = URL.createObjectURL(blob);
30 | aTag.href = blobUrl;
31 | aTag.click();
32 | URL.revokeObjectURL(blob);
33 | }
34 |
35 | export function base64ToBlob(base64, type) {
36 | const byteCharacters = atob(base64);
37 | const byteNumbers = new Array(byteCharacters.length);
38 | for (let i = 0; i < byteCharacters.length; i++) {
39 | byteNumbers[i] = byteCharacters.charCodeAt(i);
40 | }
41 | const buffer = Uint8Array.from(byteNumbers);
42 | const blob = new Blob([buffer], { type });
43 | return blob;
44 | }
45 |
--------------------------------------------------------------------------------
/watermark/demo/svg.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
53 |
58 | after
59 |
54 | lorem ipsum
55 |
56 |
57 |
23 |
27 |
50 |
51 |
52 |
--------------------------------------------------------------------------------
/wechat-feces/1-1-animation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 秋风
24 |hello
25 | 26 |
35 | asset main.js 132 bytes [compared for emit] [minimized] (name: main)./src/index.js 289 bytes [built] [code generated]WARNING in configurationThe 'mode' option has not been set, webpack will fallback to 'production' for this value.Set 'mode' option to 'development' or 'production' to enable defaults for each environment.You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/webpack 5.53.0 compiled with 1 warning in 255 ms
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/node-cors/server.js:
--------------------------------------------------------------------------------
1 | const Koa = require('koa');
2 | const router = require('koa-router')();
3 | const koaBody = require('koa-body');
4 | const fs = require('fs');
5 | // const cors = require('koa-cors');
6 | const app = new Koa();
7 | const token = 'dwqwqe1231';
8 |
9 | app.use(async (ctx, next) => {
10 | ctx.set('Access-Control-Max-Age', 600);
11 | ctx.set('Access-Control-Allow-Origin', ctx.headers.origin);
12 | ctx.set('Access-Control-Allow-Credentials', true)
13 | ctx.set('Access-Control-Request-Method', 'PUT,POST,GET,DELETE,OPTIONS')
14 | ctx.set('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, cc')
15 | if (ctx.method === 'OPTIONS') {
16 | ctx.status = 204;
17 | return;
18 | }
19 | await next();
20 | });
21 |
22 | app.use(async (ctx, next) => {
23 | if (ctx.path === '/api/login') {
24 | await next();
25 | return;
26 | }
27 | const cookies = ctx.cookies.get('token');
28 | console.log(cookies);
29 | if (cookies && cookies === token) {
30 | await next();
31 | return;
32 | }
33 | ctx.body = {
34 | code: 401,
35 | msg: '权限错误',
36 | }
37 | return;
38 | })
39 |
40 | // app.use(cors());
41 | app.use(koaBody({ multipart: true }));
42 |
43 | router.get('/api/corslist', async (ctx) => {
44 | ctx.body = {
45 | data: [{name: '秋风的笔记'}]
46 | }
47 | })
48 |
49 | router.post('/api/login', async (ctx) => {
50 | ctx.cookies.set('token', token, {
51 | expires: new Date(+new Date() + 1000 * 60 * 60 * 24 * 7),
52 | })
53 | ctx.body = {
54 | msg: '成功',
55 | code: 0
56 | };
57 | }
58 | );
59 |
60 | app.use(router.routes());
61 |
62 | app.listen(8080);
--------------------------------------------------------------------------------
/node-cors/client.js:
--------------------------------------------------------------------------------
1 | const Koa = require("koa");
2 | const fs = require("fs");
3 | const app = new Koa();
4 |
5 | app.use(async (ctx, next) => {
6 | if (ctx.method === "GET" && ctx.path === "/") {
7 | ctx.body = fs.readFileSync("./index.html").toString();
8 | }
9 |
10 | if (ctx.method === "GET" && ctx.path === "/charles") {
11 | ctx.body = fs.readFileSync("./charles/index.html").toString();
12 | }
13 |
14 | if (ctx.method === "GET" && ctx.path === "/nginx") {
15 | ctx.body = fs.readFileSync("./nginx/index.html").toString();
16 | }
17 |
18 | if (ctx.method === "GET" && ctx.path === "/jsonp") {
19 | ctx.body = fs.readFileSync("./jsonp/index.html").toString();
20 | }
21 |
22 | if (ctx.method === "GET" && ctx.path === "/websocket") {
23 | ctx.body = fs.readFileSync("./websocket/index.html").toString();
24 | }
25 |
26 | if (ctx.method === "GET" && ctx.path === "/postMessage") {
27 | ctx.body = fs.readFileSync("./postMessage/index.html").toString();
28 | }
29 |
30 | if (ctx.method === "GET" && ctx.path === "/hash/a.html") {
31 | ctx.body = fs.readFileSync("./hash/a.html").toString();
32 | }
33 | if (ctx.method === "GET" && ctx.path === "/hash/b.html") {
34 | ctx.body = fs.readFileSync("./hash/b.html").toString();
35 | }
36 |
37 | if (ctx.method === "GET" && ctx.path === "/name/a.html") {
38 | ctx.body = fs.readFileSync("./name/a.html").toString();
39 | }
40 | if (ctx.method === "GET" && ctx.path === "/name/b.html") {
41 | ctx.body = fs.readFileSync("./name/b.html").toString();
42 | }
43 |
44 |
45 | if (ctx.method === "GET" && ctx.path === "/cors-any") {
46 | ctx.body = fs.readFileSync("./cors-any/index.html").toString();
47 | }
48 | });
49 |
50 | app.listen(8000);
51 |
--------------------------------------------------------------------------------
/confetti/四边形.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Posts
38 |
39 | {isLoading ? (
40 |
57 |
58 | )
59 | }
60 |
61 | export default Posts
--------------------------------------------------------------------------------
/wechat-feces/1-2-animation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Loading...
41 | ) : ( 42 | posts.map(post => ( 43 |
44 |
54 | ))
55 | )}
56 | 45 | #{post.id} 46 |
47 |48 | Title: {post.title} 49 |
50 |51 | Body: {post.body} 52 |
53 |Users
38 |
39 | {isLoading ? (
40 |
57 |
58 | )
59 | }
60 |
61 | export default Users
62 |
--------------------------------------------------------------------------------
/react-abort/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
12 |
13 |
17 |
18 |
27 | Loading...
41 | ) : ( 42 | users.map(user => ( 43 |
44 |
54 | ))
55 | )}
56 | 45 | #{user.id} 46 |
47 |48 | Name: {user.name} 49 |
50 |51 | Username: {user.username} 52 |
53 |
60 |
62 | 我直接从顶部开始了
61 | 63 |
64 |
65 |
68 | 我和底下之间距离为50px
66 | 我和顶上之间距离为50px
67 | 69 |
70 |
71 |
73 | 底部和父元素被合并了
72 | 距离顶上50px
74 | 75 |
76 |
77 |
81 |
82 |
83 |
84 |
85 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-cli2-demo2",
3 | "version": "1.0.0",
4 | "description": "A Vue.js project",
5 | "author": "huayifeng <461249104@qq.com>",
6 | "private": true,
7 | "scripts": {
8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
9 | "start": "npm run dev",
10 | "build": "node build/build.js"
11 | },
12 | "dependencies": {
13 | "vue": "^2.5.2"
14 | },
15 | "devDependencies": {
16 | "autoprefixer": "^7.1.2",
17 | "babel-core": "^6.22.1",
18 | "babel-helper-vue-jsx-merge-props": "^2.0.3",
19 | "babel-loader": "^7.1.1",
20 | "babel-plugin-syntax-jsx": "^6.18.0",
21 | "babel-plugin-transform-runtime": "^6.22.0",
22 | "babel-plugin-transform-vue-jsx": "^3.5.0",
23 | "babel-preset-env": "^1.3.2",
24 | "babel-preset-stage-2": "^6.22.0",
25 | "chalk": "^2.0.1",
26 | "copy-webpack-plugin": "^4.0.1",
27 | "css-loader": "^0.28.0",
28 | "extract-text-webpack-plugin": "^3.0.0",
29 | "file-loader": "^1.1.4",
30 | "friendly-errors-webpack-plugin": "^1.6.1",
31 | "html-webpack-plugin": "^2.30.1",
32 | "node-notifier": "^5.1.2",
33 | "optimize-css-assets-webpack-plugin": "^3.2.0",
34 | "ora": "^1.2.0",
35 | "portfinder": "^1.0.13",
36 | "postcss-import": "^11.0.0",
37 | "postcss-loader": "^2.0.8",
38 | "postcss-url": "^7.2.1",
39 | "rimraf": "^2.6.0",
40 | "semver": "^5.3.0",
41 | "shelljs": "^0.7.6",
42 | "uglifyjs-webpack-plugin": "^1.1.1",
43 | "url-loader": "^0.5.8",
44 | "vue-loader": "^13.3.0",
45 | "vue-style-loader": "^3.0.1",
46 | "vue-template-compiler": "^2.5.2",
47 | "webpack": "^3.6.0",
48 | "webpack-bundle-analyzer": "^2.9.0",
49 | "webpack-dev-server": "^2.9.1",
50 | "webpack-merge": "^4.1.0"
51 | },
52 | "engines": {
53 | "node": ">= 6.0.0",
54 | "npm": ">= 3.0.0"
55 | },
56 | "browserslist": [
57 | "> 1%",
58 | "last 2 versions",
59 | "not ie <= 8"
60 | ]
61 | }
62 |
--------------------------------------------------------------------------------
/node-upload-stream/node-server/node-upload.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs');
2 | const http = require('http');
3 | const querystring = require('querystring');
4 | const server = http.createServer((req, res) => {
5 | if (req.url === "/files" && req.method.toLowerCase() === "post") {
6 | parseFile(req, res)
7 | }
8 | })
9 | function parseFile(req, res) {
10 | req.setEncoding("binary");
11 | let body = "";
12 | let fileName = "";
13 | // 边界字符
14 | let boundary = req.headers['content-type']
15 | .split('; ')[1]
16 | .replace("boundary=", "")
17 |
18 | req.on("data", function(chunk) {
19 | body += chunk;
20 | });
21 | req.on("end", function() {
22 | // 按照分解符切分
23 | const list = body.split(boundary);
24 | let contentType = '';
25 | let fileName = '';
26 | for (let i = 0; i < list.length; i++) {
27 | if (list[i].includes('Content-Disposition')) {
28 | const data = list[i].split('\r\n');
29 | for (let j = 0; j < data.length; j++) {
30 | // 从头部拆分出名字和类型
31 | if (data[j].includes('Content-Disposition')) {
32 | const info = data[j].split(':')[1].split(';');
33 | fileName = info[info.length - 1].split('=')[1].replace(/"/g, '');
34 | console.log(fileName);
35 | }
36 | if (data[j].includes('Content-Type')) {
37 | contentType = data[j];
38 | console.log(data[j].split(':')[1]);
39 | }
40 | }
41 | }
42 | }
43 | // 去除前面的请求头
44 | const start = body.toString().indexOf(contentType) + contentType.length + 4; // 有多\r\n\r\n
45 | const startBinary = body.toString().substring(start);
46 | const end = startBinary.indexOf("--" + boundary + "--") - 2; // 前面有多\r\n
47 | // 去除后面的分隔符
48 | const binary = startBinary.substring(0, end);
49 | const bufferData = Buffer.from(binary, "binary");
50 | fs.writeFile(fileName, bufferData, function(err) {
51 | res.end("sucess");
52 | });
53 | ;
54 | })
55 | }
56 |
57 | server.listen(7787)
58 |
--------------------------------------------------------------------------------
/file-download/example/download-frontend/excel-simple.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 它把自己给合并了，距离底下30px
78 |
79 |
它把自己给合并了, 距离顶上30px
80 || title1 | 13 |title2 | 14 |title3 | 15 |title4 | 16 |title5 | 17 |
| 秋风的笔记 | 22 |秋风的笔记 | 23 |秋风的笔记 | 24 |秋风的笔记 | 25 |秋风的笔记 | 26 |
| 6 | 29 |6 | 30 |6 | 31 |6 | 32 |6 | 33 |
| 6 | 36 |6 | 37 |6 | 38 |6 | 39 |6 | 40 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/white-board/canvas.js:
--------------------------------------------------------------------------------
1 | var canvas;
2 | var context;
3 | var tool;
4 | // 窗口准备好之后进行初始化工作
5 |
6 | if (window.addEventListener) {
7 | window.addEventListener('load',
8 | init(),
9 | false);
10 | }
11 |
12 | // 初始化canvas
13 | function init() {
14 |
15 | canvas = document.getElementById('canvas');
16 | if (!canvas) {
17 | return;
18 | }
19 | if (!canvas.getContext) {
20 | return;
21 | }
22 |
23 | // 初始化画布
24 | context = canvas.getContext('2d');
25 | if (!context) {
26 | return;
27 | }
28 |
29 | // 绘制背景, 不然的话没有背景，transparent
30 | context.fillStyle = '#fff';
31 | context.fillRect(0, 0, canvas.width, canvas.height);
32 |
33 | // 初始化画笔
34 | tool = new toolPencil();
35 |
36 | /**
37 | * 监听鼠标移动事件，进行绘图
38 | */
39 | canvas.addEventListener('mousedown', evCanvas, false);
40 | canvas.addEventListener('mousemove', evCanvas, false);
41 | canvas.addEventListener('mouseup', evCanvas, false);
42 |
43 | }
44 |
45 | /**
46 | * 画笔构造函数
47 | * @returns {toolPencil}
48 | */
49 | function toolPencil() {
50 | var tool = this;
51 | this.started = false;
52 | /**
53 | * 监听鼠标摁下事件
54 | */
55 | this.mousedown = function (ev) {
56 | /**
57 | * 开始绘制
58 | */
59 | ev.preventDefault();
60 | context.beginPath();
61 | context.moveTo(ev._x, ev._y);
62 | tool.started = true;
63 | };
64 |
65 | /**
66 | * 如果已经开始绘制，监听鼠标移动，继续绘制
67 | */
68 | this.mousemove = function (ev) {
69 | if (tool.started) {
70 | context.lineTo(ev._x, ev._y);
71 | context.stroke();
72 | }
73 | };
74 |
75 | /**
76 | * 结束绘制.
77 | */
78 | this.mouseup = function (ev) {
79 | if (tool.started) {
80 | tool.mousemove(ev);
81 | tool.started = false;
82 | }
83 | };
84 | }
85 |
86 | /**
87 | * 处理鼠标移动位置相对于画布的位置
88 | *
89 | * @param ev
90 | */
91 | function evCanvas(ev) {
92 | var x, y;
93 | if (ev.offsetX || ev.offsetY == 0) {
94 | ev._x = ev.offsetX;
95 | ev._y = ev.offsetY;
96 | }
97 | /**
98 | * 执行三个监听函数 mousedown, mouseup, mousemove
99 | */
100 | var func = tool[ev.type];
101 | if (func) {
102 | func(ev);
103 | }
104 | }
--------------------------------------------------------------------------------
/node-cors/vue-cli3-demo/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
31 |
32 |
33 |
41 |
42 |
43 |
59 |
--------------------------------------------------------------------------------
/webpack/optimization.splitChunks.chunks/dist-all/a.bundle.js:
--------------------------------------------------------------------------------
1 | !function(e){function n(n){for(var r,i,c=n[0],a=n[1],l=n[2],s=0,p=[];s{{ msg }}
4 |
5 | For a guide and recipes on how to configure / customize this project,
6 | check out the
7 | vue-cli documentation.
8 |
Installed CLI Plugins
10 | 14 |Essential Links
15 |-
16 |
- Core Docs 17 |
- Forum 18 |
- Community Chat 19 |
- News 21 |
Ecosystem
23 |-
24 |
- vue-router 25 |
- vuex 26 |
- vue-devtools 27 |
- vue-loader 28 |
- awesome-vue 29 |
23 |
26 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/build/webpack.base.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const utils = require('./utils')
4 | const config = require('../config')
5 | const vueLoaderConfig = require('./vue-loader.conf')
6 |
7 | function resolve (dir) {
8 | return path.join(__dirname, '..', dir)
9 | }
10 |
11 |
12 |
13 | module.exports = {
14 | context: path.resolve(__dirname, '../'),
15 | entry: {
16 | app: './src/main.js'
17 | },
18 | output: {
19 | path: config.build.assetsRoot,
20 | filename: '[name].js',
21 | publicPath: process.env.NODE_ENV === 'production'
22 | ? config.build.assetsPublicPath
23 | : config.dev.assetsPublicPath
24 | },
25 | resolve: {
26 | extensions: ['.js', '.vue', '.json'],
27 | alias: {
28 | 'vue$': 'vue/dist/vue.esm.js',
29 | '@': resolve('src'),
30 | }
31 | },
32 | module: {
33 | rules: [
34 | {
35 | test: /\.vue$/,
36 | loader: 'vue-loader',
37 | options: vueLoaderConfig
38 | },
39 | {
40 | test: /\.js$/,
41 | loader: 'babel-loader',
42 | include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
43 | },
44 | {
45 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
46 | loader: 'url-loader',
47 | options: {
48 | limit: 10000,
49 | name: utils.assetsPath('img/[name].[hash:7].[ext]')
50 | }
51 | },
52 | {
53 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
54 | loader: 'url-loader',
55 | options: {
56 | limit: 10000,
57 | name: utils.assetsPath('media/[name].[hash:7].[ext]')
58 | }
59 | },
60 | {
61 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
62 | loader: 'url-loader',
63 | options: {
64 | limit: 10000,
65 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
66 | }
67 | }
68 | ]
69 | },
70 | node: {
71 | // prevent webpack from injecting useless setImmediate polyfill because Vue
72 | // source contains it (although only uses it if it's native).
73 | setImmediate: false,
74 | // prevent webpack from injecting mocks to Node native modules
75 | // that does not make sense for the client
76 | dgram: 'empty',
77 | fs: 'empty',
78 | net: 'empty',
79 | tls: 'empty',
80 | child_process: 'empty'
81 | }
82 | }
83 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
1 |
2 | 秋风
24 |hello
25 |
3 |
84 |
85 |
86 |
96 |
97 |
98 |
114 |
--------------------------------------------------------------------------------
/watermark/demo/element.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | {{ msg }}
4 |Essential Links
5 |-
6 |
- 7 | 11 | Core Docs 12 | 13 | 14 |
- 15 | 19 | Forum 20 | 21 | 22 |
- 23 | 27 | Community Chat 28 | 29 | 30 |
- 31 | 35 | Twitter 36 | 37 | 38 |
- 40 | 44 | Docs for This Template 45 | 46 | 47 |
39 |
Ecosystem
49 |-
50 |
- 51 | 55 | vue-router 56 | 57 | 58 |
- 59 | 63 | vuex 64 | 65 | 66 |
- 67 | 71 | vue-loader 72 | 73 | 74 |
- 75 | 79 | awesome-vue 80 | 81 | 82 |
13 |
16 |
73 |
74 |
75 |
--------------------------------------------------------------------------------
/react-abort/src/logo.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/build/utils.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const path = require('path')
3 | const config = require('../config')
4 | const ExtractTextPlugin = require('extract-text-webpack-plugin')
5 | const packageConfig = require('../package.json')
6 |
7 | exports.assetsPath = function (_path) {
8 | const assetsSubDirectory = process.env.NODE_ENV === 'production'
9 | ? config.build.assetsSubDirectory
10 | : config.dev.assetsSubDirectory
11 |
12 | return path.posix.join(assetsSubDirectory, _path)
13 | }
14 |
15 | exports.cssLoaders = function (options) {
16 | options = options || {}
17 |
18 | const cssLoader = {
19 | loader: 'css-loader',
20 | options: {
21 | sourceMap: options.sourceMap
22 | }
23 | }
24 |
25 | const postcssLoader = {
26 | loader: 'postcss-loader',
27 | options: {
28 | sourceMap: options.sourceMap
29 | }
30 | }
31 |
32 | // generate loader string to be used with extract text plugin
33 | function generateLoaders (loader, loaderOptions) {
34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
35 |
36 | if (loader) {
37 | loaders.push({
38 | loader: loader + '-loader',
39 | options: Object.assign({}, loaderOptions, {
40 | sourceMap: options.sourceMap
41 | })
42 | })
43 | }
44 |
45 | // Extract CSS when that option is specified
46 | // (which is the case during production build)
47 | if (options.extract) {
48 | return ExtractTextPlugin.extract({
49 | use: loaders,
50 | fallback: 'vue-style-loader'
51 | })
52 | } else {
53 | return ['vue-style-loader'].concat(loaders)
54 | }
55 | }
56 |
57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html
58 | return {
59 | css: generateLoaders(),
60 | postcss: generateLoaders(),
61 | less: generateLoaders('less'),
62 | sass: generateLoaders('sass', { indentedSyntax: true }),
63 | scss: generateLoaders('sass'),
64 | stylus: generateLoaders('stylus'),
65 | styl: generateLoaders('stylus')
66 | }
67 | }
68 |
69 | // Generate loaders for standalone style files (outside of .vue)
70 | exports.styleLoaders = function (options) {
71 | const output = []
72 | const loaders = exports.cssLoaders(options)
73 |
74 | for (const extension in loaders) {
75 | const loader = loaders[extension]
76 | output.push({
77 | test: new RegExp('\\.' + extension + '$'),
78 | use: loader
79 | })
80 | }
81 |
82 | return output
83 | }
84 |
85 | exports.createNotifierCallback = () => {
86 | const notifier = require('node-notifier')
87 |
88 | return (severity, errors) => {
89 | if (severity !== 'error') return
90 |
91 | const error = errors[0]
92 | const filename = error.file && error.file.split('!').pop()
93 |
94 | notifier.notify({
95 | title: packageConfig.name,
96 | message: severity + ': ' + error.name,
97 | subtitle: filename || '',
98 | icon: path.join(__dirname, 'logo.png')
99 | })
100 | }
101 | }
102 |
--------------------------------------------------------------------------------
/file-download/example/download-multiple/script.js:
--------------------------------------------------------------------------------
1 | var m = 1024 * 1024 * 10; // 分片大小
2 | var url =
3 | "https://vodm0pihssv.vod.126.net/edu-video/nos/mp4/2017/10/10/1007299069_2cddd54a92e344639ad9669a2e0109ed_sd.mp4"; // 下载url
4 | var donwloadName = "3.mp4"; // 下载文件名
5 | const script = document.createElement("script");
6 | script.src = "https://cdn.bootcss.com/axios/0.19.2/axios.min.js";
7 | document.body.appendChild(script);
8 |
9 | function downloadDirect(url) {
10 | console.time("直接下载1");
11 | const req = new XMLHttpRequest();
12 | req.open("GET", url, true);
13 | req.responseType = "blob";
14 | req.onload = function (oEvent) {
15 | const content = req.response;
16 | const aTag = document.createElement("a");
17 | aTag.download = donwloadName;
18 | const blob = new Blob([content]);
19 | const blobUrl = URL.createObjectURL(blob);
20 | aTag.href = blobUrl;
21 | aTag.click();
22 | URL.revokeObjectURL(blob);
23 | console.timeEnd("直接下载1");
24 | };
25 | req.send();
26 | }
27 |
28 | // 直接下载
29 | downloadDirect(url);
30 | // 多线程下载
31 | axios({
32 | url,
33 | method: "head",
34 | }).then((res) => {
35 | console.time("并发下载1");
36 | const size = Number(res.headers["content-length"]);
37 | const length = parseInt(size / m);
38 | const arr = [];
39 | let count = 0;
40 | function downloadRange(url, start, end, i) {
41 | return new Promise((resolve, reject) => {
42 | const req = new XMLHttpRequest();
43 | req.open("GET", url, true);
44 | req.setRequestHeader("range", `bytes=${start}-${end}`);
45 | req.responseType = "blob";
46 | req.onload = function (oEvent) {
47 | req.response.arrayBuffer().then((res) => {
48 | count++;
49 | console.log(`下载百分比${((count / length) * 100).toFixed(2)}`);
50 | resolve({
51 | i,
52 | buffer: res,
53 | });
54 | });
55 | };
56 | req.send();
57 | });
58 | }
59 | // 合并buffer
60 | function concatenate(resultConstructor, arrays) {
61 | let totalLength = 0;
62 | for (let arr of arrays) {
63 | totalLength += arr.length;
64 | }
65 | let result = new resultConstructor(totalLength);
66 | let offset = 0;
67 | for (let arr of arrays) {
68 | result.set(arr, offset);
69 | offset += arr.length;
70 | }
71 | return result;
72 | }
73 |
74 | for (let i = 0; i <= length; i++) {
75 | let start = i * m;
76 | let end = (i == length) ? size - 1 : (i + 1) * m - 1;
77 | arr.push(downloadRange(url, start, end, i))
78 | }
79 | Promise.all(arr).then((res) => {
80 | const arrBufferList = res
81 | .sort((item) => item.i - item.i)
82 | .map((item) => new Uint8Array(item.buffer));
83 | count = 0;
84 | const allBuffer = concatenate(Uint8Array, arrBufferList);
85 | const blob = new Blob([allBuffer], { type: "image/jpeg" });
86 | const blobUrl = URL.createObjectURL(blob);
87 | const aTag = document.createElement("a");
88 | aTag.download = donwloadName;
89 | aTag.href = blobUrl;
90 | aTag.click();
91 | URL.revokeObjectURL(blob);
92 | console.timeEnd("并发下载1");
93 | });
94 | });
95 |
--------------------------------------------------------------------------------
/node-cors/vue-cli2-demo/build/webpack.dev.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const webpack = require('webpack')
4 | const config = require('../config')
5 | const merge = require('webpack-merge')
6 | const path = require('path')
7 | const baseWebpackConfig = require('./webpack.base.conf')
8 | const CopyWebpackPlugin = require('copy-webpack-plugin')
9 | const HtmlWebpackPlugin = require('html-webpack-plugin')
10 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
11 | const portfinder = require('portfinder')
12 |
13 | const HOST = process.env.HOST
14 | const PORT = process.env.PORT && Number(process.env.PORT)
15 |
16 | const devWebpackConfig = merge(baseWebpackConfig, {
17 | module: {
18 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
19 | },
20 | // cheap-module-eval-source-map is faster for development
21 | devtool: config.dev.devtool,
22 |
23 | // these devServer options should be customized in /config/index.js
24 | devServer: {
25 | clientLogLevel: 'warning',
26 | historyApiFallback: {
27 | rewrites: [
28 | { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
29 | ],
30 | },
31 | hot: true,
32 | contentBase: false, // since we use CopyWebpackPlugin.
33 | compress: true,
34 | host: HOST || config.dev.host,
35 | port: PORT || config.dev.port,
36 | open: config.dev.autoOpenBrowser,
37 | overlay: config.dev.errorOverlay
38 | ? { warnings: false, errors: true }
39 | : false,
40 | publicPath: config.dev.assetsPublicPath,
41 | proxy: config.dev.proxyTable,
42 | quiet: true, // necessary for FriendlyErrorsPlugin
43 | watchOptions: {
44 | poll: config.dev.poll,
45 | }
46 | },
47 | plugins: [
48 | new webpack.DefinePlugin({
49 | 'process.env': require('../config/dev.env')
50 | }),
51 | new webpack.HotModuleReplacementPlugin(),
52 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
53 | new webpack.NoEmitOnErrorsPlugin(),
54 | // https://github.com/ampedandwired/html-webpack-plugin
55 | new HtmlWebpackPlugin({
56 | filename: 'index.html',
57 | template: 'index.html',
58 | inject: true
59 | }),
60 | // copy custom static assets
61 | new CopyWebpackPlugin([
62 | {
63 | from: path.resolve(__dirname, '../static'),
64 | to: config.dev.assetsSubDirectory,
65 | ignore: ['.*']
66 | }
67 | ])
68 | ]
69 | })
70 |
71 | module.exports = new Promise((resolve, reject) => {
72 | portfinder.basePort = process.env.PORT || config.dev.port
73 | portfinder.getPort((err, port) => {
74 | if (err) {
75 | reject(err)
76 | } else {
77 | // publish the new Port, necessary for e2e tests
78 | process.env.PORT = port
79 | // add port to devServer config
80 | devWebpackConfig.devServer.port = port
81 |
82 | // Add FriendlyErrorsPlugin
83 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
84 | compilationSuccessInfo: {
85 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
86 | },
87 | onErrors: config.dev.notifyOnErrors
88 | ? utils.createNotifierCallback()
89 | : undefined
90 | }))
91 |
92 | resolve(devWebpackConfig)
93 | }
94 | })
95 | })
96 |
--------------------------------------------------------------------------------
/wechat-feces/2-2-lottie.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 秋风
14 |hello
15 |秋风的笔记
78 |
79 | JavaScript
80 | Node.js
81 | Webpack
82 | React
83 | Vue
84 | Nginx
85 | ...
86 |
87 |
88 |
89 |
93 |
105 |
106 |
107 |
--------------------------------------------------------------------------------
/guide/canvas.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
90 | 秋风的技能
91 |
92 | 秋风的笔记
58 |
59 | JavaScript
60 | Node.js
61 | Webpack
62 | React
63 | Vue
64 | Nginx
65 | ...
66 |
67 |
68 |
69 |
73 |
101 |
102 |
103 |
--------------------------------------------------------------------------------
/guide/box-shadow.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
70 | 秋风的技能
71 |
72 | 秋风的笔记
85 |
86 | JavaScript
87 | Node.js
88 | Webpack
89 | React
90 | Vue
91 | Nginx
92 | ...
93 |
94 |
95 |
96 |
100 |
112 |
113 |
114 |
--------------------------------------------------------------------------------
/wechat-feces/3-1-feces-2.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
97 | 秋风的技能
98 |
99 |
10 |
13 | 导出word
14 |
15 |
16 |
17 | hello
11 |秋风的笔记
12 || title1 | 21 |title2 | 22 |title3 | 23 |title4 | 24 |title5 | 25 |
| 1 | 30 |2 | 31 |3 | 32 |4 | 33 |5 | 34 |
| 1 | 37 |2 | 38 |3 | 39 |4 | 40 |5 | 41 |
| 1 | 44 |2 | 45 |3 | 46 |4 | 47 |5 | 48 |