![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 80
资深萌新叨叨叨
qq随便填的
展开
-
前端杂症--关于“babel-loader缓存不更新,导致babel.config.js配置无效”bug解析
问题背景:babel.config.js中修改按需引入配置无效问题。原创 2022-02-09 17:27:47 · 2970 阅读 · 0 评论 -
源码阅读--vue-router-next核心源码大纲梳理
文章目录前言一、源码大纲名词解释第一部分:创建第二部分:注册到vue(vue.use) src/router.ts: install第三部分:使用二、实际工作流程前言本文仅做大纲整理,方便日后回顾。所以很少贴代码(贴上太多代码看着乱遭)。本次阅读源码原因:项目需要多窗口一、源码大纲名词解释当前路由信息(currentRouter):当前匹配到的路由–this.$route路由实例(router):this.$router第一部分:创建代码位置 // src/router.原创 2020-12-12 16:13:32 · 1360 阅读 · 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 · 2689 阅读 · 0 评论 -
实现方案--web获取剪贴板内容:图片、文字
最近想了解一下canvas,索性仿个pc的画图功能。做到粘贴剪贴板图片功能时,问题来了。此功能常见场景:聊天窗口复制图片。如,微信web版的聊天窗口,粘贴图片会读取到内容一、先说问题原因除ie,浏览器出于安全考虑,不会提供直接对剪贴板内容的读、写操作。同样安全考虑,监听到paste事件后,会返回粘贴内容,chrome虽有接口实现但是其内容为空,等于没实现。(操作看不懂了,难道仅为了防止报错么)二、解决方案原理:创建一个div并利用contenteditable属性使其可以容纳粘贴的内容,然后原创 2020-07-03 17:27:16 · 2439 阅读 · 0 评论 -
前端杂症--div等容器keydown事件无效(包括vue的@keydown)
问题原因onKeydown事件触发条件:容器中某个元素获取焦点时,按键。场景1:应用中监听快捷键解决方案: // window.onKeydown document.onkeydown场景2(重点):窗口中多个应用,监听各自的快捷键...原创 2020-07-03 16:20:08 · 6991 阅读 · 0 评论 -
实现方案--单页面应用禁用前进、后退
功能描述禁用后退、前进、地址输入等修改地址栏输入实现代码缺点:不可输入地址栏直接访问// App.vue// 地址栏变化会触发此事件window.addEventListener('popstate', function(e) { // 如特殊页面需要后退可在路由中添加meta,此加判断 // 获取最后一次成功跳转路径 let url = sessio...原创 2019-08-15 15:03:45 · 1137 阅读 · 0 评论 -
实现方案--vue应用基于keep-alive页面缓存方案(web端)
一、解决场景现有页面:一层:登陆、主页、锁屏二层(主页下):列表页1、列表页2、详情页2、我的信息达到效果一层:主页<–>锁屏(缓存主页/主页中组件内容,不缓存锁屏)主页<–>登陆(不缓存)二层:详情2 <–> 列表2(缓存列表2)列表1 --> 列表2(不缓存);列表1 --> 同层任意(缓存自身);我的信息 --&...原创 2019-05-10 09:13:52 · 1113 阅读 · 0 评论 -
前端杂症--跨域常用方案
这里写自定义目录标题前言:一、啥是跨域二、跨域解决方案 (非全部,我就知道这些)1. 利用src天生跨域特性2. 利用代理(有点像vpn原理)3.后台处理三、其他1.跨域缓存前言:如果问我踏入前端初期,最烦的是什么问题,我回答:跨域。当初前端小白,出了问题真的不知道咋办(后来才知道需要后端的配合)。本文来说说比较简单也是目前见到公司比较常用的方案。一、啥是跨域跨域是一种同源保护机制,说白了...原创 2019-04-24 10:25:58 · 938 阅读 · 0 评论