首页
学习
活动
专区
工具
TVP
发布

Super 前端

专栏成员
425
文章
526466
阅读量
39
订阅数
map&area标签实现图片热点区域点击
在购物网站 Landing page 页,往往会存在商品宣传信息,为提升首页加载速度,往往会使用一张图片来包含所有要展示商品(① 减少http请求个数;② 减少页面DOM数)。如何在一张商品海报上,实现点击某商品,跳转到该商品详情页面?
奋飛
2023-03-06
1.1K0
一图说明 monorepo 落地流程方案
关于 monorepo 初次讨论已有2年载,目前团队已经沉淀了成熟的技术方案且经受住了实战考验。所以特梳理相关如下:
奋飛
2023-03-06
4350
理解 javascript:void(0) 语句
你可能会遇到包含使用 href="javascript:void(0);" 的 <a> 元素。 当将表达式插入网页可能会导致不良副作用时,通常会使用 javascript void。
奋飛
2023-03-06
1.5K0
Web Workers RPC:Comlink 源码解析
Comlink 通过提供 RPC 实现将基于 Worker.postMessage(someObject) 的 API 变成了对开发人员更友好的“类似本地调用”方式。
奋飛
2022-11-02
6910
Web Workers RPC
javascript 是单线程编程语言,这使得我们开发过程中不必关注因多线程导致的复杂场景(如,死锁)。
奋飛
2022-10-05
6880
巧用 import.meta 实现热更新
import.meta 是一个给 JavaScript 模块暴露特定上下文的元数据属性的对象,它包含了这个模块的信息。
奋飛
2022-04-17
1.5K0
web 通信--跨文档、worker、通道
跨文档通信(cross-document messaging)、worker通信(cross-worker messaging)、通道通信(channel messaging)
奋飛
2022-01-24
7670
你不知道的 forEach(javascript)
规范地址(下述引用文,均源自该规范):https://tc39.es/ecma262/#sec-array.prototype.foreach
奋飛
2021-12-30
3960
thinking--javascript 中如何使用记忆(Memoization )
这种技术依赖于缓存来存储先前完成的计算或执行的结果。缓存的目的是避免多次执行相同的工作。基于当前处理的方案,很容易清晰界定使用的边界:
奋飛
2021-12-27
5890
Thinking--javascript 多类目创建(npm源码解读)
Npm 获取配置的顺序(由高到低):Command Line Flags > Environment Variables > npmrc Files > Default Configs
奋飛
2021-12-10
2330
你不知道的 forEach(javascript)
规范地址(下述引用文,均源自该规范):https://tc39.es/ecma262/#sec-array.prototype.foreach
奋飛
2021-09-26
4180
发布项目到NPM
最近,在开发Node项目过程中遇到了需要类jQuery深拷贝对象的问题,去Github找了半天,并没有符合的,于是,自己决定写一个(mixin.js),然后推送到NPM(查看Npm相关内容,请查看<npm模块管理器>),下面是整个流程,在此记录~~~
奋飛
2021-08-30
5220
Grunt常用插件及示例说明
示例:将1.html文件中的var requestAddress = "";替换为var requestAddress = "http://blog.csdn.net/ligang2585116";
奋飛
2021-08-30
4850
Vue基础:组件--slot、异步组件、递归组件及其他
为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue中使用特殊的 元素作为原始内容的插槽。
奋飛
2021-08-30
2.9K0
现代前端技术解析:前端项目与技术实践
​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。移动端页面head要添加viewport控制页面不缩放,有利于提高页面渲染性能。建议在页面加上基本的社交RICH化消息,保证网页地址分享后能够显示缩放图、图标和描述等。
奋飛
2021-08-30
7090
【HTTP】客户端识别与cookie机制
​ 然而,大多数产品都希望提供一个类“免责声明”的文档,然后主动管理该DNT。所以我们只能借助其他方式(这里常用的方式是第三方Cookie,见文档Cookie章节)去实现,下述主要描述了一些用以进行客户端识别的机制。
奋飛
2021-08-30
7250
Event loop及macrotask & microtask
JavaScript 引擎不是单独运行的 — 它运行在一个宿主环境中,对于大多数开发者来说就是典型的浏览器和 Node.js(如今,JavaScript 被应用到了从机器人到灯泡的各种设备上)。每个设备都代表了一种不同类型的 JS 引擎的宿主环境。但,所有的环境都有一个共同点,就是都拥有一个 事件循环 Event Loop 的内置机制,它随着时间的推移每次都去调用 JavaScript 引擎去处理程序中多个块的执行。
奋飛
2021-08-30
3600
通过 Gitlab CI 完成前端自动化构建
​ GitLab-Runner 是配合 GitLab-CI 进行使用的。一般地,GitLab里面的每一个工程都会定义一个属于这个工程的软件集成脚本,用来自动化地完成一些软件集成工作。当这个工程的仓库代码发生变动时,比如有人 push 了代码,GitLab 就会将这个变动通知 GitLab-CI。这时 GitLab-CI 会找出与这个工程相关联的Runner,并通知这些Runner把代码更新到本地并执行预定义好的执行脚本。
奋飛
2021-08-30
1.1K0
利用 target=_blank 进行前端钓鱼
Phishing,攻击者利用欺骗性的电子邮件和伪造的 Web 站点来进行网络诈骗活动,受骗者往往会泄露自己的私人资料,如信用卡号、银行卡账户、身份证号等内容。诈骗者通常会将自己伪装成网络银行、在线零售商和信用卡公司等可信的品牌,骗取用户的私人信息。
奋飛
2021-08-30
5000
最佳实践:vue弹窗及滑块响应式
下述为项目中弹窗/滑块统一处理方式汇总(下述已 el-dialog 为例) 演示环境:https://eugvd.csb.app/ Demo 地址:https://codesandbox.io/s/
奋飛
2021-08-30
4730
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档