
前端经验总结文章
文章平均质量分 96
pekonChan
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
系统权限按需访问路由几个完整方案(含addRoutes的填坑)
前言当你的系统需要做权限验证时,往往有一个很常见的需求:系统的某些页面或者资源(按钮、操作等),需要该用户有对应的权限才能可见可用。这就涉及到如何根据用户的权限来判断能否进入某个路由页面的问题了。网上有很多零散的方案,并没有横向对比几种方案,且很多细节没解释到位,此处提供完整的几个方案流程,并总结优缺点,你可自行选择本篇是针对vue-router来说明如何实现。解决方案根据各种资料,这...原创 2020-04-25 22:13:58 · 731 阅读 · 0 评论 -
从选择上传文件缩略图预览到提交上传全流程总结方案
前言上传图片生成缩略图,这个需求很常见,网络上的文章也很多。但是大多数都是直接丢一堆代码出来,也不多解释,不说下注意点,不说明优缺点等,也缺乏场景的延伸。我这里所写的,不仅是生成缩略图这个需求,还把验证上传文件、删除已选文件、提交上传文件的一个完整的实际流程来展开此文章。因为网上很多就单纯地解决一个生成缩略图的方案,但是忽略实际场景的应用,很多时候还是存在一些不足,在这里做些小优化和做下几个...原创 2020-04-18 12:59:29 · 939 阅读 · 0 评论 -
滚动导航+吸顶合并方案(含sticky详解)
前言这是一个老套的需求,jq时代就很流行的交互需求。网络上也有不少资料,我这里写这篇文章的目的更主要是针对这些资料的不足,解决一些问题:吸顶和滚动导航的资料都是独立的,二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一,作为一整套方案来分析。吸顶和滚动导航的分析,大多数是站在顶部导航的立场上写方案的,但是其实该功能,可以出现在页面的任何位置上,这些资料所写的方案缺少场景...原创 2020-04-15 09:09:50 · 1371 阅读 · 1 评论 -
全面让你了解和打造自己的自定义滚动条(提供组件
前言最近在封装一个自定义滚动条容器,打算以后用它来取代常用的div标签,因为在Window上的浏览器的确比较丑,为了跟mac里的滚动条尽量保持一致,自己动手封一个。写该篇文章目的有俩方便以后自己再做类似的工作好来个回顾,避免频繁查阅各种资料在动手时发现现有网络资源的一些不足之处,在这里加以补充和描述,希望后来之人在查阅资料时能看到这篇文章就能满足所需。简单说下目前一些网络资料待加强的...原创 2020-04-14 08:26:10 · 534 阅读 · 0 评论 -
高亮:单关键词、多关键词、多组多关键词,从简单到复杂实现满足多方面需求的页面关键词高亮
前言我的前言都是良心话,还是姑且看一下吧:别人一看这个标题,心想,“怎么又是一个老到掉牙的需求,网上一搜一大堆解决方案啦!”。没错!这个需求实在老土得不能再老土了,我真不想写这样一种需求的文章,无奈!无奈!现实的情况是我想这么旧的需求网上资料一大把一大把,虽然我知道网上资料可能有坑,但是我总不信找不到一篇好的全面的资料的。然而现实又是一次啪啪的打脸,我是没找到,而且很多资料都是一个拷贝一个,...原创 2018-12-26 17:55:03 · 1997 阅读 · 1 评论 -
入门chrome插件开发教程和经验总结,一篇就搞掂!
前言关于chrome extension的开发经验总结或说明文档等资料很多,很多人在写,然而,我也是一员。但是,也许这篇文章,可能给你一些不一样的感受。这里介绍的是80%你要开发扩展会碰到的问题前面部分大多数是一些基础介绍,和别人的资料大同小异,但是用的是通俗的语言或者我自己理解来描述的,不是拷贝官方的描述,不然的话,你干脆看官方文档就好啦,干嘛还来我这里折腾对吧,也许这些通俗的描述,更方便...原创 2018-12-24 14:13:58 · 7812 阅读 · 8 评论 -
从ui图到开发页面该有的考虑
前言开发经验满满的前辈们,此篇文章或许对你们来讲并不值得一提,这里说的主要面向对象是小白,或者欠缺点经验的开发者们(懂echarts的更佳)。这里聊得是引导大家如何去思考一个问题,以我所在项目为例子,阐述我的思考方式和思路,也许对于某些人来讲,能给予一些启发。这里说的没有对与错之分,我说的也未必都是正解,纯粹地一个个人总结和分享,我也是一个小小白。如有错误请多见谅,不喜勿喷!例子以这界面中...原创 2018-12-24 14:30:15 · 816 阅读 · 2 评论