顽石个人博客

一个专注于Web前端开发技术分享的博客网站


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 站点地图

  • 搜索

移动端事件穿透的原理与解决方案

发表于 2020-07-24 | 分类于 移动前端开发

移动设备的流行,带动了移动互联网的快速发展,很多开发者开始进入移动开发领域。目前市面上主流的移动设备一般都使用触摸屏,触摸屏所使用的触摸事件模型与传统网页的鼠标事件模型有所区别,这种差异往往使初涉移动端的开发工程师陷入困境,事件穿透问题便是其中一个,本文将带你了解事件穿透及如何在实际项目中选择合适的方案解决事件穿透问题。

阅读全文 »

移动端点击事件延迟的诞生消亡史

发表于 2020-07-23 | 分类于 移动前端开发

快速反馈对于任何 UI 的实现都是至关重要的。研究表明,100ms 是界面让用户感到即时的最大延迟。尽管如此,移动网络仍然受到一个巨大的反馈问题的困扰:触摸任何元素后,延迟 300 毫秒。这种延迟是许多用户认为基于 HTML 的 Web 应用程序“卡顿”的最重要原因之一。本文将带你了解移动端点击事件延迟的从诞生到消亡的过程。

阅读全文 »

目前解决移动端1px边框最好的方法

发表于 2020-07-22 | 分类于 移动前端开发

在移动端开发时,经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。

阅读全文 »

移动端适配必须掌握的基本概念和适配方案

发表于 2020-07-21 | 分类于 移动前端开发

随着技术的发展,移动设备越来越流行,并且不同设备间屏幕尺寸和屏幕像素的差异,移动端开发面临着多分辨率适配的问题。

阅读全文 »

Nuxt使用axios跨域问题解决方法

发表于 2020-07-05 | 分类于 Nuxt

Nuxt 是 Vue 项目服务器端渲染(SSR)解决方案。而在使用时,就会遇到前后端分离情况下的域名或端口不一致导致的跨域问题。本文将介绍如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。

阅读全文 »

Nuxt配置Element-UI按需引入方法

发表于 2020-07-04 | 分类于 Nuxt

Nuxt.js 使用 create-nuxt-app 创建项目时,选择使用 Element-UI 为默认组件库,发现 Nuxt 没有开启 Element-UI 的按需引入配置,需要自行配置。

阅读全文 »

Nuxt+Express后端api接口配置与实现方式

发表于 2020-06-30 | 分类于 Nuxt

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用。本文带你了解在 Nuxt.js 中使用 Express 如何编写实现后端的 api 接口。

阅读全文 »

Flow 静态类型检查开发环境搭建

发表于 2020-04-18 | 分类于 Flow

Flow 是 Facebook 出品的,针对 JavaScript 的静态类型检查工具。它可以帮助捕获 JavaScript 开发中的常见错误,而不需要额外地修改原有的代码,比如静态类型转换,空值引用等问题。同时,Flow 为 JavaScript 添加了静态类型的语法标识,这样开发者便可以明确代码中的类型,让其自动地被 Flow 所维护。本文将详细介绍使用 Webpack、ESlint、Babel 与 Flow 集成的开发环境的构建过程。

阅读全文 »

调试 node.js 程序

发表于 2020-04-03 | 分类于 Node

在程序开发中,如何快速的查找定位问题是一项非常重要的基本功。在实际开发过程中,或多或少都会遇到程序出现问题导致无法正常运行的情况,因此,调试代码就变成了一项无法避免的工作。这里简单介绍下如何调试 node.js 程序。

阅读全文 »

基于 React 实现一个 Transition 过渡动画组件

发表于 2020-02-27 | 分类于 React

过渡动画使 UI 更富有表现力并且易于使用。如何使用 React 快速的实现一个 Transition 过渡动画组件?

阅读全文 »
12…5
顽石

顽石

44 日志
18 分类
91 标签
RSS
© 2018 — 2020 顽石