前端基础向--空表格处理与分页调整,优化用户体验
前言前端开发工程师,通常会作为开发阶段直接与客户需求进行深入对接的开发人员之一,我们所完成的一切都是为了给用户更好的体验。而优化用户体验,常常我们会使用各种代码、产物的优化手段,比如:代码混淆(去除文件可读性,替换长命名等,减少文件大小)gzip 压缩splitChunk 分包异步加载首页服务端渲染(SSR)图片等资源压缩第三方依赖 CDNs资源缓存当然上面这部分基本上都是用来处理最终的 js、....
前端基础向--从项目入手封装公共组件
前言在上一篇 前端基础向~从项目入手封装工具函数 中简单介绍了封装项目通用工具函数的几种思路和函数设计方式,用来适配多种情况下的 数据处理,也提到了哪些情况下需要封装业务公共组件。本文就从 “详情卡片” 业务组件的封装的几个阶段来说明我在编写公共组件的设计思路。1. 阶段一:基础需求假设我们现在有这样一个需求:需要满足显示产品的详细信息;需要可以根据不同分辨率适配不同的显示方式(2列,3列,4列....

前端基础向~从项目出手封装工具函数
前言在项目开始初期,往往都是有组里的“大佬”为我们搭建或者说改造一个项目使用的前端项目框架,通常都会包含一些常用的库和函数:比如 router 路由、store 数据共享、登录和异常页、动态路由和按钮权限处理等等。但是在项目进行过程中,都需要大家一起参与!不管是小白也好、大佬也好,在处理一些基础的表单表格的时候,基本思路和代码逻辑应该都是差不多的。所以为了统一和复用这部分功能的代码,来减少代码量....
前端基础向~封装Axios优化页面Loading效果
前言最近老是做后台项目,很多页面需要同时请求多个数据,并且为了统一 loading 样式和加载效果、避免多个请求发起和结束之间有细微间隔导致 loading 闪烁的情况,所以就改造了一下 Axios 的封装,在拦截器中增加全屏 Loading 的处理。1. 目标效果根据目前的项目需求,总结了以下场景和对应要求:在请求时开启 Loading 效果,请求结束时关闭;如果有多个请求,则尽量保证多个请求....
Vue 2 阅读理解(四)之 Parse 函数定义
Parse 函数在 baseCompile() 执行过程中,首先就是通过 parse方法 解析 template模板字符串,生成对应的 AST 抽象语法树。整个 parse函数 定义太长,这里省略几个内部方法/** * Convert HTML string to AST. */ export function parse(template: string, options: Compile...
微前端之 MicroApp 介绍和基础使用
1. 介绍MicroApp 是“京东零售”团队在2021年7月正式发布的一个微前端框架,并且抛弃了 Single SPA 的实现理念,基于 CustomElement 和 ShadowDom 来实现。MicroAPP 宣传的优势有以下几点:应用接入便捷:主应用只需一行代码即可接入一个微应用(有点夸张哈)零依赖:本身 MicroApp 并不依赖其他第三方库框架兼容:本身对其他框架应用都做了适配,并....
微前端之IceStark介绍和基础使用
1. 介绍阿里飞冰团队于 2019 年 6 月发布的微前端框架,内部服务于淘宝、飞猪、钉钉、阿里云等大型项目。IceStark 支持以下特性:框架无关(也是所有微前端框架都会解决的问题)快速迁移:支持从 url,html 文本,entry应用入口文件等方式直接接入完善的 js 沙箱,使微应用接入更安全性能优秀(大家都优秀)支持 ES Module支持微模块(Single SPA 也有)IceSt....
JS基础篇(前端面试题整合)(一)
typeof返回的数据类型undefinedstringbooleannumberobjectfunctionsymboljs数据类型基本六种string 字符串number 数字boolean 布尔Nu....
JS基础篇(前端面试题整合)(二)
如何创建函数第一种(函数声明): function sum1(num1,num2){ return num1+num2; }第二种(函数表达式): var sum2 = function(num1,num2){ return num1+num2; }第三种(函数对象方式): var sum3 = new Function("num1....
前端面试题整合(HTML,CSS等基础篇)
浏览器的内核IE: trident内核,Firefox:gecko内核,Safari:webkit内核,Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核,Chrome:Blink(基于webkit,Google与Opera Software共同开发)HTML中的Doctype有什么作用此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。....
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
+关注