277598

一.页面级优化 1.减少HTTP请求数 2.使用静态资源CDN加速 3.使用字体图标 iconfont 代替图片图标 4.使用 fontmin-webpack 插件对字体文...

曾经，我有个气人的同事，总是喜欢用 console.error() 来调试代码，搞得我和他合作，看到控制台老难受了，就为他特殊定制了一个工具库 console-custom...

在日常使用Vue开发项目的时候，计算属性computed是一个非常常用的特性，它的主要作用是对数据进行处理，然后返回新的数据，这样就不需要在模板中写过多的逻辑代码，从而使得...

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演...

前言 最近工作中在维护一个VUE项目，突然有一天老板和我说这个应用可能会被再用到iPad、手机等移动端，要求能在这些设备终端上流畅运行，布局样式不变。查看项目整体设计，之前...

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是P...

实现一个好看通用且响应式布局，自适应的登录/注册页面 页面设计 页面设计了一个滑动的效果，一个盒子里一边为登录一边为注册，然后中间有一个遮挡盒子，遮挡盒子通过左右滑动，实现...

前端布局 一、自适应 自适应就是一套代码，不管屏幕大小怎么变化只有页面的元素大小的变化，不会出现表格三列变两列的样子，那种是响应式，烦死了每次领导和设计都跑过来让我修改一个...

大家好，我卡颂。 遥想曾经面搜狐时，总监已经面完了，看得出他对我很满意，结束面试前他问我： “你有什么想问我的么？” 可能当时脑子抽了吧，我问：“我现在有些焦虑，都说程序员...

年前入职新公司，公司要求搭建一个UI组件库，本专栏详细记录搭建思路和步骤，最后有项目github地址。 安装完成后，输入命令vue --version，查看Vue CLI的...

ElementUI 作为当前运用的最广的 Vue PC 端组件库，很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端（咸鱼），当然需要好好学...

小小的前端有大大的梦想。做一个属于我们自己的 UI 组件库应该是个不错的小目标了。那。。。组件是什么😯？我想应该不用多说，在日常开发中我们天天与之打交道，你所写的每一个 ...

作为一位有深度（老了）、有追求（但学不动）的前端开发者，我们肯定都曾想通过看组件库的源码（本章以 Element 为例）来拔高自己的水平，也肯定都尝试过，只是最终不了了之罢...

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九...

多个组件依赖于同一状态时，对于多层嵌套的组件的传参将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。 来自不同组件的行为需要变更同一状态。以往采用父子组件直接引用或者通过...

在网上冲浪的时候，看到有这么一个网页效果；如下图： 分析： 从图中我们可以看出，当我们鼠标移入的时候，下划线冲左侧开始展示；当鼠标移出的时候，下划线从左侧开始消失 既然我们...

Vue3.0 为什么要用 proxy？ 在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set...

一、什么是OPTIONS？ OPTIONS请求方法的主要用途有两个： 获取服务器支持的HTTP请求方法； 用来检查服务器的性能。例如：AJAX进行跨域请求时的预检，需要向另...

下图中的添加和编辑我用的是一个form框所以，这里会遇到一个问题，先进行编辑再新增，使用this.$refs[formName].resetFields();没有效果。 原...