前端小工具集合

本文汇总了前端开发中常用的工具包,涵盖组件类、音视频处理、时间处理、编辑器、Markdown转换、拖拽插件、特效、动画库、数字处理、UI框架、Node.js相关工具、调试工具、评论系统、文件操作、实用工具、SVG优化、加密、图片处理、模板引擎、自动化测试、工程化工具、安全相关工具以及React Native组件等多个类别。每种类别下都列举了具体的工具和库,并提供了相应的链接供开发者参考使用。


前端教程 & 开发模块化 / 规范化 / 工程化 / 优化 & 工具 / 调试 & 值得关注的博客 / Git & 面试 - 资源汇总

本文提供了一系列前端开发相关的学习资源,涵盖了JavaScript、ES6、HTML5、CSS3、jQuery、移动Web、微信小程序、Git、React、AngularJS、Node.js等多个领域。文章强调了多读多学的重要性,并推荐了一些精选教程和工具,如廖雪峰的JavaScript教程、阮一峰的ECMAScript 6入门等。此外,还提供了前端模块化、工程化、性能优化及面试题等相关资源链接,帮助开发者全面提升技能。


前端开发必备工具箱

本文介绍了前端开发过程中常用的工具,涵盖了编辑器、浏览器、文档查询、性能优化、可访问性等多个方面。作者推荐了如VS Code、Firefox、DevDocs、MDN等必备工具,并详细列举了CSS相关的资源(如CSS-Tricks、Can I Use)以及性能优化工具(如SVGOMG、Shrinkme.app)。此外,还提到了一些辅助可访问性测试的工具和一些实用但不那么常见的工具,如响应式断点生成器、CSS渐变生成器等,帮助开发者提高工作效率和项目质量。


2022前端,推荐7款值得深入学习的“👑新贵前端库”!

本文介绍了2021年在前端领域中Star数增长显著的几个库和技术:ZX.js(使用JS编写更便捷的Shell脚本)、Vite(下一代前端构建工具,开发时基于ES模块实现快速启动)、React & Next.js(React框架及其服务端渲染解决方案Next.js)、Tauri(构建更小更快的跨平台桌面应用)、Tailwind CSS(新时代“原子类”CSS实用框架)、Slidev(基于Markdown的演示幻灯片工具)以及Esbuild(超快的JavaScript打包器)。这些技术或工具因其独特的优势和高效性,在前端开发社区内受到了广泛关注与好评。


十大程序员最实用的技术社区网站

第一名:CSDN 中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年,致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。是当之无愧的行业老大哥! 网址:https://www.csdn.net/


一个正经的前端学习 开源 仓库

该链接指向GitHub上的一个名为"Leetcode"的项目仓库,由webVueBlog维护。此仓库包含了作者在LeetCode平台上解决的各种编程挑战题目的代码实现,适合希望提高算法和数据结构技能的学习者参考使用。


50 多个提高前端人效率的工具、网站和书籍整理

本文汇总了多种在线工具和资源,适用于前端开发者的日常需求。包括JS代码混淆、SCSS转CSS编译、CSS转SCSS、TypeScript PlayGround、Vue Playground等实用工具。还介绍了CodeSandBox和CodePen等在线编程环境,以及正则表达式可视化、Postman在线版等辅助工具。此外,文章列举了多个UI库如Vant、Ant Design及其移动端版本、ElementUI等,并提供了丰富的在线书籍和文档链接,覆盖ES6入门、浏览器工作原理、Webpack深入浅出等内容,是前端开发者宝贵的学习与实践资源。


前端面试

本文详细介绍了CSS、HTML和JavaScript中的多个关键概念和技术。首先,解释了CSS中的`calc()`、`@support`和`@media`查询的含义与用法;接着,提供了多种实现元素水平和垂直居中的方法。文章还探讨了不同长度单位如rem、em、vh以及px的具体含义。对于特定的CSS技巧,比如绘制0.5px线条和三角形,也给出了具体示例。此外,讨论了盒模型、清除浮动的方法及其背后的BFC原理。在HTML部分,讲述了`<label>`标签的作用及如何遍历DOM节点。JavaScript部分则涵盖了递归求和、页面渲染过程、CORS、AJAX请求中断、事件代理等知识点,并深入讲解了闭包、继承方式、宏任务与微任务的区别等内容。最后,通过数组去重、HTTP请求类型对比以及常见HTTP状态码的解释,全面展示了前端开发所需掌握的基础知识。


40条移动端H5坑位指南

本文详细介绍了在HTML、CSS和JS方向上针对移动端网页开发的多种优化技巧。其中包括使用HTML标签调用移动设备系统功能、配置元数据以控制浏览器行为、通过CSS实现自动适应布局与背景、优化滚动及动画效果、以及利用JS解决点击穿透、滑动穿透等问题。文章还特别提到了如何处理移动端特有的问题,如键盘弹出导致的高度坍塌、输入监听失效等,并提供了实用的代码示例。