前端张易安

由于正常上班的缘故，所以只能抽出空闲时间来做，适逢几次加班，导致比预估的工时推迟了一些时间，2020 年 11 月 3 日把项目开发的差不多了，之后一直处于自测和修改小问题的阶段。 我发现大家对这个项目的热情也挺高，所以在上周末也把项目部署到线上，让大家帮忙测试了一波。不过时间…

本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

就好比你向周围的人说：快看，老师！周围的人可能不屑一顾：老师有什么好看的？但如果你说：快看，苍老师！那可能很多人会被你这句话所吸引。一字之差，结果截然不同。 代码可读性的魅力也是这样，高可读性的代码，让别人抑郁理解，能够大量减少后期的维护时间。今天总结了10条常用的提高代码可读…

ESLint属于一种QA工具，是一个ECMAScript/JavaScript语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。 ESLint旨在完全可配置，它的目标是提供一个插件化的javascript代码检测工具。这意味着您可以关闭每个规则，只能使用基…

废话不多！想必大家对这个flexible.js的原理应该已经很了解了！[奸笑]，如不了解请自行百度 || 谷歌。大致的原理就是就以设计稿的宽度为基准，将设计稿平分为10份。然后将1/10份的大小设置成根节点的大小。1个rem就是1/10份的宽度值！对，没错！他的作用就是这么个作…

css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…

今天对vue组件通信方式进行一下总结，如写的有疏漏之处还请大家不吝赐教。 1. props/$emit props和$emit相信大家十分的熟悉了，这是我们最常用的vue通信方式。 props：props可以是数组或对象，用于接收来自父组件通过v-bind传递的数据。当prop…

最近在用 Vue3 写一个开源的商城项目，开源后让大家也可以用现成的 Vue3 大型商城项目源码来练练手，目前处于开发阶段，过程中用到了 Vant3.0，于是就整理了这篇文章来讲一下如何使用 Vue3.0 + Vant 3.0 搭建种子项目。 众所周知，Vue 3.0 发布已经…

transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。 transition主要包含四个属性值：执行变换的属性：transition-property，变换延续的…