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

Super 前端

专栏作者
413
文章
502660
阅读量
38
订阅数
map&area标签实现图片热点区域点击
在购物网站 Landing page 页,往往会存在商品宣传信息,为提升首页加载速度,往往会使用一张图片来包含所有要展示商品(① 减少http请求个数;② 减少页面DOM数)。如何在一张商品海报上,实现点击某商品,跳转到该商品详情页面?
奋飛
2023-03-06
9870
一图说明 monorepo 落地流程方案
关于 monorepo 初次讨论已有2年载,目前团队已经沉淀了成熟的技术方案且经受住了实战考验。所以特梳理相关如下:
奋飛
2023-03-06
4040
理解 javascript:void(0) 语句
你可能会遇到包含使用 href="javascript:void(0);" 的 <a> 元素。 当将表达式插入网页可能会导致不良副作用时,通常会使用 javascript void。
奋飛
2023-03-06
1.5K0
Web Workers RPC
javascript 是单线程编程语言,这使得我们开发过程中不必关注因多线程导致的复杂场景(如,死锁)。
奋飛
2022-10-05
6430
巧用 import.meta 实现热更新
import.meta 是一个给 JavaScript 模块暴露特定上下文的元数据属性的对象,它包含了这个模块的信息。
奋飛
2022-04-17
1.4K0
web 通信--跨文档、worker、通道
跨文档通信(cross-document messaging)、worker通信(cross-worker messaging)、通道通信(channel messaging)
奋飛
2022-01-24
7310
你不知道的 forEach(javascript)
规范地址(下述引用文,均源自该规范):https://tc39.es/ecma262/#sec-array.prototype.foreach
奋飛
2021-12-30
3480
果断放弃npm切换到pnpm--节约磁盘空间(256G硬盘救星)
团队成立初期我们采用 npm3 来管理项目依赖,后续我们研发了自己组件库、图表库、工具库,采用了 monorepo 管理,依赖管理也由 npm3 切换成了 yarn(yarn workspace)。不管是 npm3 还是 yarn 都采用扁平化的 node_modules 文件夹方式,以此避免引入层级过深、相同依赖版本重复等问题。
奋飛
2021-12-30
1.6K0
Thinking--javascript 多类目创建(npm源码解读)
Npm 获取配置的顺序(由高到低):Command Line Flags > Environment Variables > npmrc Files > Default Configs
奋飛
2021-12-10
2150
你不知道的 forEach(javascript)
规范地址(下述引用文,均源自该规范):https://tc39.es/ecma262/#sec-array.prototype.foreach
奋飛
2021-09-26
3890
果断放弃npm切换到pnpm--节约磁盘空间(256G硬盘救星)
团队成立初期我们采用 npm3 来管理项目依赖,后续我们研发了自己组件库、图表库、工具库,采用了 monorepo 管理,依赖管理也由 npm3 切换成了 yarn(yarn workspace)。不管是 npm3 还是 yarn 都采用扁平化的 node_modules 文件夹方式,以此避免引入层级过深、相同依赖版本重复等问题。
奋飛
2021-09-10
3.2K1
最佳实践:vue2 父组件监听子组件生命周期钩子
源码地址:https://github.com/vuejs/vue/blob/master/src/core/instance/lifecycle.js#L314
奋飛
2021-08-31
1.6K0
发布项目到NPM
最近,在开发Node项目过程中遇到了需要类jQuery深拷贝对象的问题,去Github找了半天,并没有符合的,于是,自己决定写一个(mixin.js),然后推送到NPM(查看Npm相关内容,请查看<npm模块管理器>),下面是整个流程,在此记录~~~
奋飛
2021-08-30
4980
Grunt常用插件及示例说明
示例:将1.html文件中的var requestAddress = "";替换为var requestAddress = "http://blog.csdn.net/ligang2585116";
奋飛
2021-08-30
4670
Vue基础:组件--slot、异步组件、递归组件及其他
为了让组件可以组合,我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue中使用特殊的 元素作为原始内容的插槽。
奋飛
2021-08-30
2.9K0
现代前端技术解析:前端项目与技术实践
​ head中必须定义title、keyword、description,保证基本的SEO页面关键字和内容描述。移动端页面head要添加viewport控制页面不缩放,有利于提高页面渲染性能。建议在页面加上基本的社交RICH化消息,保证网页地址分享后能够显示缩放图、图标和描述等。
奋飛
2021-08-30
6960
Event loop及macrotask & microtask
JavaScript 引擎不是单独运行的 — 它运行在一个宿主环境中,对于大多数开发者来说就是典型的浏览器和 Node.js(如今,JavaScript 被应用到了从机器人到灯泡的各种设备上)。每个设备都代表了一种不同类型的 JS 引擎的宿主环境。但,所有的环境都有一个共同点,就是都拥有一个 事件循环 Event Loop 的内置机制,它随着时间的推移每次都去调用 JavaScript 引擎去处理程序中多个块的执行。
奋飛
2021-08-30
3370
通过 Gitlab CI 完成前端自动化构建
​ GitLab-Runner 是配合 GitLab-CI 进行使用的。一般地,GitLab里面的每一个工程都会定义一个属于这个工程的软件集成脚本,用来自动化地完成一些软件集成工作。当这个工程的仓库代码发生变动时,比如有人 push 了代码,GitLab 就会将这个变动通知 GitLab-CI。这时 GitLab-CI 会找出与这个工程相关联的Runner,并通知这些Runner把代码更新到本地并执行预定义好的执行脚本。
奋飛
2021-08-30
9920
WebAssembly 小 Demo
WebAssembly 是一种新的编码方式,可以在现代的网络浏览器中运行 — 它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如 C/C++ 等语言提供一个编译目标,以便它们可以在Web上运行。
奋飛
2021-08-30
1.5K0
利用 target=_blank 进行前端钓鱼
Phishing,攻击者利用欺骗性的电子邮件和伪造的 Web 站点来进行网络诈骗活动,受骗者往往会泄露自己的私人资料,如信用卡号、银行卡账户、身份证号等内容。诈骗者通常会将自己伪装成网络银行、在线零售商和信用卡公司等可信的品牌,骗取用户的私人信息。
奋飛
2021-08-30
4720
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档