flynn_
码龄7年
求更新 关注
提问 私信
  • 博客:28,833
    28,833
    总访问量
  • 16
    原创
  • 6
    粉丝
  • 17
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:四川省
加入CSDN时间: 2018-03-12
博客简介:

flynn_

博客描述:
凡事不要想得太复杂,手握的太紧,东西会碎,手会疼。
查看详细资料
个人成就
  • 获得16次点赞
  • 内容获得8次评论
  • 获得44次收藏
  • 博客总排名632,681名
创作历程
  • 18篇
    2020年
成就勋章
TA的专栏
  • Node
    3篇
  • vue
    4篇
  • react
  • CSS3
    2篇
  • 问题总结
    5篇
  • axios
    1篇
  • JavaScript
    3篇
  • 算法
    2篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

90人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

keep-alive 单页面前进刷新、后退缓存

注意: 暂未考虑用户手动刷新整个页面及多次replace跳转情况。这种方案虽然能实现前进刷新后退缓存的效果,但仅仅只是简单实现。github有类似更好的方案,后续再补…B为预期缓存页面: A->B->C时,A前进至B,B不缓存,若A->B->C->B,此时C后退到B,B缓存理解钩子函数的执行顺序不使用keep-alivebeforeRouteEnter --> created --> mounted --> destroyed;使用keep
原创
博文更新于 2021.01.22 ·
727 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

element-DatePicker 约束可选日期

需求: 设置日期范围, 且可选日期必须为今天或今天以后....template<template> <el-date-picker v-model="cylSetting.timeRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-option
原创
博文更新于 2020.12.11 ·
190 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

css命名——BEM约定

特别声明:此篇文章由David根据csswizardry的英文文章原名《MindBEMding – getting your head ’round BEM syntax》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax以及作者相关信息——作者:csswizardry——译者:Dav.
转载
博文更新于 2020.12.08 ·
612 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

基于 axios.post 的文件下载

基于axios.post 的文件下载定义接口:import axios from '@/plugins/axios';export const downloadService = { async getExcelTemp(id: string) { const res = await axios.post(`/app-factory/v1.0/export/formdata/template/${id}`, undefined, { responseType: 'blob' });
原创
博文更新于 2020.11.27 ·
379 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue的双向绑定原理及实现

vue的双向绑定原理及实现 前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码:           &n...
转载
博文更新于 2020.10.12 ·
428 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

原生Ajax

同步和异步event loop -> 事件循环js 是单线程同步代码执行结束才会执行异步代码(例如定时器是异步,不管延迟时间是否设置为0)异步代码都放入异步队列中 所有同步代码执行结束才执行异步代码也有先后顺序,但是执行并不是按照队列内的顺序(比如多个定时器的延迟时间不同,那么延时短的 要先执行)同步 sync同步代码,如果请求时间过长 会造成长时间等待 影响用户体验异步 Async为了解决请求过程不等待,提高用户体验,所以通过 Ajax 进行前后端数据交互
原创
博文更新于 2020.10.12 ·
141 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

slot插槽使用

子组件 base-layout<!-- 子组件:base-layout --><template> <div> <slot name="header">备用值</slot> <!-- name 默认值为 default 即:默认插槽 --> <slot></slot> <slot name="footer"></slot> </.
原创
博文更新于 2020.10.12 ·
187 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

遍历任意树深度 - JavaScript

由于最近做级联选择,有这个需求,闲着没事就搞了一下。代码非最优,不喜勿喷。数据[ { id: 1, label: '第一项', value: 'f1' }, { id: 2, label: '第二项', value: 'f2', children: [ { id: 3, label: '第2-1项', value: 'f21' }, { id: 4, label: '第2-2项', value: 'f22', children: und
原创
博文更新于 2020.10.12 ·
180 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

iframe 内嵌网页在移动端无法滚动及多滚动条问题

优化iframe 在手机上无法正常滚动及添加包裹容器后出现两个滚动条html 部分<el-dialog center title="预览" append-to-body custom-class="prev-dialog" :modal="false" :fullscreen="true" :visible.sync="prevDialogVisiable"> <div class="prev-dialog-content"> <
原创
博文更新于 2020.10.12 ·
4426 阅读 ·
0 点赞 ·
1 评论 ·
5 收藏

proxy 前端服务器代理

多服务器代理react 独立文件配置// 独立文件配置const { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function proxy(app) { app.use( '^/mock', createProxyMiddleware({ target: 'http://xxx:3000', changeOrigin: true,
原创
博文更新于 2020.10.11 ·
794 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

ios 上滚动优化与 z-index 不兼容问题

设置 overflow: auto; 后,在ios环境下,页面滚动会有卡顿的感觉,通过设置-webkit-overflow-scrolling: touch;优化体验。但是这样会导致在其容器内部元素身上的z-index属性就会失效。注意这里指的是其内部元素z-index 失效。也就是说,如果pop层在容器外,那么将不会受到影响。/*优化ios上的滚动体验*/-webkit-overflow-scrolling: touch;/*ios环境下: 容器添加上面属性, 容器内部元素身上的 z-index
原创
博文更新于 2020.10.10 ·
828 阅读 ·
0 点赞 ·
1 评论 ·
1 收藏

vant-element-ts一起使用存在的问题

由于 vant-ui 与 element-ui 部分组件存在冲突,导致在 vue-typescript 中 出现错误方案: 一个全局导入, 一个按需导入;全局导入的直接引入即可。情形一: 按需引入 vant。(适合引入vant 组件较少时)重定义types: 需要 在src/文件下 新建 @types 或 type文件,并在@types/vant.d.ts中定义typevant.d.ts/* eslint-disable max-classes-per-file */declare modu
原创
博文更新于 2020.10.10 ·
1756 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

富文本编辑器聚焦问题

在我们对富文本编辑器赋值时,默认会有一次聚焦。聚焦会导致组件在使用时,改变页面本身滚动高度位置。这往往不是我们想要看到的。亲测有用的解决方案:// 获取编辑器 domprivate get editor() { return (this.$refs.textEditor as any).quill;}private async mounted() { // 若需要赋默认值: value 为请求到的相应值, content 为编辑器 model值 if (this.value) {
原创
博文更新于 2020.10.09 ·
1055 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

npm 切换源

直接上命令切换内部源// 长期使用npm config --global set registry http://xx.xx.xx.xx:xxxx/xx/npm/// 检查是否换源成功npm config get registry// 查看 npm 配置npm config list// 如果命令行修改失败 - 手动修改配置c:/用户/user/.npmrc 文件 --> 打开修改 registry=http://172.xxx切换淘宝镜像// 方式一 - 同步安装
原创
博文更新于 2020.10.09 ·
955 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

箭头函数及this指向修改

简单的说,箭头函数就是对匿名函数的简化作为ES6的一种新规范,箭头函数的优点不仅在于写法上的简化,更多的是能够根据情况,与匿名函数之前切换使用,快速达到this指向切换的效果。那么,箭头函数如何使用呢?用法及格式this指向与普通函数区别用法及格式一般形式上的箭头函数长这样() => { }...
原创
博文更新于 2020.04.21 ·
6887 阅读 ·
3 点赞 ·
4 评论 ·
18 收藏

nrm的下载安装与使用

nrm下载安装,相关的用法及作用的介绍前言      了解 nrm 之前, 先介绍一下 npm,npm是随同 node一起安装的node环境下的包管理工具,可以帮助我们解决很多问题。(好处多多,超级实用)      举栗它的使用场景:   ...
原创
博文更新于 2020.02.26 ·
8214 阅读 ·
8 点赞 ·
0 评论 ·
7 收藏

3D旋转带倒影相册

利用CSS3以及一些简单的JS逻辑,实现一个可拖拽的3D拖拽旋转带倒影相册      相册的 逻辑部分是基于Jquery实现的,先看一下效果图,出生动画为卷帘式, 可以对相册进行3D无死角拖拽旋转????。       图片来自网络, 别当真…????主要用到的 CSS3 属性 /* 景深 */ pe...
原创
博文更新于 2020.02.25 ·
443 阅读 ·
3 点赞 ·
1 评论 ·
5 收藏

JS继承详解

- 详解JS中的继承本文主要介绍前端通过JS实现继承的几种方法。- 介绍- 实现方式 - 实现 - 优缺点 - 注意点- 结语介绍继承: 任何一门面向对象的语言都有继承,继承简单的说 即为子类继承父类的属性和方法,并且在继承以后可以对这些属性和方法进行操作及使用。举个栗子:(你的父亲很富有,你继承你父亲的财产以后,你也就变得和他一样富有。)JS虽然是一门弱类型语言...
原创
博文更新于 2020.02.23 ·
532 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏
加载更多