组件按需加载(antd、element-ui) 按需加载插件全解析:ts-import-plugin / babel-plugin-import / babel-plugin-component本文系统梳理三款前端组件库按需加载插件的核心区别、适配场景,以及在 Nuxt/Vue CLI 框架下结合不同 UI 库(ant-design-vue、Element-UI、Vant)的实战配置方法,帮助你精准选择并落地按需加 2020-11-12 前端开发 #Webpack #按需加载 #babel
iphone(普通屏、刘海屏)、android(奇形怪状屏)H5页面适配 混合开发中H5状态栏+顶部标题栏高度适配方案(Android+全系列iPhone)在混合开发场景下,当状态栏+顶部标题栏由H5页面实现时,需针对Android机型动态获取真实高度、针对iPhone(含最新灵动岛机型)做机型适配,以保证H5端与APP原生端视觉高度完全一致。本文梳理完整适配逻辑,覆盖Android桥接获取、iPhone全机型(含15/14/13系列)适配。 一、基 2020-11-03 移动开发 #移动端 #H5适配
前端性能优化技术选型及策略分析 CSR/SSR/NSR/PWA/闪开(秒开):技术选型与策略分析本文系统梳理 CSR(客户端渲染)、SSR(服务端渲染)、NSR(原生侧渲染)、PWA(渐进式Web应用)、闪开/秒开(极致加载体验)的核心概念、技术特点,结合实际业务场景给出选型依据和最优策略组合,助力前端页面体验优化。 一、核心名词解析 技术名词 英文全称 核心定义 CS 2020-10-26 前端开发 #SSR #性能优化 #PWA
基于VUE的移动端UI框架 基于Vue的移动端UI框架(精选版)你希望梳理基于Vue的移动端UI框架,了解各框架的核心特点、适用场景和选型依据,以便根据项目需求选择合适的框架。以下是主流、实用的Vue移动端UI框架,按「使用热度+适配性」排序,覆盖不同场景和Vue版本适配。 一、主流核心框架(推荐优先选择)1. Vant(最通用,推荐首选) 核心特点: 有赞团队开发维护,Vue2/Vue3双版本支持(Vant 2适 2020-10-19 前端开发 #Vue #UI框架 #移动端
JavaScript 中 call()、apply()、bind() 的用法 JavaScript中call、apply、bind的区别与用法(案例详解)通过简单的代码案例理解 call、apply、bind 的核心区别,并总结三者的使用场景和用法,重点聚焦 this 指向的改变和参数传递的差异。本文通过分步案例拆解核心逻辑,让三者的区别一目了然。 一、前置知识:理解this的默认指向在学习 call/apply/bind 前,先明确 this 的默认指向规则,这是理解三者 2020-10-15 前端开发 #javascript
嵌入式网页调试脚本eruda 动态同步加载 Eruda 调试脚本(适配嵌入式网页)你需要在嵌入APP、小程序、Electron的网页中,实现基于环境/参数判断的 Eruda 调试脚本动态同步加载,仅在开发/测试环境或指定参数下启用调试工具,同时规避脚本加载的语法和执行时机问题。 一、核心功能与应用场景应用场景适配嵌入APP内置WebView、小程序WebView、Electron窗口的网页,仅在指定环境下加 2020-10-12 前端开发 #Eruda #WebView #移动端 #调试
网页速度分析及Webpack打包文件分析 前端性能优化分析工具:Webpack Bundle Analyzer + PageSpeed Insights本文整理两款核心前端性能分析工具的使用方法、优化案例及配置指南:Webpack Bundle Analyzer(聚焦打包体积分析)、PageSpeed Insights(聚焦网页加载速度分析),助力前端开发者精准定位性能问题并落地优化方案。 一、Webpack Bundle Analyze 2020-10-09 前端开发 #性能优化 #Webpack #PageSpeed #打包分析
mongodb-0 Koa & Express 连接 MongoDB 实战(短网址跳转示例)本文整理 Koa/Express 框架通过 MongoClient 连接 MongoDB 的完整实现方案,以「短网址跳转」为核心业务场景,覆盖数据库连接、集合查询、响应处理等核心逻辑,保证代码可直接运行且符合生产环境最佳实践。 一、前置准备1. 安装依赖12345678# 通用依赖:mongodb 核心驱动n 2020-09-30 后端开发 #Node.js #Koa #Express #MongoDB