前端

【前端必会】不知道webpack插件? webpack插件源码分析BannerPlugin

#背景 不知道webpack插件是怎么回事,除了官方的文档外,还有一个很直观的方式,就是看源码。 看源码是一个挖宝的行动,也是一次冒险,我们可以找一些代码量不是很大的源码 比如webpack插件,我们就可以通过BannerPlugin源码,来看下官方是如何实现一个插件的 希望对各位同学有所帮助,必要 ... »

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽 点击打开视频讲解更加详细 <html lang="en"> <head> <meta charset="UTF-8" /> <title>Lazyload</title> <style> .drag { background-color: skyblue; position ... »

mochenxiya

JS 模块化- 05 ES Module & 4 大规范总结

1 ES Module 规范 ES Module 是目前使用较多的模块化规范,在 Vue、React 中大量使用,大家应该非常熟悉。TypeScript 中的模块化与 ES 类似。 1.1 导出模块 导出模块有两种方式:按需导出 和 默认导出。 按需导出是使用 export 关键字,将需要导出的成员 ... »

youyacoder

精确到按钮级别前端权限管理实现方案

目录 这是产品提出的要求: 旧的按钮权限控制: 解决方案构思: 方案优化 具体实现核心代码 这是产品提出的要求: 页面上的每一个按钮,都要可以通过角色权限来控制 当时的项目背景是一个零售系统的后台管理,所以会涉及到运营、厂家、管理员等等很多角色的使用,而其中许多数据是敏感的,例如销量 »

前端算法之TypeScript包含min函数的栈实例详解

目录 前言 思路梳理 实现代码 示例代码 前言 基于数据结构: “栈”,实现一个min函数,调用此函数即可获取栈中的最小元素。在该栈中,调用min、push、pop的时间复杂度都是O(1)。 本文就跟大家分享下这个算法,欢迎各位感兴趣的开发者阅读本文。 思路梳理 相信大多数开发者看 »

阿里云基于边缘云业务场景的 “前端智能化” 实践

“前端智能化”存在的价值和意义,被不断拷问。 一部分人对“前端智能化”持拥抱态度,认为这是前端领域的一种革命性技术。 另一部分人则认为“前端智能化”可行性范围有限,大多是一些Demo性产品,对能否真正应用到业务生产持怀疑态度。 其最终目的还是要将产品和技术能力融入业务体系,释放技术红利,驱动业务增长 ... »

VideoCloudTech

【前端必会】使用indexedDB,降低环境搭建成本

#背景 学习前端新框架、新技术。如果需要做一些数据库的操作来增加demo的体验(CURD流程可以让演示的体验根据丝滑) 最开始的时候一个演示程序我们会调用后台,这样其实有一点弊端,就是增加了开发和维护成本,简单的一个demo不应该劳师动众 后来我会在demo中使用一些websql,奈何,websql ... »

前端周刊第三十七期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。 如果外链不能访问,关注公众号「前端每周看」,里面有解决办法 大事件 Tesseract.js 3.0:用于 100 多种语言的纯 JS OCR—— 基于 C++ 的Tesserac ... »

xiyangbaixue

前端ES6 面试过关宝典

ES6 部分 Typescript 部分 前端工程面经(节流防抖、https、前端攻击、性能优化...) https://juejin.cn/post/6844903734464495623 ES6面试 为什么选择 ES6 ? ES6是新一代的 JS 语言标准,规范了JS的使用标准(var标量提升) ... »

lhx9527

从nuxt开始的SEO之路

故事从一个“美好”的早上开始...... 大清早的来到公司,打开电脑,emm, 还是熟悉的味道,鱼儿被我摸熟了的味道......就在开始准备一天的摸鱼之旅的时候,一种不详的预感涌上心头。 “小李啊!公司那个文档中心的项目,上线了。但是SEO效果不太理想啊。这段时间,你跟进一下,争取达到预期的效果”。 ... »

lisongming

React前端路由应用介绍

浏览器端的前端路由模式:hash模式,history模式 安装路由模块 路由模块不是react自带模块,需要安装第3方模块 // react-router-dom 它现在最新的版本6npm i -S react-router-dom@5 react-router-dom路由库,它路由相关的 »

面试说:聊聊JavaScript中的数据类型

前言 请讲下 JavaScript 中的数据类型? 前端面试中,估计大家都被这么问过。 答:Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。 ... »

JS 模块化 - 03 AMD 规范与 Require JS

*AMD* 规范,全称 *Asynchronous Module Definition*,异步模块定义,模块之间的依赖可以被异步加载。 AMD 规范由 Common JS 规范演进而来,前文介绍 Common JS 规范时说过,浏览器端无法直接使用 Common JS,需要使用 *browseri... ... »

youyacoder

前端JS实现太极图案图文示例

目录 正文 canvas 实现 绘制黑色圆 完整DEMO Style Script 正文 本篇我们实现一个看似复杂毫无头绪,但实际上简单无比的图形,就是下图的太极图案 刚看到这个图案时候可能毫无头绪,因为各种圆弧,在实现时甚至都不知道应该用什么函数,但如果我们换一种样式,看起来是 »

media配置及把用户头像从数据库展示到前端的操作方法

目录 写在前面 1.media配置 1.1 配置用户上传文件的存储位置 1.2 开设后端指定资源 2.用户头像展示 写在前面 其实media配置也可以完全用static代替(看你自己的选择),static代替的方法是直接在mobles.py里设置用户上传头像的时候,修改一下用户上传头 »

JS前端使用Canvas快速实现手势解锁特效

目录 前言 Demo 需要实现的功能 初始化数据和页面渲染 touchstart 手指开始触摸事件 touchmove 监听手指滑动事件 touchend 监听手指触摸结束事件 页面滚动处理 连接的两颗星星之间有其他星星时 前言 之前在公司开发活动项目的时候,遇到一个项目需求要让用户使用手 »

JS 模块化 - 02 Common JS 模块化规范

Common JS 是模块化规范之一。每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见。Common JS 规范在 Node 端和浏览器端有不同的实现。 ... »

youyacoder

前端实现docx、pdf格式文件在线预览

theme: vuepress highlight: atelier-heath-light 介绍 在业务中,如果遇到文档管理类的功能,会出现需要在线预览的业务需求,本文主要是通过第三方库来实现文档预览功能,并将其封装成preview组件 docx docx的实现需要使用docx-preview插件 ... »