VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React)

前言VSCode 目前已经更新到 1.15.1,变得越发完善; 时隔三个月,我又搜罗了一波感觉比较实用的.当然我也干掉了一些内置功能已经实现的. 高质量的插件的产出比较慢,所以这次分享的并没有之前的多; 但是也有那么两三个插件很靠谱; 废话不多说,看下面插件集 代码质量的把控CodeMetrics : 可以计算TS/JS内代码的复杂度(比如函数这些),这些与代码质量和性能是挂钩的 Impor...
阅读(615) 评论(1)

Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)

前言不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路需求及实现 统一捕获接口报错 弹窗提示 报错重定向 基础鉴权 表单序列化 实现的功能 统一捕获接口报错 : 用的axios内置的拦截器 弹窗提示: 引入 Element UI的Message组件 报错重定向: 路由钩子 基础鉴权: 服务端过期时间戳和token,还有借助路由的钩子 表单序列化: 我这边...
阅读(519) 评论(0)

Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件

前言之前那个typeahead写的太早,不满足当前的业务需求 而且有些瑕疵,还有也不方便传入数据和响应数据.. 于是就推倒了重来,写了个V2的版本看图,多了一些细节的考虑;精简了实现的逻辑代码效果图实现的功能1: 鼠标点击下拉框之外的区域关闭下拉框 2: 支持键盘上下键选择,支持鼠标选择 3: 支持列表过滤搜索 4: 支持外部传入列表JSON格式的映射 5: 支持placeholder的...
阅读(354) 评论(0)

Vue 折腾记 - (8) 写一个挺靠谱的多地区选择组件

前言这个不是三级联动的地址组件;这是在这个基础需求上增加多地区选择的功能;我也不想这么个玩意的,但是产品需求就是有这么个东东.上基友社区找了下,又木有这类型的组件…只能自己动手丰衣足食了.....
阅读(328) 评论(0)

JS不靠谱系列之枚举出时间段和对应的分钟数

前言今天遇到一个需求,是把选择时间段转为分钟数提交上去的; 所以想手动写个数组一一映射,提交的时候遍历下匹配的值提交. 比如 : 00:00 为 0分钟或者1440分钟; 00:10为30分钟;具体看下面的...
阅读(125) 评论(0)

Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件

上基友社区看了下,发现对echarts的封装都是打包进去的…想想就还是算了.. 图表这货.说实在的,若不是整个系统大量用到,打包进去没必要…CDN是个好东西,我们完全可以写一个异步加载JS然后封装按需调用…至于你能学到什么,见仁见智了…不过有所收获就是我这文章的意义所在了...
阅读(993) 评论(0)

Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件

返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了今天我们来试试vue封装一个原生js实现的返回顶部; 写起来够呛,借助github,看了别人的gist,稍微封装了下;当然不是用scrollTo直接调位那种,没有过渡效果怎么说得过去!!还是捣鼓出来了.废话不多说,看效果图...
阅读(414) 评论(0)

Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件

前言这个功能在网站中也很常见;下拉选择带搜索 基于之前的typeahead组件的基础上完善, 把过滤计算放在了computed ,其他逻辑也有所优化,代码更好理解效果图实现逻辑...
阅读(235) 评论(0)

Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件

前言有需求,就要动手丰衣足食…公司考虑兼容IE9,那么css3 animation写的loading就无缘了 因为keyframes IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下svg大佬了;依旧不废话,看效果图 2017-07-26: 调整了样式,加入了可控的提示文字 效果图先说说实现的思路 一个遮罩层,一个显示loading…通用法则 svg动效的loading直接git上...
阅读(303) 评论(0)

Vue折腾记 - (3)写一个不大靠谱的typeahead组件

typeahead在网站中的应用很多..今天跟着我来写一个不大靠谱的typeahead;你能学到什么? 自定义事件 遍历的思想 功能细节的考虑...
阅读(291) 评论(0)

Vue折腾记 - (2)写一个不大靠谱的面包屑组件

前言这个组件比侧边栏的简单许多.. 那么这个你能学到什么,见仁见智哈…....
阅读(762) 评论(0)

一篇不大靠谱的常用正则表达式汇总(前端)

前言 正则这东西吧,感觉是开发的都会接触到一些.. 那些所谓的基础语法就不说了哈,一搜一大把,来点实际的. 我这里就分享下我工作中汇总和遇到的,希望对一些小伙伴有些许帮助哈!!...
阅读(293) 评论(0)

Vue折腾记 - (1)写一个不大靠谱的二级侧边栏

前言本来想写个新手系列教程..发现这种东西一搜索一大把; 那就写点实战类的吧;这篇文章你能学点什么? 当然是一些常见内置指令的用法,组件过渡,遍历的思路等等效果图实现思路...
阅读(991) 评论(0)

VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题

距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐;...
阅读(1932) 评论(0)

JS 数组去重!!! 一篇不怎么靠谱的 "深度" 水文

前言数组去重,这是一个老梗了…今天我又拿出来说了… 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多,不信跟着走一波;...
阅读(318) 评论(0)

Angular 2 + 折腾记 :(10) 初步了解动画,以及一步一步写个动画效果

过渡动画这东西,在现代开发中是必不可少的,死板和酷炫与之息息相关;...
阅读(2252) 评论(0)

Angular 2 + 折腾记 :(9) 初步了解指令,及动手一步一步写个自定义指令

指令这种东西,可以加强用户体验,减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令效果图实现的功能...
阅读(1772) 评论(0)

Angular 2 + 折腾记 :(8) 动手写一个不怎么靠谱的上传组件

前言上传功能在任何一个网站中的地位都是举足轻重的,这篇文章主要扯下如何实现一个上传组件...
阅读(2353) 评论(0)

Angular 2 + 折腾记 :(7) 初步了解表单:模板驱动及数据驱动及脱坑要点

表单在整个系统中的作用相当重要,这里主要扯下响应表单的实现方式。...
阅读(4027) 评论(0)

Angular 2 + 折腾记 :(6) 动手实现只有年月的小组件

这个组件实现并不是很复杂,我会尽量注释; 这货诞生的理由就是项目刚好有一个地方必须只能选择年月,而github上ng2+日期组件都涉及到年月日或时分秒; 效果用gifcam录制的,色彩有些失真,将就吧。。动手动手出真理效果图实现路...
阅读(799) 评论(0)
193条 共10页1 2 3 4 5 ... 下一页 尾页
    博客专栏
    个人资料
    • 访问:729221次
    • 积分:8345
    • 等级:
    • 排名:第2474名
    • 原创:186篇
    • 转载:4篇
    • 译文:3篇
    • 评论:93条
    最新评论