作为前端开发,感受下 nginx 带来的魅力! 虽然前端人员可能不经常直接操作 Nginx,但了解其基本概念和简单的配置操作是必要的。这样,在需要自行配置 Nginx 的情况下,前端人员能够知晓如何进行基本的设置和调整。
创业一年 | 一名普通前端的血泪史 年初我裸辞创业了,跟一个朋友一起合伙做项目,我主要还是做技术部分,开发一个回收类的项目也是第一次创业,虽然听过很多道理,自己经历过又是另外一回事我们的项目经历过高峰,现在算是谷底,基本的情况基本就是在苦苦挣扎这篇文章我会把我所经历的过程讲述出来,在最后也会总结一些创业过程的一些经验和避坑指南希望对你有所帮助我是一名快35岁的前端码农,离职前是在银行做的外包开发。2014年开始从事开发,不过刚开始是做的iOS开发,后来又转了web前端开发。
我去!竟然还能这样高效地操作 JSON 对象! JSON Pointer是一种简单而强大的方法,用于定位 JSON(JavaScript Object Notation)文档中特定值。它通过使用斜杠分隔符来指示 JSON 对象的层级结构,以确切地标识所需值的位置。
不要再写满屏import导入啦! 导致import占满全屏的原因有很多。但不用模块重导、require.context、import动态导入、webpack.ProvidePlugin等手段,一定会让我们写出满屏的import😂🤣😅😇。只有想不到的,没有做不到的。只要你想、相信就一定能如愿以偿。
聊天框 - 微信加载历史数据的效果原来这样实现的 我记得2021年的时候做过聊天功能,那时业务也只限微信小程序那时候的心路历程是:❝卧槽,让我写一个聊天功能这么高大上??嗯?这么简单,不就画画页面来个轮询吗,加个websocket也还行吧然后,卧槽?这查看历史聊天记录什么鬼,页面闪一下不太好啊,真的能做到微信的那种效果吗❞然后一堆调研加测试,总算在小程序中查看历史记录没那么鬼畜了,但是总是感觉不是最佳解决方案。❝那时打出的子弹,一直等到现在击中了我❞最近又回想到了这个痛点,于是网上想看看有没有大佬发解决方案,结果还真被我找到了。
js如何控制一次只加载一张图片,加载完成后再加载下一张 公众号:程序员白特,欢迎一起交流学习~原文:https://juejin.cn/post/7340167256267391012今天看到一个面试题,是关于img图片加载方面的,有必要记录一下。其实关于这个问题,只要知道图片什么时候加载完成就能解决了。
面试官:关于HTTPS/HTTP2/HTTP3你懂多少? https相对http的改动主要是下层多了一个ssltls层,加密的功能就是这层实现的。ssl是会话层协议,是信息安全领域里面的权威标准。由网景公司研发,发展到v3的时候改名为了tls。三个版本v1.1,v1.2,v1.3。现在用的大部分都是v1.2,主要分析的也是它。使用tls建立链接需要_选定一个加密套件进行安全通信*,同样*需要两端协商所以客户端会带上自己支持哪些加密套件clientsuites字段表示这些套件,serversuite是最终协商采用的加密套件。
面试官:实现一个吸附在键盘上的输入框 话不多说,先上效果和 demo 地址:要实现一个吸附在键盘上的 input,可以分为以下步骤:要监听键盘高度的变化,我们得先看看在键盘展开或收起的时候,分别会触发哪些浏览器事件:iOS 和部分 Android 浏览器展开:键盘展示时会依次触发 visualViewport resize -> focusin -> visualViewport scroll,部分情况下手动调用 input.focus 不触发 focusin收起:键盘收起时会依次触发 visualViewport resize -> focu
TypeScript很麻烦,不想使用! 最近,我们部门在开发一个组件库时,我注意到一些团队成员对使用TypeScript表示出了抵触情绪,他们常常抱怨说:“TypeScript太麻烦了,我们不想用!”起初,我对此感到困惑:TypeScript真的有那么麻烦吗?然而,当我抽时间审查队伍的代码时,我终于发现了问题所在。在这篇文章中,我想和大家分享我的一些发现和解决方案。我还注意到,在类型复用时,团队成员往往只是简单地为已有类型新增属性,而忽略了更高效的复用方式。例如,有一个已有的类型Props需要复用,但不需要其中的属性c。
前端加载超大图片(100M以上)实现秒开解决方案 图片压缩:将图片进行压缩可以大幅减小图片的大小,从而缩短加载时间。压缩图片时需要注意保持图片质量,以免影响图片显示效果。图片分割:将超大图片分割成多个小图块进行加载,可以避免一次性加载整个图片,从而加快加载速度。这种方式需要在前端实现图片拼接,需要确保拼接后的图片无缝衔接。CDN 加速:使用 CDN(内容分发网络)可以将图片缓存在离用户更近的节点上,从而加速图片加载速度。如果需要加载的图片是静态资源,可以将其存储在 CDN 上,以便快速访问。
面试官:只知道v-model是modelValue语法糖,那你可以走了 我们每天都在用v-model,并且大家都知道在vue3中v-model是和的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和事件呢?将v-model指令转换为modelValue属性和事件这一过程是在编译时还是运行时进行的呢?vue是一个编译时+运行时一起工作的框架,之前有小伙伴私信我说自己傻傻分不清楚在vue中什么时候是编译时,什么时候是运行时。要回答小伙伴的这个问题我们要从一个vue文件是如何渲染到浏览器窗口中说起。
10年前端做leader,这是我想跟你说的 公众号:程序员白特原文:这些年做管理的一些感悟 - 掘金 (juejin.cn)2014年,我从大学毕业,到现在已经马上接近10年整了,内心深处,对于基层管理(前端leader)这个岗位,有了深刻的理解。而现如今,整个IT行业经历了巨大的繁荣之后,也进入到了自己的平稳期,以前动不动就想要升职加薪的预期早已不在,各个想要当leader的想法,好像也随着行业的发展而慢慢消失殆尽。
你真的了解JSON.stringify吗? 公众号:程序员白特,欢迎一起交流学习~大家对于这个方法应该都非常熟悉了,通常用于将对象或数组转换为字符串,即JSON格式,然后将其作为参数传递给后端接口。你对真的很熟悉吗?除了基本用法,你知道它还有其他6种用法吗?让我们一起深入了解吧~.