自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 Node.js 使用RSA加密/解密

使用 Node.js 中的 RSA 加密和解密非常简单。借助node-rsa库,我们可以轻松地实现数据的安全传输。希望本文对你在使用 RSA 加密和解密方面有所帮助。

2023-05-09 21:04:51 4094

原创 深入理解移动端布局:Viewport与设备像素比

Viewport 是用户在浏览器中可见的网页区域。在桌面浏览器中,Viewport 的大小通常与浏览器窗口大小相同。然而,在移动设备上,情况就有所不同。为了在较小的屏幕上显示更多内容,移动设备通常会使用一个更大的虚拟 Viewport,这样用户可以通过缩放和滚动来查看和操作网页。了解 Viewport 和设备像素比是掌握移动端布局的关键。通过设置正确的 Viewport 元标签,我们可以确保页面在移动设备上以适当的大小显示。同时,通过处理不同设备的像素比,我们可以为用户提供更清晰的图像和文本。

2023-05-09 20:58:52 915

原创 移动端性能优化:GPU加速、图片优化与缓存策略

在移动端开发中,性能优化是一个至关重要的环节。本文将为您介绍如何通过 GPU 加速、图片优化和缓存策略来提高移动端性能。

2023-04-21 14:20:24 745

原创 Bootstrap框架实战:轻松搭建响应式网站

Bootstrap 是一款非常受欢迎的前端开发框架,它可以帮助我们轻松地搭建响应式网站。在这篇文章中,我们将介绍如何使用 Bootstrap 框架创建一个简单的响应式网站,并了解其核心概念和组件。

2023-04-20 14:13:44 1326

原创 媒体查询神器:掌握 CSS3 变革性技术

媒体查询是CSS3中的一项重要功能,它使得我们可以针对不同设备和屏幕尺寸应用不同的样式。本文将深入介绍媒体查询的使用方法,以及如何利用媒体查询优化响应式设计。

2023-04-20 14:05:38 477

原创 响应式设计入门:成为移动端大师的第一步

随着移动设备的普及,响应式设计成为前端开发的重要技能之一。要在移动端大师的路上迈出坚实的一步,掌握响应式设计是必不可少的。本文将向您介绍响应式设计的基本概念、原则和实践方法。

2023-04-20 12:07:11 102

原创 Parcel 实践指南

Parcel 是一个极速零配置的 Web 应用程序打包器。它的零配置特性使得开发者可以更快速地进行项目的构建。本文将向你展示如何在项目中实践 Parcel,并讨论一些性能优化策略以及不同场景下的最佳实践。

2023-04-11 10:00:00 567

原创 Parcel 实践:轻松打包前端项目

Parcel 是一个快速,零配置的 Web 应用打包工具。它的简单性和易用性使其成为前端工程师的绝佳选择。在本文中,我们将探讨 Parcel 的实践方法,包括如何配置、优化性能以及针对不同场景的最佳实践。

2023-04-10 23:51:51 1040

原创 Rollup 实践:插件生态和实用技巧(续)

在前面的文章中,我们已经了解了 Rollup 的性能优化和高级用法。本篇文章将继续探讨 Rollup 的插件生态和实用技巧。

2023-04-10 09:45:00 469

原创 Rollup 实践:性能优化和高级用法(续)

在前面的文章中,我们已经了解了 Rollup 的基本概念和配置。本篇文章将继续探讨 Rollup 的性能优化和高级用法。

2023-04-10 09:00:00 698

原创 Rollup 实践:从入门到精通(续)

继续我们的 Rollup 实践,接下来我们将探讨更多关于 Rollup 的实用技巧和插件。

2023-04-10 08:45:00 414

原创 Rollup 实践:从入门到精通

Rollup 是一个高效的 JavaScript 模块打包器,特别适用于库和应用程序的打包。本文将深入探讨 Rollup 的实践方法,包括配置示例、性能优化策略以及不同场景下的最佳实践。

2023-04-10 08:30:00 672

原创 Rollup 实践深度指南

Rollup 是一个优秀的 JavaScript 模块打包器,尤其适用于打包库。本文将深入探讨 Rollup 的实践、与其他构建工具的对比、插件生态以及性能优化策略等方面的内容。

2023-04-10 07:45:00 798

原创 Webpack 实践:配置、性能优化和最佳实践

在本篇文章中,我们将深入探讨 Webpack 的实践,包括配置示例、性能优化策略以及不同场景下的最佳实践。我们的目标是帮助前端工程师更好地利用 Webpack 提升开发体验和项目性能。

2023-04-08 12:30:00 322

原创 模块打包器:Webpack、Rollup与Parcel的比较与实践

随着前端开发的复杂性不断提高,模块打包器已经成为现代前端开发的必备工具之一。本文将对当前市场上的三个主流模块打包器:Webpack、Rollup 和 Parcel 进行比较,并探讨它们在实际项目中的应用。

2023-04-08 10:15:00 405 1

原创 深入浏览器工作原理:技术细节剖析(二)

本文将深入探讨浏览器工作原理的核心技术细节,包括DNS查询的缓存机制、TCP的三次握手和四次挥手、HTTP/2和HTTP/3的优化,以及页面渲染过程中的重排和重绘等方面。本文旨在为资深前端工程师提供有价值的参考信息,帮助他们更深入地了解浏览器的工作原理。

2023-04-08 10:00:00 389

原创 浏览器之旅:从输入网址到页面呈现的神秘过程揭秘(一)

你是否好奇在浏览器中输入一个网址后究竟发生了什么?本文将为你揭开这个过程的神秘面纱,让你了解到从输入网址到页面渲染的各个关键步骤。

2023-04-07 19:52:50 317 1

原创 提升用户体验!专家级前端工程师如何进行前端性能优化?

作为一个前端工程师,前端性能优化是一个非常重要的领域。优化的目标是提高页面的加载速度和响应速度,以提供更好的用户体验。为了实现这个目标,我们需要考虑以下几个方面:

2023-04-01 02:52:51 254

原创 分享两道阿里前端笔试题(附答案)

1. 实现一个简单的模板渲染,给定一个模板和一个对象,利用对象中的数据生成模板字符串,并返回最终结果。function renderTpl(tpl, data) { // 代码写在这里}let tpl = '你好,我们公司是{company},我们部门是{bu}';let tplData = { company: '阿里巴巴', bu: '天猫精灵'}const str = renderTpl(tpl, tplData);console.log(str); // 你好,我们公司

2021-09-03 23:22:43 1912 2

原创 Node.js 使用RSA加密/解密

node-rsa标签(空格分隔): 未分类 第一次使用,不喜勿喷。有什么好的建议请联系博主邮箱 [email protected]详细内容请查看node-rsa官方文档纯粹的JavaScript 不需要OpenSSL 生成密钥 支持加密/解密的长消息签署和验证Examplevar NodeRSA = require('node-rsa');...

2018-03-15 14:21:39 24420

原创 使用安卓手机打开Chrome,在桌面Chrome中输入chrome://inspect/#devices可以连接手机进行调试。

使用安卓手机打开Chrome,在桌面Chrome中输入chrome://inspect/#devices可以连接手机进行调试。

2017-12-29 09:25:08 8863

原创 vee-validate vue 2.0自定义表单验证

vee-validate vue 2.0自定义表单验证亲测可用学习vee-validate,首先可以去阅读官方文档,更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。1. NPMnpm install vee-validate --save2. CDN<script src="path/to/vue.js"></script><script src="path/to/

2017-12-28 15:41:09 8058 2

原创 H5模拟面试题

H5模拟面试题标签(空格分隔): 模拟面试HTML & HTML5Position属性的值有哪些?怎样使用?absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过”left”,”top”,”right”以及”bottom”属性进行规定。fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “r

2017-11-02 10:52:30 3094

原创 Ionic 组件使用方法

Ionic 组件1. 布局 12 栅格<ion-grid> <ion-row> <ion-col col-6>苏州</ion-col> <ion-col col-6 style="text-align: right" >...</ion-col> </ion-row></ion-grid> tabs默认情况下,导航到“选项卡”页面将选择第一个选项卡。可以通过改变所

2017-10-18 18:39:35 1742

原创 markdown 字体语法

<font color="red"> 红色字体</font>

2017-10-13 16:51:55 277

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除