小案例 ·

tsconfig.json 文件说明

用有道词典做的复制黏贴翻译,如果有错,在所难免,这里仅作为一个阅读参考 { "compilerOptions": { /* Visit https://aka.ms/tsconfig.json to read more about this file */ /*基本选项*/ /* Basic Options */ // "incremental": true, /* 启用增量编译 // Enable incremental c...
小案例 ·

L2Dwidget 二次元看板娘 使用方法

今天看到一个学生在用这个工具.觉得特别好玩.就要了过来.也用了一下.有点意思.把使用方法记录一下 官网:https://www.npmjs.com/package/hexo-helper-live2d 下载各种动画model:https://github.com/xiazeyu/live2d-widget-models var jsonPath = [ 'https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/ch...
小案例 ·

nginx实现默认跳转HTTPS

server { listen 80; server_name www.hzbiz.bet; index index.html index.php index.htm; access_log /usr/local/nginx/logs/8080-access.log main; error_log /usr/local/nginx/logs/8080-error.log; return 301 https://$server_name$request_uri; //这是nginx最新支持的写法,就是...
小案例 ·

Vue组件通信 – 子传父 emit

vue组件通信 – 子传父 先决条件是子组件需要有一个主动事件来触发 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>...
小案例 ·

Vue组件通信 – props

Vue – Porps 父传子数据通信 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> ...
小案例 ·

Web Components 真正的浏览器组件

1. 简单的页面结构 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="main.js"></script> </head> &l...
小案例 ·

Vue实现数据实时模糊搜索效果

Vue实现数据实时模糊搜索效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> [v-cloak] { display...
小案例 ·

webpack 配置忽略打包文件夹

第一步当然是下载依赖 npm install copy-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。例如: let path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin'); module.exports = { plugins: [ new CopyPlugin({ patterns: [ { from: path.resolve(__di...
小案例 ·

一个简单的原生javascript显示隐藏效果

html部分 <div class="downloadApp"> <a href="javascript:;" id="codeShow"> APP下载 </a> <div class="code" id="app_code_pic"> <img src="images/app_code_pic.png" alt=""> </div> </div> css部分 .downloadApp { position: relat...