- 博客(18)
- 收藏
- 关注
RSS订阅原创 element-DatePicker 约束可选日期
需求： 设置日期范围， 且可选日期必须为今天或今天以后....template<template> <el-date-picker v-model="cylSetting.timeRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-option
2020-12-11 17:00:47
128
转载 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 16:09:03
455
原创 基于 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-25 15:37:04
305
原创 slot插槽使用
子组件 base-layout<!-- 子组件：base-layout --><template> <div> <slot name="header">备用值</slot> <!-- name 默认值为 default 即：默认插槽 --> <slot></slot> <slot name="footer"></slot> </.
2020-10-12 10:55:10
142
原创 遍历任意树深度 - 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 10:33:07
140
原创 原生Ajax
同步和异步event loop -> 事件循环js 是单线程同步代码执行结束才会执行异步代码(例如定时器是异步，不管延迟时间是否设置为0)异步代码都放入异步队列中 所有同步代码执行结束才执行异步代码也有先后顺序，但是执行并不是按照队列内的顺序(比如多个定时器的延迟时间不同，那么延时短的 要先执行)同步 sync同步代码，如果请求时间过长 会造成长时间等待 影响用户体验异步 Async为了解决请求过程不等待，提高用户体验，所以通过 Ajax 进行前后端数据交互
2020-10-10 14:05:29
96
原创 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-10 13:52:05
702
原创 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 13:24:44
668
1
原创 keep-alive 单页面前进刷新、后退缓存
注意： 暂未考虑用户手动刷新整个页面及多次replace跳转情况。这种方案虽然能实现前进刷新后退缓存的效果，但仅仅只是简单实现。github有类似更好的方案，后续再补…B为预期缓存页面： A->B->C时，A前进至B，B不缓存，若A->B->C->B，此时C后退到B，B缓存理解钩子函数的执行顺序不使用keep-alivebeforeRouteEnter --> created --> mounted --> destroyed;使用keep
2020-10-10 11:08:28
593
原创 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-09 19:31:24
1521
原创 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-09 19:07:02
3858
1
原创 富文本编辑器聚焦问题
在我们对富文本编辑器赋值时，默认会有一次聚焦。聚焦会导致组件在使用时，改变页面本身滚动高度位置。这往往不是我们想要看到的。亲测有用的解决方案：// 获取编辑器 domprivate get editor() { return (this.$refs.textEditor as any).quill;}private async mounted() { // 若需要赋默认值： value 为请求到的相应值， content 为编辑器 model值 if (this.value) {
2020-10-09 18:46:03
916
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 18:30:00
868
转载 vue的双向绑定原理及实现
vue的双向绑定原理及实现 前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双向绑定版本，先上个成果图来吸引各位：代码： &n...
2020-04-01 12:45:49
377
原创 nrm的下载安装与使用
nrm下载安装，相关的用法及作用的介绍前言 了解 nrm 之前, 先介绍一下 npm，npm是随同 node一起安装的node环境下的包管理工具，可以帮助我们解决很多问题。（好处多多，超级实用） 举栗它的使用场景： ...
2020-02-26 13:47:36
8031
原创 箭头函数及this指向修改
简单的说，箭头函数就是对匿名函数的简化作为ES6的一种新规范，箭头函数的优点不仅在于写法上的简化，更多的是能够根据情况，与匿名函数之前切换使用，快速达到this指向切换的效果。那么，箭头函数如何使用呢？用法及格式this指向与普通函数区别用法及格式一般形式上的箭头函数长这样() => { }...
2020-02-24 23:17:03
6659
4
原创 3D旋转带倒影相册
利用CSS3以及一些简单的JS逻辑，实现一个可拖拽的3D拖拽旋转带倒影相册 相册的 逻辑部分是基于Jquery实现的，先看一下效果图，出生动画为卷帘式， 可以对相册进行3D无死角拖拽旋转????。 图片来自网络， 别当真…????主要用到的 CSS3 属性 /* 景深 */ pe...
2020-02-24 19:52:27
390
1
原创 JS继承详解
- 详解JS中的继承本文主要介绍前端通过JS实现继承的几种方法。- 介绍- 实现方式 - 实现 - 优缺点 - 注意点- 结语介绍继承： 任何一门面向对象的语言都有继承，继承简单的说 即为子类继承父类的属性和方法，并且在继承以后可以对这些属性和方法进行操作及使用。举个栗子：（你的父亲很富有，你继承你父亲的财产以后，你也就变得和他一样富有。）JS虽然是一门弱类型语言...
2020-02-23 17:14:14
483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人