自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 前端杂症--关于“babel-loader缓存不更新,导致babel.config.js配置无效”bug解析

问题背景:babel.config.js中修改按需引入配置无效问题。

2022-02-09 17:27:47 3021

原创 前端依赖库--DPlayer自定义控制栏、事件

有此需求能换就换吧,实在像我一样不能换的,那就一起改改源码吧。一、自定义控制栏,步骤如下(以增加一个倍速按钮为例子)1.修改ui模板:<!-- 文件:player.art --><!-- 右侧按钮容器 --><div class="dplayer-icons dplayer-icons-right"> <!-- 新增一个按钮 --> <div class="dplayer-speed">

2021-11-03 11:31:30 4860

原创 源码阅读--vue-router-next核心源码大纲梳理

文章目录前言一、源码大纲名词解释第一部分:创建第二部分:注册到vue(vue.use) src/router.ts: install第三部分:使用二、实际工作流程前言本文仅做大纲整理,方便日后回顾。所以很少贴代码(贴上太多代码看着乱遭)。本次阅读源码原因:项目需要多窗口一、源码大纲名词解释当前路由信息(currentRouter):当前匹配到的路由–this.$route路由实例(router):this.$router第一部分:创建代码位置 // src/router.

2020-12-12 16:13:32 1385 1

原创 开发相关--离线npm install?创建npm私仓(verdaccio)

场景公司开发环境完全离线,无法使用npm install。一、先说原理本质上就是利用一台能上网的机器,所安装npm的依赖缓存下来。然后将这个环境移植到离线网络环境中。选择verdaccio两个原因:简单、还再维护。大致步骤如下1.有网的机器安装verdaccio环境,并启动服务。2.通过npm install,使verdaccio缓存所需要的npm依赖包。3.将这个环境移植到内网服务器中,并启动服务。4.开发机器设置npm代理到服务器。1.有网的机器安装verdaccio,选择verda

2020-07-03 18:55:05 2778

原创 实现方案--web获取剪贴板内容:图片、文字

最近想了解一下canvas,索性仿个pc的画图功能。做到粘贴剪贴板图片功能时,问题来了。此功能常见场景:聊天窗口复制图片。如,微信web版的聊天窗口,粘贴图片会读取到内容一、先说问题原因除ie,浏览器出于安全考虑,不会提供直接对剪贴板内容的读、写操作。同样安全考虑,监听到paste事件后,会返回粘贴内容,chrome虽有接口实现但是其内容为空,等于没实现。(操作看不懂了,难道仅为了防止报错么)二、解决方案原理:创建一个div并利用contenteditable属性使其可以容纳粘贴的内容,然后

2020-07-03 17:27:16 2481

原创 前端杂症--div等容器keydown事件无效(包括vue的@keydown)

问题原因onKeydown事件触发条件:容器中某个元素获取焦点时,按键。场景1:应用中监听快捷键解决方案: // window.onKeydown document.onkeydown场景2(重点):窗口中多个应用,监听各自的快捷键...

2020-07-03 16:20:08 7278

原创 实现方案--单页面应用禁用前进、后退

功能描述禁用后退、前进、地址输入等修改地址栏输入实现代码缺点:不可输入地址栏直接访问// App.vue// 地址栏变化会触发此事件window.addEventListener('popstate', function(e) { // 如特殊页面需要后退可在路由中添加meta,此加判断 // 获取最后一次成功跳转路径 let url = sessio...

2019-08-15 15:03:45 1149

原创 实现方案--vue应用基于keep-alive页面缓存方案(web端)

一、解决场景现有页面:一层:登陆、主页、锁屏二层(主页下):列表页1、列表页2、详情页2、我的信息达到效果一层:主页<–>锁屏(缓存主页/主页中组件内容,不缓存锁屏)主页<–>登陆(不缓存)二层:详情2 <–> 列表2(缓存列表2)列表1 --> 列表2(不缓存);列表1 --> 同层任意(缓存自身);我的信息 --&...

2019-05-10 09:13:52 1132

原创 前端杂症--跨域常用方案

这里写自定义目录标题前言:一、啥是跨域二、跨域解决方案 (非全部,我就知道这些)1. 利用src天生跨域特性2. 利用代理(有点像vpn原理)3.后台处理三、其他1.跨域缓存前言:如果问我踏入前端初期,最烦的是什么问题,我回答:跨域。当初前端小白,出了问题真的不知道咋办(后来才知道需要后端的配合)。本文来说说比较简单也是目前见到公司比较常用的方案。一、啥是跨域跨域是一种同源保护机制,说白了...

2019-04-24 10:25:58 951

转载 docker部署flask服务

原文https://www.jianshu.com/p/5b09394bebfe&amp;nbsp; 创建应用创建一个文件夹testflask。写一个Flask应用如下:testflask/app.pyfrom flask import Flask app = Flask(__name__) ...

2018-12-19 11:58:03 1659

原创 Ubuntu搭建python开发环境

其实网上有很多资料了。此次将搭建环境步骤做一个整理,方便查看。安装python步骤一 :安装python3.6版本sudo apt-get install python3.6下图表示安装成功步骤2 :指定系统默认python版本如果系统有预装其他版本,备份并删除掉原链接。否则跳过sudo cp /usr/bin/python /usr/bin/python_bak //备份s...

2018-12-18 18:17:27 2602

原创 Ubuntu 安装 mysql5.7

Ubuntu 安装 mysql5.7一、安装与删除二、使用1.登陆mysql2.管理用户其他罗嗦参考:http://wiki.ubuntu.org.cn/MySQL安装指南https://www.cnblogs.com/wanghetao/p/3806888.html一、安装与删除安装 sudo apt-get update //更新源 sudo apt-get insat...

2018-12-04 10:08:04 2641

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除