【前端 · 小讴】的博客

关注前端小讴，阅读更多原创技术文章 【组件化】是每一个前端工程师的必备技能，诚然我们将element、iview、vant等UI组件库运用得娴熟自如，实际开发中还是经常需要封装更适合的业务组件，既帮助快速开发、又让代码简洁明了、还能锻炼我们的组件化能力。 梳理思路 以node.js官网的分页组件为例，假设我们要实现下面这样的分页： 从产品角度梳理思路后，要实现的分页组件有以下特点： 1.当前页页码颜色变化 2.最多显示5个页码，不足5个显示实际数量 3.总页数超过5个时：总页码-当前页>2，则末.

欢迎关注[前端小讴的github]，阅读更多原创技术文章 iView DynamicRouter iView-DynamicRouter 基于 iview-admin(branch:template)，由“后端动态提供路由数据，经前端处理后生成动态路由和菜单”的【后端动态路由模板】，内置“权限管理”业务模型，可任意调整左侧菜单栏、修改其相关权限、监听当前路由和菜单，是一套更安全、更智能的后台管理系统模板。 项目地址 在线预览 → github地址 → 如果你想快速使用，请看 配置文档 → 如果你想和我.

欢迎关注[前端小讴的github]，阅读更多原创技术文章 业务需求(vue项目中) 1.v页面展示svg内容 2.监听svg内部的点击事件 3.动态改变svg内部元素的属性和值 html标签 经多次实验，用embed、img等标签改变src属性的方式，均无法实现上述全部功能（尤其是svg内部点击事件），最终采用**Vue.extend()**方法完整实现，代码也较为简洁，html结构如下： &...

常言道：人在江湖，身不由己。公司决定用vue做前后端分离项目，定睛一想：确也是当今大走向。。。1.安装Node

框架项目用axios调用接口时，我们常用：接口名().then(result=>{ do sth... }).catch(()=>{ do sth... }).finally(()=>{ do sth... }) 却会遇到这个问题：fName(...).then(...).catch(...).finally is not a function 造成此问题...

【自适应】向来是前端工程师需要解决的一大问题——即便作为当今非常火热的vue框架，也无法摆脱——虽然elementui、iview等开源UI组件库层出不穷，但官方库毕竟不可能满足全部需求，因此我们可以通过【监听窗口变化】达到想要的绝大部分自适应效果。 获取窗口宽度：document.body.clientWidth 监听窗口变化：window.onresize 同时回顾一下JS里这些方法...

欢迎关注前端小讴的github，阅读更多原创技术文章 使用 Vue-cli 创建的本地项目，开发地址默认是 localhost:8080。全后端分离作业时，需要访问后台提供的非本机上接口，诚然我们可以让后台使用cors实现跨域，但一来有时后台太忙，二来也为了彰显前端开发人员的技术水平，利用node.js代理服务器是目前普遍又非常简单的办法，下面我们以iview-admin项目为例： ap...