- 博客(30)
- 资源 (5)
- 论坛 (3)
- 收藏
- 关注
原创 Webpack插件使用及热更新打包
1、HtmlWebpackPlugin 自动生成基本的 html 页面2、开启文件监听3、webpack-dev-server热更新安装依赖cnpm i html-webpack-plugin webpack-dev-server -D配置webpack.config.js'use strict'const path = require('path');const HtmlWeb...
2020-03-29 14:48:06
548
原创 webpack打包文件的基本使用
一、webpack简单入门1、webpack安装# 安装webpacknpm init -ynpm install webpack webpack-cli --save-dev# 查看版本./node_modules/.bin/webpack -v4.42.12、准备要打包的文件src/hellowebpack.jsexport function hellowebpack(...
2020-03-29 14:20:30
145
原创 tree树形显示目录下文件
基本使用$ tree常用参数-a 显示所有文件,包含隐藏文件。-d 只显示目录。-f 显示完整路径。-L level 控制显示的目录深度。参考Linux杂谈: 树形显示多级目录–tree...
2020-03-29 13:36:43
289
原创 重置浏览器样式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, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pr...
2020-03-29 12:23:23
180
原创 使用lxml.html.clean.Cleaner清洗html
文档:https://lxml.de/lxmlhtml.html#cleaning-up-html代码示例# -*- coding: utf-8 -*-from lxml.html.clean import Cleanerhtml = """<p cms-style="font-L"> <strong>铁打的腾讯</strong> ...
2020-03-26 17:06:13
576
1
原创 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, 4}# 不可变对象不能进行写操作t = tuple([1, 2, 3])(1, 2, 3...
2020-03-26 15:52:16
278
原创 live-server启动一个热更新的静态服务器
Python可以直接启动一个静态服务器# python2python -m SimpleHTTPServer# python3python3 -m http.serverlive-serverlive-server可以热更新,文件修改之后浏览器自动刷新,不用手动去刷新了,简直就是前端小能手!https://www.npmjs.com/package/live-server安装...
2020-03-23 00:08:59
661
原创 Nginx反向代理配置之proxy_pass
一、环境准备使用express准备解析路径的应用本来准备使用Flask, 不过没找到路由通配符的实现方法1、server.jsconst express = require("express");const app = express();app.get("*", (request, response) => { response.send(request.path)...
2020-03-21 15:41:16
242
原创 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 length is 767 bytes要设置为索引的字段太长,超过了767字节name varch...
2020-03-17 18:21:29
649
原创 ActiveRecord语言实现PHP、Python、Node.js
以下框架都实现了两种查询方式Query Builder + ORMLaravelEloquent ORM : https://laravel.com/docs/7.x/eloquent代码示例<?phpnamespace App;use Illuminate\Database\Eloquent\Model;// 定义class Flight extends Mode...
2020-03-15 18:36:17
354
原创 FastAPI基本使用
文档https://fastapi.tiangolo.com/安装pip install fastapi uvicorn代码示例main.py# -*- coding: utf-8 -*-from fastapi import FastAPIapp = FastAPI()@app.get("/")def read_root(): return {"Hello"...
2020-03-14 21:36:41
1377
原创 Express框架基本使用
用法和Flask 很相似文档:英文:http://expressjs.com/中文:https://www.expressjs.com.cn/初始化项目# 初始化$ npm init# 安装cnpm install express nodemon -S项目结构server.jspackage.jsonnode_modules/简单示例server.jsconst...
2020-03-14 19:07:23
215
原创 Heroku部署vue项目失败:sh: 1: vue-cli-service: not found
剧情介绍最近写了一个Express + Vue前后端项目demo,打算部署到Heroku部分目录结构如下server.js // Express提供数据接口package.jsonclient/ // Vue前端显示数据 package.json 整个项目都保存到Github上,前端项目不能在本地打包,不然dist目录将会进入git...
2020-03-14 17:54:13
3301
原创 jsonwebtoken、jwt-decode实现jwt获取和解析
一、jwt获取jsonwebtoken : https://www.npmjs.com/package/jsonwebtokennpm install jsonwebtoken代码示例const jwt = require('jsonwebtoken');// 数据const data = { name: "Tom", age: 23}// 秘钥const ...
2020-03-13 16:52:37
3872
原创 JavaScript加密-MD5与Bcrypt
哈希(Hash, 消息摘要)是将目标文本转换成具有相同长度的、不可逆的杂凑字符串加密(Encrypt)是将目标文本转换成具有不同长度的、可逆的密文MD5// npm install js-md5const md5 = require('js-md5');console.log(md5("123456"));// e10adc3949ba59abbe56e057f20f883eB...
2020-03-09 10:19:06
485
原创 jQuery中$.click()没有触发
在控制台调试的时候,直接点击元素是可以触发的,到了页面代码中却没有触发点击事件$("#btn").click();看了别人的两种处理方式:(1)点击的是“A标签”本身(2)点击的是“A标签”子元素给a标签添加一个子元素,通过点击子元素触发let span = document.createElement("span");$("#btn").append(span);span.cl...
2020-03-06 14:12:24
559
原创 a标签中javascript\:\;和javascript\:\void\(0\)
例子:<a href="javascript:;">百度</a>或者<a href="javascript:void(0)">百度</a>javascript: 是一个伪协议javascript:是表示在触发默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击时就没有任何反应。hre...
2020-03-06 13:56:21
187
原创 document\.ready与window\.onload区别
jQuery 入口函数:$(document).ready(function(){ // 执行代码});// 或者$(function(){ // 执行代码});JavaScript 入口函数:window.onload = function () { // 执行代码}jQuery 入口函数与 JavaScript 入口函数的区别:jQuery 的...
2020-03-06 13:48:07
151
原创 Vue.directive指令实现按钮级别权限控制
Vue.directive文档:https://cn.vuejs.org/v2/guide/custom-directive.html使用定义一个按钮级别指令// 获取用户角色, 可以从cookie中获取function getRole() { return 'admin'}// 校验用户权限,传入一个数组function hasPermission(role) { r...
2020-03-04 16:27:06
1435
原创 js成员检查方式in、indexOf、includes、inArray
定义用于测试的列表和对象let list = ["pig", "dog", "cat"];let obj = { "name": "dog", "age": 12, "sex": "man"};方案一、inin操作符针对的是key,而非value, 对于普通的一维数组来说,key是隐藏的console.log(1 in list); // true...
2020-03-04 15:01:25
305
原创 Promise对象简单入门
Promise 对象是一个代理对象new Promise( function(resolve, reject) {...} /* executor */ );异步任务顺利完成时,会调用 resolve 函数返回结果值;异步任务失败且时,会调用reject 函数返回失败原因。它们可以被链式调用Promise.prototype.then 和 Promise.prototype.cat...
2020-03-04 11:20:39
134
原创 5款web富文本编辑器汇总整理
1、UEditorhttp://ueditor.baidu.com/website/onlinedemo.html最后更新时间 2016-05-18(截止2020-03-03)2、KindEditorhttp://kindeditor.net/demo.php最后更新时间 2016-03-31(截止2020-03-03)3、TinyMCEhttps://www.tiny.clou...
2020-03-03 18:31:03
437
原创 html2canvas实现页面截图并使用axios上传
安装npm install --save html2canvas简单实例<template> <div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> <butto...
2020-03-02 22:22:38
355
原创 clipboardjs实现点击拷贝复制
1、文档英文:https://clipboardjs.com/中文http://www.clipboardjs.cn/2、安装npm install clipboard --save3、使用示例demo.vue<template> <div> <input type="text" v-model="message" /> &...
2020-03-02 22:06:09
689
原创 vue-clipboard2实现点击复制
文档:https://www.npmjs.com/package/vue-clipboard2安装npm install --save vue-clipboard2使用main.jsimport Vue from 'vue'import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)示例1demo1.vue...
2020-03-02 21:42:08
644
原创 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 禁止从页面打开 Data URI 网址了,是出于安全考虑处理建议从后端获取参考chrome浏览器报错Not allow...
2020-03-02 21:25:05
2910
原创 Echartsjs常用配置
let option = { title: { // 标题文本 text: '标题文本', textStyle: { // 标题字体大小 fontSize: 14 }, // textAlign: "right" ...
2020-03-02 21:15:03
176
原创 chrome80谷歌浏览器显示完整url
Chrome 80 已经不支持 chrome://flags 方式了使用插件: Suspicious Site Reporter下载地址:腾讯微云:https://share.weiyun.com/5rmPVbQ备用:https://share.weiyun.com/5wN7h6R参考(Chrome 80)谷歌浏览器地址栏网址显示不全的解决方法...
2020-03-01 22:06:54
2589
mybatis-generator-demo.zip
2020-07-26
CSS Tools: Reset CSS
2020-07-23
浏览器Header和cookie字符串形式转Json
2020-04-08
彭世瑜的留言板
发表于 2020-01-02 最后回复 2020-03-20
博客管理后台搜索文章的时候应该忽略英文大小写
发表于 2020-02-16 最后回复 2020-02-16
后台管理文字太细,不支持回车搜索
发表于 2020-02-15 最后回复 2020-02-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝