This commit is contained in:
3056762376@qq.com 2022-11-18 07:33:35 +08:00
parent 6961261963
commit 844498b2c2
5 changed files with 373 additions and 6 deletions

View File

@ -0,0 +1,37 @@
* {
margin: 0;
padding: 0;
}
.nav {
width: 50%;
margin: 0 auto;
}
.title {
border: 10px solid skyblue;
padding: 10px;
}
input {
border: none;
outline: none;
font-size: 18px;
padding: 0 10px;
width: 90%;
}
ul {
list-style: none;
}
img {
width: 100px;
}
li {
display: flex;
align-items: center;
border-bottom: 1px solid gray;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="../../../Fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../css/css.css">
</head>
<body>
<div id="app">
<div class="nav">
<div class="title">
<i class="fa fa-search" ></i>
<input type="text" placeholder="请输入你要搜索的内容" v-model="keyword">
</div>
<div>
<ul>
<li v-for="items in list" >
<img :src="items.imgs">
<div>{{items.name}}</div>
</li>
</ul>
</div>
</div>
</div>
</body>
<script src="../../../JavaScript/vue.js"></script>
<script src="../js/index.js"></script>
</html>

View File

@ -0,0 +1,20 @@
new Vue({
el: "#app",
data: {
course: [
{ name: "C语言", imgs: "../img/logo.png" },
{ name: "C++", imgs: "../img/logo.png" },
{ name: "Java", imgs: "../img/logo.png" },
{ name: "Python", imgs: "../img/logo.png" },
{ name: "PHP", imgs: "../img/logo.png" },
],
keyword: ""
},
computed: {
list() {
return this.course.filter((item) => {
return item.name.indexOf(this.keyword.toUpperCase()) !== -1 || item.name.indexOf(this.keyword.toLowerCase()) !== -1
})
}
}
})

View File

@ -1,15 +1,294 @@
{
"name": "webpack_init",
"name": "webpack",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"dependencies": {
"acorn": "^5.7.4",
"acorn-dynamic-import": "^2.0.2",
"ajv": "^5.5.2",
"ajv-keywords": "^2.1.1",
"align-text": "^0.1.4",
"ansi-regex": "^2.1.1",
"arr-diff": "^4.0.0",
"arr-flatten": "^1.1.0",
"arr-union": "^3.1.0",
"array-unique": "^0.3.2",
"anymatch": "^3.1.2",
"assert": "^1.5.0",
"asn1.js": "^5.4.1",
"assign-symbols": "^1.0.0",
"async-each": "^1.0.3",
"async": "^2.6.4",
"atob": "^2.1.2",
"base": "^0.11.2",
"base64-js": "^1.5.1",
"big.js": "^5.2.2",
"binary-extensions": "^2.2.0",
"bn.js": "^5.2.1",
"braces": "^3.0.2",
"brorand": "^1.1.0",
"browserify-aes": "^1.2.0",
"browserify-cipher": "^1.0.1",
"browserify-des": "^1.0.2",
"browserify-rsa": "^4.1.0",
"browserify-sign": "^4.2.1",
"browserify-zlib": "^0.2.0",
"buffer": "^4.9.2",
"buffer-xor": "^1.0.3",
"builtin-status-codes": "^3.0.0",
"cache-base": "^1.0.1",
"camelcase": "^4.1.0",
"center-align": "^0.1.3",
"chokidar": "^3.5.3",
"cipher-base": "^1.0.4",
"class-utils": "^0.3.6",
"cliui": "^3.2.0",
"co": "^4.6.0",
"code-point-at": "^1.1.0",
"collection-visit": "^1.0.0",
"component-emitter": "^1.3.0",
"console-browserify": "^1.2.0",
"constants-browserify": "^1.0.0",
"copy-descriptor": "^0.1.1",
"core-util-is": "^1.0.3",
"create-ecdh": "^4.0.4",
"create-hash": "^1.2.0",
"create-hmac": "^1.1.7",
"cross-spawn": "^5.1.0",
"crypto-browserify": "^3.12.0",
"d": "^1.0.1",
"debug": "^2.6.9",
"decamelize": "^1.2.0",
"decode-uri-component": "^0.2.0",
"define-property": "^2.0.2",
"des.js": "^1.0.1",
"diffie-hellman": "^5.0.3",
"domain-browser": "^1.2.0",
"elliptic": "^6.5.4",
"emojis-list": "^3.0.0",
"enhanced-resolve": "^3.4.1",
"errno": "^0.1.8",
"error-ex": "^1.3.2",
"es5-ext": "^0.10.62",
"es6-iterator": "^2.0.3",
"es6-map": "^0.1.5",
"es6-set": "^0.1.6",
"es6-symbol": "^3.1.3",
"es6-weak-map": "^2.0.3",
"escope": "^3.6.0",
"esrecurse": "^4.3.0",
"estraverse": "^4.3.0",
"event-emitter": "^0.3.5",
"events": "^3.3.0",
"evp_bytestokey": "^1.0.3",
"execa": "^0.7.0",
"expand-brackets": "^2.1.4",
"ext": "^1.7.0",
"extend-shallow": "^3.0.2",
"extglob": "^2.0.4",
"fast-deep-equal": "^1.1.0",
"fast-json-stable-stringify": "^2.1.0",
"fill-range": "^7.0.1",
"find-up": "^2.1.0",
"for-in": "^1.0.2",
"fragment-cache": "^0.2.1",
"function-bind": "^1.1.1",
"get-caller-file": "^1.0.3",
"get-stream": "^3.0.0",
"get-value": "^2.0.6",
"glob-parent": "^5.1.2",
"graceful-fs": "^4.2.10",
"has": "^1.0.3",
"has-flag": "^2.0.0",
"has-value": "^1.0.0",
"has-values": "^1.0.0",
"hash-base": "^3.1.0",
"hash.js": "^1.1.7",
"hmac-drbg": "^1.0.1",
"hosted-git-info": "^2.8.9",
"https-browserify": "^1.0.0",
"ieee754": "^1.2.1",
"inherits": "^2.0.4",
"interpret": "^1.4.0",
"is-accessor-descriptor": "^1.0.0",
"invert-kv": "^1.0.0",
"is-arrayish": "^0.2.1",
"is-binary-path": "^2.1.0",
"is-buffer": "^1.1.6",
"is-core-module": "^2.11.0",
"is-data-descriptor": "^1.0.0",
"is-descriptor": "^1.0.2",
"is-extendable": "^1.0.1",
"is-extglob": "^2.1.1",
"is-fullwidth-code-point": "^2.0.0",
"is-glob": "^4.0.3",
"is-number": "^7.0.0",
"is-plain-object": "^2.0.4",
"is-stream": "^1.1.0",
"is-windows": "^1.0.2",
"isarray": "^1.0.0",
"isexe": "^2.0.0",
"isobject": "^3.0.1",
"json-loader": "^0.5.7",
"json-schema-traverse": "^0.3.1",
"json5": "^0.5.1",
"kind-of": "^3.2.2",
"lazy-cache": "^1.0.4",
"lcid": "^1.0.0",
"load-json-file": "^2.0.0",
"loader-runner": "^2.4.0",
"loader-utils": "^1.4.2",
"locate-path": "^2.0.0",
"lodash": "^4.17.21",
"longest": "^1.0.1",
"lru-cache": "^4.1.5",
"map-cache": "^0.2.2",
"map-visit": "^1.0.0",
"md5.js": "^1.3.5",
"mem": "^1.1.0",
"memory-fs": "^0.4.1",
"micromatch": "^3.1.10",
"miller-rabin": "^4.0.1",
"mimic-fn": "^1.2.0",
"minimalistic-assert": "^1.0.1",
"minimalistic-crypto-utils": "^1.0.1",
"minimist": "^1.2.7",
"mixin-deep": "^1.3.2",
"mkdirp": "^0.5.6",
"ms": "^2.0.0",
"nanomatch": "^1.2.13",
"neo-async": "^2.6.2",
"next-tick": "^1.1.0",
"node-libs-browser": "^2.2.1",
"normalize-path": "^3.0.0",
"normalize-package-data": "^2.5.0",
"npm-run-path": "^2.0.2",
"number-is-nan": "^1.0.1",
"object-assign": "^4.1.1",
"object-copy": "^0.1.0",
"object-visit": "^1.0.1",
"object.pick": "^1.3.0",
"os-browserify": "^0.3.0",
"os-locale": "^2.1.0",
"p-finally": "^1.0.0",
"p-limit": "^1.3.0",
"p-locate": "^2.0.0",
"p-try": "^1.0.0",
"pako": "^1.0.11",
"parse-asn1": "^5.1.6",
"parse-json": "^2.2.0",
"pascalcase": "^0.1.1",
"path-browserify": "^0.0.1",
"path-dirname": "^1.0.2",
"path-exists": "^3.0.0",
"path-is-absolute": "^1.0.1",
"path-key": "^2.0.1",
"path-parse": "^1.0.7",
"path-type": "^2.0.0",
"pbkdf2": "^3.1.2",
"picomatch": "^2.3.1",
"pify": "^2.3.0",
"posix-character-classes": "^0.1.1",
"process": "^0.11.10",
"process-nextick-args": "^2.0.1",
"prr": "^1.0.1",
"pseudomap": "^1.0.2",
"public-encrypt": "^4.0.3",
"punycode": "^1.4.1",
"querystring": "^0.2.0",
"querystring-es3": "^0.2.1",
"randombytes": "^2.1.0",
"randomfill": "^1.0.4",
"read-pkg": "^2.0.0",
"read-pkg-up": "^2.0.0",
"readable-stream": "^2.3.7",
"readdirp": "^3.6.0",
"regex-not": "^1.0.2",
"remove-trailing-separator": "^1.1.0",
"repeat-element": "^1.1.4",
"repeat-string": "^1.6.1",
"require-directory": "^2.1.1",
"require-main-filename": "^1.0.1",
"resolve": "^1.22.1",
"resolve-url": "^0.2.1",
"ret": "^0.1.15",
"right-align": "^0.1.3",
"ripemd160": "^2.0.2",
"safe-buffer": "^5.2.1",
"safe-regex": "^1.1.0",
"safer-buffer": "^2.1.2",
"semver": "^5.7.1",
"set-blocking": "^2.0.0",
"set-value": "^2.0.1",
"setimmediate": "^1.0.5",
"sha.js": "^2.4.11",
"shebang-command": "^1.2.0",
"shebang-regex": "^1.0.0",
"signal-exit": "^3.0.7",
"snapdragon": "^0.8.2",
"snapdragon-node": "^2.1.1",
"snapdragon-util": "^3.0.1",
"source-map": "^0.5.7",
"source-list-map": "^2.0.1",
"source-map-resolve": "^0.5.3",
"source-map-url": "^0.4.1",
"spdx-correct": "^3.1.1",
"spdx-exceptions": "^2.3.0",
"spdx-expression-parse": "^3.0.1",
"spdx-license-ids": "^3.0.12",
"split-string": "^3.1.0",
"static-extend": "^0.1.2",
"stream-browserify": "^2.0.2",
"stream-http": "^2.8.3",
"string-width": "^2.1.1",
"string_decoder": "^1.3.0",
"strip-ansi": "^3.0.1",
"strip-bom": "^3.0.0",
"strip-eof": "^1.0.0",
"supports-color": "^4.5.0",
"supports-preserve-symlinks-flag": "^1.0.0",
"tapable": "^0.2.9",
"timers-browserify": "^2.0.12",
"to-arraybuffer": "^1.0.1",
"to-object-path": "^0.3.0",
"to-regex": "^3.0.2",
"to-regex-range": "^5.0.1",
"tty-browserify": "^0.0.0",
"type": "^1.2.0",
"uglify-js": "^2.8.29",
"uglify-to-browserify": "^1.0.2",
"uglifyjs-webpack-plugin": "^0.4.6",
"union-value": "^1.0.1",
"unset-value": "^1.0.0",
"upath": "^1.2.0",
"urix": "^0.1.0",
"url": "^0.11.0",
"use": "^3.1.1",
"util": "^0.11.1",
"util-deprecate": "^1.0.2",
"validate-npm-package-license": "^3.0.4",
"vm-browserify": "^1.1.2",
"watchpack": "^1.7.5",
"watchpack-chokidar2": "^2.0.1",
"webpack": "^3.6.0",
"webpack-sources": "^1.4.3",
"which": "^1.3.1",
"which-module": "^2.0.0",
"window-size": "^0.1.0",
"wordwrap": "^0.0.2",
"wrap-ansi": "^2.1.0",
"xtend": "^4.0.2",
"y18n": "^3.2.2",
"yallist": "^2.1.2",
"yargs": "^8.0.2",
"yargs-parser": "^7.0.0"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"serve": "webpack"
"serve":"webpack"
},
"author": "",
"license": "ISC",
"dependencies": {
"webpack": "^3.6.0"
}
"license": "ISC"
}