前面的话   笔者在做一个完整的博客上线项目,包括前台、后台、后端接口和服务器配置。本文将详细介绍使用vue全家桶制作的博客网站   概述   该项目是基于vue全家桶(vue、vue-router、vuex、vue...
阅读(10) 评论(0)
前面的话   笔者在做一个完整的博客上线项目,包括前台、后台、后端接口和服务器配置。本文将详细介绍使用react全家桶制作的博客后台管理系统   概述   该项目是基于react全家桶(React、React-rout...
阅读(42) 评论(0)
前面的话   渐进式网络应用 ( Progressive Web Apps ),即我们所熟知的 PWA,是 Google 提出的用前沿的 Web 技术为网页提供 App 般使用体验的一系列方案。PWA 本质上是 Web App,借助一...
阅读(4) 评论(0)
前面的话   本文将详细介绍移动web开发中的常见问题   Input 【光标颜色】   默认情况下,光标颜色与字体颜色color相同,但也可以通过caret-color属性来单独设置 caret-color:...
阅读(11) 评论(0)
前面的话   本文将详细介绍从webpack3到webpack4的升级过程   概述   相比于webpack3,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除,新增...
阅读(10) 评论(0)
前面的话   本文将详细介绍前端性能优化的七大手段,包括减小请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化   减小请求数量 【合并】   如果不进行文件合并,有如下...
阅读(7) 评论(0)
前面的话   本文将详细介绍前端项目中的图片相关的优化方案   图片格式   目前在前端的开发中常用的图片格式有jpg、png、gif,png8、png24、png32、svg和webp 【gif】   gif是无...
阅读(12) 评论(0)
前面的话   scroll 、resize这类事件被触发的频次非常高,间隔很近。如果事件中涉及到大量的位置计算、DOM 操作、元素重绘等工作,且这些工作无法在下一个 scroll 事件触发前完成,就会造成浏览器掉帧。加之用户鼠标滚动往...
阅读(9) 评论(0)
前面的话   本文将详细介绍笔者在开发中常用的一些chrome插件   字符编码   前端开发时,经常出现乱码的情况。但是,新版本的chrome浏览器已经没有更改字符编码的设置选择,这时就要用到set characte...
阅读(10) 评论(0)
前面的话   本文将详细介绍DNS预解析prefetch的主要内容   概述   DNS(Domain Name System, 域名系统),是域名和IP地址相互映射的一个分布式数据库。DNS 查询就是将域名转换成 I...
阅读(11) 评论(0)
前面的话   基于VUE的前端小站改造成SSR服务器端渲染后,HTML文档会自动使用preload和prefetch来预加载所需资源,本文将详细介绍preload和prefetch的使用   资源优先级   在介绍pr...
阅读(14) 评论(0)
前面的话   使用Chrome DevTools的performance面板可以记录和分析页面在运行时的所有活动。本文将详细介绍如何使用performance面板解决性能瓶颈   准备 【匿名模式】   匿名模式可以...
阅读(16) 评论(0)
前面的话   Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。使用 Network 面板测量网站网络性能。本文将详细介绍chrome开发者工...
阅读(17) 评论(0)
前面的话   浏览器(browser application)是专门用来访问和浏览万维网页面的客户端软件,也是现代计算机系统中应用最为广泛的软件之一,其重要性不言而喻。前端工程师作为负责程序页面显示的工程师,需要直接与浏览器打交道。本...
阅读(11) 评论(0)
前面的话   不论是官网教程,还是官方DEMO,都是从0开始的服务端渲染配置。对于现有项目的服务器端渲染SSR改造,特别是基于vue cli生成的项目,没有特别提及。本文就小火柴的前端小站这个前台项目进行SSR改造  ...
阅读(24) 评论(0)
1 2 3 4 5 6 7 8 ... 下一页共20页  到第