浅谈web前端优化

开篇 优化网站是一个系统性和持续性的过程。很多人认为优化网站的性能只需要合并图片啦,减小HTTP请求啦,部署CDN啦就行,实际上这都是见木不见林的做法。以上的做法经常会被面试者提起,在被问到自己在网页优化的经验和技巧时,大多数人都是例举出以上的这些方法。无可否认,上面这方法都可以在某种程度上提高网页 ... »

纯前端实现词云展示+附微博热搜词云Demo代码

前言 最近工作中做了几个数据可视化大屏项目,其中也有用到了词云展示,以前做词云都是用python库来生成图片显示的,这次用了纯前端的实现~~(Ctrl+V真好用)~~,同时顺手做个微博热搜的词云然后记录一下~ 依赖 echarts 4.x echarts-wordcloud 1.1.3 tips:e ... »

个人网站迁移之旅:从博客到知识库,从 Hexo 到 Docusaurus

或是出于跟风,或是为了简历能好看点,2020 年 2 月,在翻看了中文互联网大量的「免费个人网页搭建教程」后,我选择了 Hexo + Github Pages 的方案,找了一款看上去还不错的主题,搭建了自己的第一个博客网站。 很难量化我在这接近两年的时间里有了什么成长,我迎来了一学期的网课(甚至期末 ... »

MondayCha

国内三大地图(腾讯、高德、百度)路线规划功能的整合

写在前面 基于导航到门店的需求,于是有了这一个随笔,例如一些社区团购,自提点导航的功能,同样适用的。 话不多说,开整 一、先定一个目标点(这个通常是通过接口获取的) 建议通过腾讯地图坐标拾取器进行拾取坐标 腾讯地图坐标拾取器 因为腾讯和高德用的坐标类型都是gcj02,而百度用的是bd09ll,所以很 ... »

【SVG】为了前端页面的美丽,我选择学习SVG

【SVG】为了前端页面的美丽,我选择学习SVG 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明 SVG在之前自学的过程中,其实一直都是很高深的样子不敢触碰,但是想要理解终究都会走到这一步的。:blush:再怎么看起来难的技 ... »

guizimo SVG

一文了解cookie

@(一文了解cookie) 什么是Cookie? Cookie 就是访问者在访问网站后留下的一个信息片段。它存储在客户端(通常来说是浏览器)。你可以把cookie当作一个map,里边是键值对,每个键值对有过期时间、域、路径、脚本可否访问等描述信息;描述信息存储在客户端,客户端请求时,默认会带上coo ... »

p1967914901 前端

超详细讲解页面加载过程

经典面试题:**从输入URL到页面加载完成之间的过程。**你会发现,这题不论大厂小厂,都会问,为什么? 因为它不仅可以考察面试者的知识广度还能考察面试者的知识深度。 前言 如果这篇文章有帮助到你,❤️关注+点赞❤️鼓励一下作者,文章公众号首发,关注 前端南玖 第一时间获取最新的文章~ 在上一篇文章这 ... »

songyao666

高级前端进阶(二)

恭喜EDG夺冠!!! 滚动条挤压页面问题(开胃小菜) 滚动条挤压页面,我们可能没怎么注意到这个问题。 直接看图吧 看到没有,滚动条差不多占据了17px左右的宽度。 计算公式为: let container = document.getElementById("container"); let scr ... »

如何搭建一套前端监控系统

日志采集 信息分类 日常手机的日志信息大概分如下几个类别: 错误 错误类型分多种,不同的错误类型对应用的影响程度不同而分为不同的级别。根据这些优先级,我们也需要指定出一套紧急修复的SOP。 错误类别 捕获方法 表现形式 发生概率 运行错误 全局监听error 类型错误 全局监听error 引用错误 ... »

constantince

Vue 基础自查——条件渲染和列表渲染

v-if和v-show的区别是什么? v-if和v-for为什么不能一起用? v-for中的key有什么作用? 1 v-if 和 v-show 1.1 作用 都用来控制元素的显示和隐藏 1.2 控制元素显隐的方式 v-if控制虚拟DOM树上元素的创建和销毁,Vue的响应系统会根据虚拟DOM树对实际D ... »

[笔记]这阶段的有道云笔记前端部分整理

js现在可以运行在 1.浏览器端 2.计算机操作系统上 通过大名鼎鼎的node, node是由c/cpp编写的js运行环境,大概是js通过编译变成c变成汇编变成机器语言。。。大概 node编译 js »

SHL-sherly

前端需要了解的颜色模型,RGB、HSL和HSV

颜色模型,是用来表示颜色的数学模型。比如最常见的 RGB模型,使用 红绿蓝 三色来表示颜色。 一般的颜色模型,可以按照如下分类: 面向硬件设备的颜色模型:RGB,CMYK,YCrCb。 面向视觉感知的颜色模型:HSL,HSV(B),HSI,Lab。 不同的颜色模型有不同的应用场景,而RGB模型适合于 ... »

jimojianghu

前端架构师之路 一名前端Web架构师的成长之路(转载)

一名前端Web架构师的成长之路(转载) 本人也是coding很多年,虽然很失败,但也总算有点失败的心得,不过我在中国,大多数程序员都是像我一样,在一直走着弯路。如果想成为一个架构师,就必须走正确的路, »

tuziling

前端架构试题

架构 一、 如果让你来制作一个访问量很高的大型网站,你会如何来管理所有css、js文件、图片? (1) 遵循自定的一套CSS,JS和图片文件和文件夹命名规范 (2) 依托采用的前端工程化工具,依照工具 »

fanlinqiang

前端架构师

大惠安网 大惠安网 大惠安网 大惠安网 大惠安网 大惠安网 软件架构(software architecture)是一系列相关的抽象模式,用于指导大型软件系统各个方面的设计。 传统软件架构描述的对象是 »

zycBlogs

人生第一次面试---百度前端面试

在这里记录一下自己人生中的第一次面试,因为之前春招有其他的安排,没有去实习的打算,错过了腾讯和阿里的面试,觉得也挺可惜的,能不能过是一回事,去锻炼自己又是一回事。 在自己被通知简历通过筛选以后,心里其 »

xiaohaoxuezhang

前端 Web 架构师

本人也是coding很多年,虽然很失败,但也总算有点失败的心得,不过我在中国,大多数程序员都是像我一样,在一直走着弯路。如果想成为一个架构师,就必须走正确的路,否则离目标越来越远,正在辛苦工作的程序员 »

wmwPro

前端架构师的职责

前端架构师的职责 没有文档的代码 = 放弃治疗 作为前端架构师, 首先要解决的问题就是让日益膨胀的代码可控,因此你需要 梳理代码, 建立架构, 组织文档, 管理架构的更新和维护, 评审技术方案对架构的 »

yangshuzhong