- 博客(24)
- 收藏
- 关注
RSS订阅原创 小程序如何实现跨页面通信
最近有很多同学问，小程序里面如何进行跨页面通信。看了下之前的老代码，基本都是基于onShow或者。虽然可以实现，但是并不怎么优雅。今天就来聊一聊，小程序的跨页面通信的几种实现方案。或许会有你想要的方案（优雅…）
2025-02-24 10:28:04
988
原创 纯前端也可以访问文件系统！
周末逛github的时候，发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码，比起在github仓库中查看更加方便然后我就想网页端vscode能不能打开我本地的项目呢，带着这个疑惑我打开了网页版vscode，它居然真的可以打开我本地的项目代码!难道又出了新的API让前端的能力更进一步了？打开MDN查了一下相关文档，发现了几个新的API。
2025-02-18 10:27:03
1132
2
原创 渐进式图片加载：提升前端用户体验的艺术
关于前端的性能及体验问题，图片的加载绝对是重中之重，尤其是在一些有着许多大图的页面，在网络不稳定或稍慢的时候，我们经常能够看到页面中图片的位置是一片空白，等图片加载完成才开始慢慢渲染，在这段时间对用户的体验其实是非常不友好的。那么我们应该如何来进行优化呢？大家想说的是不是：把图片压缩一下不就好了？
2025-02-17 14:27:10
988
原创 深入理解Vue3：style中的响应式变量如何工作？
在很多业务场景中，我们的style样式可能会根据业务逻辑的变化而变化，这个时候大家最容易想到的方案就是多写几个class<div:class="{}"</div></style>这样虽然也是一种不错的方式，但是如果类型有非常多的话，那么你就得在vue模版里面写大量的判断表达式，并且在style中写大量的class类。要是在style中也可以直接使用script中的JS变量，那么这种场景处理起来是不是会更方便一点呢？
2025-02-13 12:02:34
636
转载 Base64编码的“暗坑”：解密失败？可能是这些原因！
Base64编码看似简单，却是开发中常见的“隐形杀手”！你是否遇到过数据解密失败、编码结果不一致、传输后数据损坏等问题？这些看似诡异的现象，很可能是因为你掉进了Base64的“坑”！本文将深入剖析Base64加解密的原理，揭示那些容易被忽略的细节和陷阱，帮助你彻底掌握Base64编码，避免踩坑，写出更健壮的代码！
2025-02-11 11:05:37
865
原创 关于小程序如何做到强制更新
在小程序的日常迭代中，有一些场景我们可能需要在小程序发布后，用户能够马上感知并更新，比如上线新活动、修复高危漏洞等，如果用户因为各种原因未能及时更新小程序，这就可能导致一些功能无法正常使用或者存在安全隐患，因此，实现小程序的强制更新功能就显得尤为重要。本文将探讨小程序如何做到强制更新，以确保用户始终使用最新、最安全的小程序版本。
2024-03-14 19:11:52
1660
1
原创 为什么我写的z-index不生效？
相信大家在工作中都遇到过这样一些奇怪的问题：1.为什么我写的z-index没有生效？2.为什么z-index大的元素却没有盖住z-index小的元素？3.如何让父元素盖住子元素呢？以上这些问题都跟CSS层叠上下文有关，带着上面这些问题我们一起来了解一下什么是CSS层叠上下文，以及这些奇怪现象背后的原理！前端南玖第一时间获取最新文章～层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴。
2022-10-09 11:27:22
639
原创 H5如何实现唤起APP
前言写过hybrid的同学，想必都会遇到这样的需求，如果用户安装了自己的APP，就打开APP或跳转到APP内某个页面，如果没安装则引导用户到对应页面或应用商店下载。这里就涉及到了H5与Native之间的交互，为什么H5能够唤起APP并且跳转到对应的页面？就算你没写过想必也体验过，最常见的就是抖音里面的一些广告，如果你点击了广告，他判断你手机装了对应APP，那他就会去打开那个APP，如果没安装，他会帮你跳转到应用商店去下载，这个还算人性化一点的，有些直接后台给你去下载，你完全无感知。哈哈，是不是觉得这种
2022-05-17 11:05:21
18370
2
原创 HTTP发展史，HTTP1.1与HTTP2.0的区别
前言我们知道HTTP是浏览器中最重要且使用最多的协议，它不仅是浏览器与服务端的通信语言，更是互联网的基石。随着浏览器的不断更新迭代，HTTP为了适应技术的更新也在不断进化，学习HTTP的最佳途径就是从浏览器的发展视角来了解HTTP的演进：即将完成使命的HTTP/1、正在向我们走来的HTTP/2、未来的HTTP/3如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发，关注 前端南玖 第一时间获取最新文章～HTTP发展史HTTP 是浏览器与服务端最主要的通信协议20 世纪 60 年代
2022-03-28 08:33:24
4206
1
原创 CSS性能优化的几个技巧
前言随着互联网发展至今，对于网站来说，性能显的越来越重要了，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。所以，我们需要重视与CSS相关的性能优化。项目开发初期我们可能因为各种原因（很大一部分原因是因为项目工期，产品往往把项目上线时间卡的死死的，根本不听你说的什么性能优化），怎么写的舒服就怎么来，对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化。为了更多地避免这一情况，首先要重视起性能优化相关的工作，将其贯穿到整个产
2022-03-21 08:57:00
1737
原创 超全面总结Vue面试知识点，助力金三银四
前言本文会对Vue中一些常见的重要知识点以及框架原理进行整理汇总，意在帮助作者以及读者自测Vue的熟练度以及方便查询与复习。金三银四的到来，想必vue会是很多面试官的重点考核内容，希望小伙伴们读完本文，能够有一定自我提升，也希望这篇文章能够为大家的面试的保驾护航～1.MVC 与 MVVM的区别MVCMVC 全名是 Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范Model（模型）：是应用程序中用于处理应用程
2022-03-15 09:38:34
558
原创 前端人员不要只知道KFC，你应该了解 BFC、IFC、GFC 和 FFC
说起KFC，大家都知道是肯德基🍟，但面试官问你什么是BFC、IFC、GFC和FFC的时候，你是否能够像回答KFC是肯德基时的迅速
2022-03-07 11:17:09
1122
原创 2022年了你还不了解箭头函数与普通函数的区别吗？
箭头函数作为ES6中新加入的语法，以其简化了我们的代码和让开发人员摆脱了“飘忽不定”的this指向等特点，深受广大开发者的喜爱～
2022-03-01 10:24:23
229
原创 大厂都爱问的前端安全问题及防范措施
前言随着互联网的高速发展，信息安全问题已经成为行业最为关注的焦点之一。总的来说安全是很复杂的一个领域，在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，还时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。这篇文章会介绍一些常见的安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的技能了。如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发，关注 前端南玖 第一时间获取最新的文章～前端安全问题跨站脚本攻击（XSS）
2022-02-24 12:43:20
496
原创 为什么大厂前端监控都在用GIF做埋点？
一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭代。
2022-02-21 10:19:48
867
原创 ‘2‘＞‘10‘==true? JS是如何进行隐式类型转换的？
前言‘2’>'10’返回的true，可能很多人都不是很能理解吧？ 在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边的数据做一个数据类型转换，转成一样的数据类型再计算。 这种无需程序员手动转换，而由编译器自动转换的方式就称为隐式转换。如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发～想要知道’2’>'10’为什么是true，我们得先来了解一下JavaScript的隐式类型转换规则。隐式类型转换规则1. == 操作符
2022-02-09 11:07:44
573
原创 20道JavaScript经典面试题
该篇文章整理了一些前端经典面试题，附带详解，涉及到JavaScript多方面知识点，满满都是干货～建议收藏阅读
2022-01-24 14:54:58
3728
原创 这一次带你彻底了解前端本地存储
❝随着Web应用程序的出现，直接在客户端存储用户信息的需求也随之出现。那么我们前端常用的存储方式有哪些呢？❞前言如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发，关注 「前端南玖」 第一时间获取最新的文章～HTML5常用的几种存储方式 本地存储：localStorage, sessionStorage, cookies 离线缓存：application cache 前端数据库：indexedDB, webSQL ..
2021-11-01 16:27:53
540
原创 面试官：说一说前端路由与后端路由的区别
「我之前在上线自己的博客遇到过下面这些问题」 为啥我的博客在开发阶段都没问题，部署到服务器之后访问不了除了/的页面 路由用hash模式就没问题，改成history就会有问题 ❝ 公众号：「前端南玖」 不定时有送书活动，记得关注~ ❞什么是路由❝在Web开发过程中，经常会遇到『路由』的概念。那么，到底什么是路由？简单来说，路由就是URL到函数的映射。❞并且路由这个概念最早是出现在后端的，因为早期的网页都是服务端渲染的，比如：JSP，PHP，ASP等语言，
2021-10-28 10:38:13
1160
原创 JavaScript之原型与原型链
#### 前言> ❝>> JavaScript常被描述为一种**「基于原型的语言」**——每个对象都拥有一个**「原型对象」**，对象以其原型为模板、从原型继承属性和放法。原型对象也可能拥有原型，并从中继承属性和方法，一层一层以此类推。这种关系常被称为**「原型链」**，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。>> 准确的说，这些属性和方法定义在`Object`的`构造函数`的`prototype`属性上，而非对象实例本身。>> ❞
2021-10-25 10:15:35
254
原创 JavaScript深入之作用域与闭包
Javascript深入之作用域与闭包❝相信绝大多数同学都听过闭包这个概念，但闭包具体是什么估计很少有人能够说的很详细。说实话闭包在我们平时开发中应该是很常见的，并且在前端面试中闭包也是常见的重要考点，在学习闭包之前我们先来看看作用域与作用域链，因为这是闭包的关键。❞作用域❝简单来说，作用域是指程序中定义变量的区域，它决定了当前执行代码对变量的访问权限❞在ES5中，一般只有两种作用域类型： 「全局作用域：」 全局作用域作为程序的最外层作用域，一直存在 「函数作用域：」
2021-10-20 16:05:21
108
原创 JavaScript有同步任务和异步任务，浏览器是怎么处理的？
1.在讨论浏览器与JavaScript之前，我们先来简单了解一下进程与线程进程（process）：资源分配的最小单位进程是应用程序的执行实例，是操作系统进行资源分配和调度的一个独立单位。线程（thread）：CPU调度的最小单位线程是进程内部的一个执行单元，是被系统独立调度和分派的基本单位。系统创建好进程后，实际上就启动执行了该进程的主执行线程。「上面这样讲可能不是很容易理解，我们以工厂????模式来比喻：」 计算机的核心是CPU，它承担了所有的计算任务。它就像一座工厂????，时
2021-10-18 14:11:13
353
原创 this指向与call,apply,bind
❝「this」问题对于每个前端同学来说相信都不陌生，在平时开发中也经常能碰到，有时候因为「this」还踩过不少坑，并且「this」问题在面试题中出现的概率也非常高，我们一起来了解一下this的指向与call，apply，bind❞this的指向ES5中的this「在ES5中，this一般指向函数调用时所在的执行环境，与函数定义的位置无关。也可以理解成this永远指向最后调用它的对象」 在普通函数中的this总是指向它的「直接调用者」，默认情况下指向全局对象（浏览器为window）..
2021-10-16 14:58:39
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人