前端
文章平均质量分 96
zhouyicchi
书写生活,书写人生
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack5-模块共享方案
目录一、引用1.1、npm包1.2、微前端1.3、其它方案二、模块联邦(module Federation)三、实践3.1、REMOTE1配置3.2、HOST宿主配置3.3、跨技术栈3.3.1、REMOTE2配置四、依赖共享五、总结 一、引用 在日常开发中,我们经常会有一种感觉,这个组件我在其它项目改了,又要copy一次?在协同开发的过程中磕磕碰碰,皆为了结果尽善尽美,手段无所不用其极,CV大法更是用的出神入化,后面发现副作用极其明显,项目杂乱、代码冗余等问题,尽管有相应的规范也难以约束人性,我们无时无刻不原创 2022-04-13 15:04:19 · 3119 阅读 · 6 评论 -
手把手教你写call、apply、bind函数,深入理解bind函数的细节
call、apply、bind是什么? 在javascript中,call、apply、bind是标准提供的改变函数执行上下文的方法,白话就是改变this的指向。区别在于: call和apply都是调用后立即返回结果,而bind是调用之后返回一个函数,二次调用返回结果 call第一个参数为目标对象,其余参数依次传入fn.call(obj, arg1, arg2…) apply第一个参数为目标对象,第二个参数为一个数组fn.apply(obj, [arg1, arg2…]) bind的绑定函数还可以作为构造原创 2020-10-13 17:57:50 · 1228 阅读 · 2 评论 -
一切心血来潮的想法皆从一个跑马灯需求开始(跑马灯横向、纵向滚动Vue组件)
需求目的 做业务需求时,产品要求有一个如下的动画(so easy~~) 撸起袖子加油干,第一时间想到的就是HTML自带的marquee标签 你看的没错,标准已经废除了这个标签,既然没有办法使用官方的,那么我去google搜索一下私人版,ctrl+c/ctrl+v(万恶),搜索了半天都是别人定制化开发的(太麻烦了),于是就想自己写一个,那就开始干吧~~ 具体实施 写了一个组件,接收两个参数: tempo:滚动速率 mode:横向滚动和纵向滚动 横向滚动(用了css3的动画) 如图所示,DIV1为外原创 2020-10-10 15:38:29 · 746 阅读 · 2 评论 -
正确理解函数防抖和节流
为什么用防抖和节流函数? 在我们编写前端代码时经常会遇到某类高频操作,如: 用户输入框的模糊查询(监听输入调用接口) window.onsize或window.onscroll的执行(判断当前窗口大小或当前视口高度等等) 如果我们在不用防抖或节流函数,监听用户输入实时调用接口或监听窗口改变去执行一系列的dom操作;那么可想而知,对性能造成的影响有多大。 节流 效果:让高频的执行函数平滑的执行,一段时间内只执行一次。 使用场景:window.onsize 和 window.onscroll等高频执行的函数。原创 2020-08-20 12:36:18 · 428 阅读 · 0 评论 -
快速使用vuex
** 首先 ** 安装vue、vuex等。 ** ** 入口 ** 新建文件store.js,注册vuex import Vue from 'vue' import Vuex from 'vuex' import User from './storage/user' Vue.use(Vuex); export default new Vuex.Store(User) user.js文件就是存...原创 2019-11-11 17:14:29 · 194 阅读 · 0 评论
分享