文章列表
-
微信 H5 页面前端开发,大多数人都会遇到的几个兼容性坑
最近给公司写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿的公司页面,所以下文涉及图片都模糊处理了。 1、ios端兼容input光标高度 问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是ios的input光标。 出现原因分析:通常我们习惯用heig…... -
该来的还是来了,盘点 ES12 中有新特性!
今天主要介绍一下 ECMAScript 2021(ES12)的一部分的 JS 功能。 逻辑赋值操作符 数字分隔符(1_000) Promise.any 与 AggregateError String.prototype.replaceAll WeakRefs 与 FinalizationRegistry 对象 逻辑赋值操作符 逻辑赋值操作符将逻辑操作(&&、||或??)与赋值表达式…... -
Vue 项目国际化是怎么实现的?
Vue-i18n 简单介绍以及使用 Vue I18n 是 Vue.js 的国际化插件,它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。 本文的源码阅读是基于版本 8.24.4 进行 我们来看一个官方的 demo <!DOCTYPE html> <html> <head> <meta charset="utf-8">…... -
一文彻底搞懂 DvaJS 原理
Dva 是什么 dva 首先是一个基于redux[1]和redux-saga[2]的数据流方案,然后为了简化开发体验,dva 还额外内置了react-router[3]和fetch[4],所以也可以理解为一个轻量级的应用框架。 Dva 解决的问题 经过一段时间的自学或培训,大家应该都能理解 redux 的概念,并认可这种数据流的控制可以让应用更可控,以及让逻辑更清晰。但随之而来通常会有这样的疑问:…... -
慎用 JSON.stringify
前言 项目中遇到一个 bug,一个组件为了保留一份 JSON 对象,使用 JSON.stringify 将其转换成字符串,这样做当然是为了避免对象是引用类型造成数据源的污染。 但发现后面使用 JSON.parse 方法之后,发现数据有所变化。 代码简化: let obj = { name: 'Gopal', age: Infinity } let originObj = JSO…... -
10 个实现炫酷 UI 设计效果的 CSS 生成工具
根据设计领域的最新趋势,我选择了10个值得你关注的CSS生成工具,以帮助你构建漂亮炫酷实用的UI界面。 这些工具将有助于提升设计人员和前端开发人员的工作。 1、Neumorphism 地址:https://neumorphism.io/ 它创造了一种全新的UI风格。来自世界各地的设计师已经在Dribbble和Behance上看到了引人注目的中性设计。 但是这个工具,可以直接在线调试UI风格,并直接…... -
5kb 的 Vue:尤雨溪发布新作 petite-vue
前端程序员想必对尤雨溪及其开发的 Vue 框架不陌生。Vue 是一套用于构建用户界面的渐进式 JavaScript 框架,在 2014 年发布后获得了大量开发者的青睐,目前已更新至 3.0 版本。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也…...