首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
需要实践的
订阅
赵大仁
更多收藏集
微信扫码分享
微信
新浪微博
QQ
10篇文章 · 0订阅
前端性能优化实战——记一次vue-cli3项目的优化过程
最近做了一个vue-cli项目的性能优化,这次也是把很多之前学过的知识应用在实际项目中,遇到了很多困难也学到了很多东西。 这是一个用vue-cli 3作为脚手架的PC端web应用,全局多页面局部单页面(根据用户角色划分)。基本上使用的vue-cli的默认配置,也没有专门做过性能…
你的Tree-Shaking并没什么卵用
Tree-Shaking这个名词,很多前端coder已经耳熟能详了,它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的,因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分,并非需要全部,此时Tree-Shaking如果能帮助我们删除掉没有…
京喜前端自动化测试之路
京喜(原京东拼购)项目,作为京东战略级业务,拥有千万级别的流量入口。为了保障线上业务的稳定运行,每月例行开展前端容灾演习,主要包含小程序及 H5 版本,要求各页面各模块在异常情况下进行适当的降级处理,不能出现空窗、样式错乱、不合理的错误提示等体验问题。 原来的容灾演习过程:小程…
性能优化之组件懒加载: Vue Lazy Component 介绍
这篇文章分享了从遇到前端业务性能问题,到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案(Vue Lazy Component )的过程。 问题起源于我们的一个页面,下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …
HTML5 移动端自适应方案与踩坑
最近刚接触前端开发,接手了一个移动端H5项目。着实体会掉了前端的坑之多,和H5移动端的坑之多多。 介绍方案之前,首先还是交代一下项目背景与需求,毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem(font size of the root elem…
更好的前端设计形式——设计者犯的常见错误及修改方法
无论是注册表、多视图步进器还是单调数据输入界面,表单都是产品设计中最重要的组成部分之一。本文着重论述了表格设计的常见问题和不足之处。记住,这些是一般准则,每个规则都有例外。 多栏会干扰用户垂直动量。 顶部对齐的标签可以很好地在手机上被翻译。 把标签和输入放在一起,确保字段之间有…
如何在Vue项目中使用vw实现移动端适配
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。…
把前端监控做到极致
说到监控,大家第一时间想到的肯定是 Zabbix、Nagios 等各种强大的后端监控服务。诚然,这些强大的平台通过采集服务器以及链路上各种中间件的数据,为我们的应用稳定起到了不可或缺的保驾护航作用。 然而在互联网的另一端,运行在用户终端上的代码却缺少这样强大的监控能力。 对于资…
规范你的 commit message 并且根据 commit 自动生成 CHANGELOG.md
一个好的项目通常都是多人合作的结果,然而每个人有每个人的开发习惯,并不统一。 所以 commit message 就显得格外的重要。有些不规范的 commit 可能过个一个月之后你自己都不知道当时的提交目的了ヘ(;´Д`ヘ), 所以,为了能使得日后复(zhao)盘(guo)的时…
[electron]终极奥义 五千字教程丢给你
本文包含打包、自动更新、简易API、调试、进程通信等相关知识点,内容较多,可能会引起不适,请酌情查看(手动滑稽)。 electron是由Github开发,是一个用Html、css、JavaScript来构建桌面应用程序的开源库,可以打包为Mac、Windows、Linux系统下…