首页
首页
沸点
课程
直播
活动
竞赛
商城
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系统下…