Clik here to view.
如何优雅的实现网页多主题风格换肤功能？
海阔凭鱼跃，天高任鸟飞。好久不见！我是猫力Molly对于网页换肤，例如最常见的深色、浅色风格已经是很常见的一个需求了。一直以来也有很多的实现方案，这里我主要介绍一下基于 CSS...
View ArticleClik here to view.
前端首屏渲染时间的极致优化
我们知道，用户体验是 Web 产品最为重要的部分。尽可能减少首屏加载时间，更为流畅地展示用户所需求的内容，会是用户是否留存的关键因素。而随着现代 Web...
View ArticleClik here to view.
面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来
前言随着微前端的不断发展、被更多的团队采用，越来越多开始对沙箱这个概念有所了解。 沙箱，即 sandbox，意指一个允许你独立运行程序的虚拟环境，沙箱可以隔离当前执行的环境作用域和外部的其他作用域，外界无法修改该环境内任何信息，沙箱内的东西单独运行，环境间相互不受影响。本文计划谈谈微前端的 JavaScript 隔离，即沙箱机制的古往今来。要实现一个 JavaScript...
View ArticleClik here to view.
一份简单够用的 Nginx Location 配置讲解
前言Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。语法关于 Location，举个简单的配置例子：http { server { listen 80; server_name www.yayujs.com; location / { root /home/www/ts/; index index.html; } }...
View ArticleClik here to view.
写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践
前言笔者近半年一直在参与项目重构，在重构过程中大量应用 性能优化和 设计模式两方面的知识。 性能优化和 设计模式两方面的知识不管在工作还是面试时都是高频应用场景，趁着这次参与大规模项目重构的机会，笔者认真梳理出一些常规且必用的 性能优化建议，同时结合日常开发经验整理出笔者在网易四年来实践到的认为有用的所有 性能优化建议，与大家一起分享分享！(由于篇幅有限，那...
View ArticleClik here to view.
中小型前端团队代码规范工程化最佳实践 - ESLint
前言There are a thousand Hamlets in a thousand people's eyes.一千个程序员，就有一千种代码风格。在前端开发中，有几个至今还在争论的代码风格差异：单引号还是双引号？代码行结束是否需要分号？两个空格还是四个空格？...这几个代码风格差异在协同开发中经常会被互相吐槽，甚至不能忍受。除此之外，由于 JavaScript...
View ArticleClik here to view.
助力ssr，使用concent为nextjs应用加点料
开源不易，感谢你的支持， ❤ star concent^_^序言nextjs是一个非常流行的 React 服务端渲染应用框架，它很轻量，简单易上手，社区活跃，所以当我们使用 react写一个需要 ssr(server side render)的应用的话，基本都会首选 nextjs， concent是一个新生代的...
View ArticleClik here to view.
RTSP？不存在的 ->前端实时流探索记
作为一个从未接触过实时流（直播流）的人，我之前对实时视频一直没有概念，而最近参与的项目刚好有视频监控的需求，在参与技术选型之前，我对前端实时流的展示进行了一下摸底。...
View ArticleClik here to view.
GitHub 上周 JavaScript 趋势榜项目
1. yemount/pose-animator项目地址： https://github.com/yemount/pose-animator⭐stars:4237 | forks:354 | 2117 ⭐stars this weekPose Animator拍摄2D矢量图，并基于PoseNet和FaceMesh的识别结果实时对其包含的曲线进行动画处理。...
View ArticleClik here to view.
vue父子组件通信高级用法
vue项目的一大亮点就是组件化。使用组件可以极大地提高项目中代码的复用率，减少代码量。但是使用组件最大的难点就是父子组件之间的通信。子通信父父组件<template><div class="parent">我是父组件...
View ArticleClik here to view.
Web Components 入门实例教程
组件是前端的发展方向，现在流行的 React 和 Vue 都是组件框架。谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小。目前，它还在不断发展，但已经可用于生产环境。Web Components API...
View ArticleClik here to view.
为什么我们要熟悉这些通信协议？ 【精读】
前端的最重要的基础知识点是什么？原生 javaScript， HTML, CSS.Dom操作EventLoop和渲染机制各类工程化的工具原理以及使用，根据需求定制编写插件和包。（webpack的plugin和babel的预设包）数据结构和算法（特别是 IM以及超大型高并发网站应用等，例如...
View ArticleClik here to view.
[译]保持Node.js的速度-创建高性能Node.js Servers的工具、技术和提示
pre-tips本文翻译自: Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers原文地址： https://www.smashingmagazine....中文标题：保持Node.js的速度-创建高性能Node.js Servers的工具、技术和提示快速摘要Node...
View ArticleClik here to view.
使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~
本文适合无论是否有爬虫以及 Node.js基础的朋友观看~需求：使用 Node.js爬取网页资源，开箱即用的配置将爬取到的网页内容以 PDF格式输出如果你是一名技术人员，那么可以看我接下来的文章，否则，请直接移步到我的 github仓库，直接看文档使用即可仓库地址: 附带文档和源码,别忘了给个 star哦本需求使用到的技术： Node.js和 puppeteerpuppeteer官网地址:...
View ArticleClik here to view.
让前端开发者失业的技术，Flutter Web初体验
Flutter是一种新型的“客户端”技术。它的最终目标是替代包含几乎所有平台的开发：iOS，Android，Web，桌面；做到了一次编写，多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。在前些日子举办的Google IO 2019 年度开发者大会上，Flutter...
View ArticleClik here to view.
基于socket.io快速实现一个实时通讯应用
随着web技术的发展，使用场景和需求也越来越复杂，客户端不再满足于简单的请求得到状态的需求。实时通讯越来越多应用于各个领域。HTTP是最常用的客户端与服务端的通信技术，但是HTTP通信只能由客户端发起，无法及时获取服务端的数据改变。只能依靠定期轮询来获取最新的状态。时效性无法保证，同时更多的请求也会增加服务器的负担。WebSocket技术应运而生。WebSocket概念不同于HTTP半双工协议，We...
View ArticleClik here to view.
前端性能优化不完全手册
性能优化是一门大学问，本文仅对个人一些积累知识的阐述，欢迎下面补充。抛出一个问题，从输入 url地址栏到所有内容显示到界面上做了哪些事？1.浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP地址;2.建立 TCP连接（三次握手）;3.浏览器发出读取文件( URL中域名后面部分对应的文件)的 HTTP请求，该请求报文作为...
View ArticleClik here to view.
Javascript 面试中经常被问到的三个问题！
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。然，这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过 多种方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题，来判断你对 JavaScript语言的理解和...
View ArticleClik here to view.
Puppeteer前端自动化测试实践
本篇内容将记录并介绍使用Puppeteer进行自动化网页测试，并依靠约定来避免反复修改测试用例的方案。主要解决页面众多时，修改代码导致的牵连错误无法被发现的运行时问题。文章首发于...
View ArticleClik here to view.
常见六大Web 安全攻防解析
前言在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。想阅读更多优质原创文章请猛戳 GitHub博客一、XSSXSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫...
View Article
![[JMAX] [2026.10.14] ラブライブ！蓮ノ空女学院スクールアイドルクラブ Extraシングル「ソレイユスマイル」[FLAC]](http://i.ibb.co/mVZ1tjmn/Cover.jpg)