2020年03月_彭世瑜的博客-CSDN博客

原创 Webpack插件使用及热更新打包

1、HtmlWebpackPlugin 自动生成基本的 html 页面 2、开启文件监听 3、webpack-dev-server热更新安装依赖 cnpm i html-webpack-plugin webpack-dev-server -D 配置webpack.config.js '...

2020-03-29 14:48:06 485 0

原创 webpack打包文件的基本使用

一、webpack简单入门 1、webpack安装 # 安装webpack npm init -y npm install webpack webpack-cli --save-dev # 查看版本 ./node_modules/.bin/webpack -v 4.42.1 2、准备要打包的文...

2020-03-29 14:20:30 118 0

原创 tree树形显示目录下文件

基本使用 $ tree 常用参数 -a 显示所有文件，包含隐藏文件。 -d 只显示目录。 -f 显示完整路径。 -L level 控制显示的目录深度。参考 Linux杂谈: 树形显示多级目录–tree ...

2020-03-29 13:36:43 161 0

原创重置浏览器样式CSS Tools: Reset CSS

reset.css /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object...

2020-03-29 12:23:23 160 0

原创使用lxml.html.clean.Cleaner清洗html

文档: https://lxml.de/lxmlhtml.html#cleaning-up-html 代码示例 # -*- coding: utf-8 -*- from lxml.html.clean import Cleaner html = """ <p...

2020-03-26 17:06:13 417 0

原创 Python中的tuple元组和frozensets冻结集合的区别

区别： tuple元组是不可变的列表 frozensets冻结集合是不可变的集合代码示例 # 可变对象可以进行写操作（增、删、改） l = list([1, 2, 3]) l.append(4) [1, 2, 3, 4] s = set([1, 2, 3]) s.add(4) {1, 2, 3...

2020-03-26 15:52:16 212 0

原创 live-server启动一个热更新的静态服务器

Python可以直接启动一个静态服务器 # python2 python -m SimpleHTTPServer # python3 python3 -m http.server live-server live-server可以热更新，文件修改之后浏览器自动刷新，不用手动去刷新了，简直就是前...

2020-03-23 00:08:59 564 0

原创 Nginx反向代理配置之proxy_pass

一、环境准备使用express准备解析路径的应用本来准备使用Flask, 不过没找到路由通配符的实现方法 1、server.js const express = require("express"); const app = express(); app.get(&qu...

2020-03-21 15:41:16 209 0

原创 MySQL添加索引Specified key was too long; max key length is 767 bytes

添加删除索引 # 添加索引 ALTER TABLE user ADD UNIQUE (name) # 删除索引 ALTER TABLE user DROP INDEX (name) 添加索引是遇到问题 MySQL添加索引Specified key was too long; max key l...

2020-03-17 18:21:29 497 0

原创 Mac显示隐藏文件快捷键

快捷键 shift+cmmand+.

2020-03-16 16:45:48 365 0

原创 ActiveRecord语言实现PHP、Python、Node.js

以下框架都实现了两种查询方式 Query Builder + ORM Laravel Eloquent ORM : https://laravel.com/docs/7.x/eloquent 代码示例 <?php namespace App; use Illuminate\Databa...

2020-03-15 18:36:17 321 0

原创 FastAPI基本使用

文档 https://fastapi.tiangolo.com/ 安装 pip install fastapi uvicorn 代码示例 main.py # -*- coding: utf-8 -*- from fastapi import FastAPI app = FastAPI() ...

2020-03-14 21:36:41 1257 0

原创 Express框架基本使用

用法和Flask 很相似文档：英文：http://expressjs.com/ 中文：https://www.expressjs.com.cn/ 初始化项目 # 初始化 $ npm init # 安装 cnpm install express nodemon -S 项目结构 server....

2020-03-14 19:07:23 197 0

原创查看chrome窗口占用内存-任务管理器

浏览器顶部空白处右键

2020-03-14 18:02:26 533 0

原创 Heroku部署vue项目失败：sh: 1: vue-cli-service: not found

剧情介绍最近写了一个Express + Vue前后端项目demo，打算部署到Heroku 部分目录结构如下 server.js // Express提供数据接口 package.json client/ // Vue前端显示数据 package....

2020-03-14 17:54:13 2049 0

原创 jsonwebtoken、jwt-decode实现jwt获取和解析

一、jwt获取 jsonwebtoken ： https://www.npmjs.com/package/jsonwebtoken npm install jsonwebtoken 代码示例 const jwt = require('jsonwebtoken'); // 数...

2020-03-13 16:52:37 2553 0

原创 JavaScript加密-MD5与Bcrypt

哈希（Hash, 消息摘要）是将目标文本转换成具有相同长度的、不可逆的杂凑字符串加密（Encrypt）是将目标文本转换成具有不同长度的、可逆的密文 MD5 // npm install js-md5 const md5 = require('js-md5'); consol...

2020-03-09 10:19:06 398 0

原创 jQuery中$.click()没有触发

在控制台调试的时候，直接点击元素是可以触发的，到了页面代码中却没有触发点击事件 $("#btn").click(); 看了别人的两种处理方式：（1）点击的是“A标签”本身（2）点击的是“A标签”子元素给a标签添加一个子元素，通过点击子元素触发 let span = do...

2020-03-06 14:12:24 477 0

原创 a标签中javascript\:\;和javascript\:\void$0$

例子： <a href="javascript:;">百度</a> 或者 <a href="javascript:void(0)">百度</a> javascript: 是一个伪协议 javascript:...

2020-03-06 13:56:21 167 0

原创 document\.ready与window\.onload区别

jQuery 入口函数: $(document).ready(function(){ // 执行代码 }); // 或者 $(function(){ // 执行代码 }); JavaScript 入口函数: window.onload = function () { /...

2020-03-06 13:48:07 142 0

原创 Vue.directive指令实现按钮级别权限控制

Vue.directive文档： https://cn.vuejs.org/v2/guide/custom-directive.html 使用定义一个按钮级别指令 // 获取用户角色, 可以从cookie中获取 function getRole() { return 'admin...

2020-03-04 16:27:06 1071 0

原创 js成员检查方式in、indexOf、includes、inArray

定义用于测试的列表和对象 let list = ["pig", "dog", "cat"]; let obj = { "name": "dog", "age":...

2020-03-04 15:01:25 220 0

原创 Promise对象简单入门

Promise 对象是一个代理对象 new Promise( function(resolve, reject) {...} /* executor */ ); 异步任务顺利完成时，会调用 resolve 函数返回结果值；异步任务失败且时，会调用reject 函数返回失败原因。它们可以被链...

2020-03-04 11:20:39 117 0

原创 5款web富文本编辑器汇总整理

1、UEditor http://ueditor.baidu.com/website/onlinedemo.html 最后更新时间 2016-05-18(截止2020-03-03) 2、KindEditor http://kindeditor.net/demo.php 最后更新时间 2016-0...

2020-03-03 18:31:03 395 0

原创 html2canvas实现页面截图并使用axios上传

安装 npm install --save html2canvas 简单实例 <template> <div id="capture" style="padding: 10px; background: #f5da55"> ...

2020-03-02 22:22:38 305 0

原创 clipboardjs实现点击拷贝复制

1、文档英文:https://clipboardjs.com/ 中文http://www.clipboardjs.cn/ 2、安装 npm install clipboard --save 3、使用示例 demo.vue <template> <div> &...

2020-03-02 22:06:09 564 0

原创 vue-clipboard2实现点击复制

文档： https://www.npmjs.com/package/vue-clipboard2 安装 npm install --save vue-clipboard2 使用 main.js import Vue from 'vue' import VueClipboard...

2020-03-02 21:42:08 475 0

原创 Not allowed to navigate top frame to data URL

报错今天尝试从浏览器页面中打开图片，报错 window.location.href = 'data:image/gif;base64,R0lGO...' Not allowed to navigate top frame to data URL 原因 Chrome 禁止从...

2020-03-02 21:25:05 1985 0

原创 Echartsjs常用配置

let option = { title: { // 标题文本 text: '标题文本', textStyle: { // 标题字体大小 fontSiz...

2020-03-02 21:15:03 160 0

原创 chrome80谷歌浏览器显示完整url

Chrome 80 已经不支持 chrome://flags 方式了使用插件: Suspicious Site Reporter 下载地址：腾讯微云：https://share.weiyun.com/5rmPVbQ 备用：https://share.weiyun.com/5wN7h6R 参...

2020-03-01 22:06:54 2179 0