【前端 · 小讴】的博客

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

欢迎关注[前端小讴的github]，阅读更多原创技术文章iView DynamicRouteriView-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...