- 博客(294)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Vue 2.x折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk
前言只是一个常规的播放组件,需要考虑微信,微博这类环境的播放微信和微博,若没有用其官方的js-sdk初始化,没法播放….我的文章从来都不推崇copy,仅供参考学习..具体业务具体分析定制才是最合理的前置基础vue && vuexES5+Nuxt的基本用法 这篇文章的内容需基于上篇内容的,要用到一些设备信息 Vue 折腾记 - (...
2018-08-25 15:03:29
1516
原创 Vue 2.x折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件
前言这个需求非常常见,分享出去的页面的有时候在手机访问,有时候别人是PC打开的;若是不是共享同一个页面的情况,就需要拦截跳转了;当然你要共享同一个页面也可以(放大化到PC也需要添加某些CSS,也需判断设备)思路本质上还是校验UA, 只是这次是从req拿到,而不是从客户端获取再做处理客户端的处理的姿势拿到window.navigator.userAgent写一...
2018-08-24 13:48:39
4606
9
原创 React 16.x折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx)
前言有小伙伴留言有前进后退没法联动的问题.我仔细梳理下了.简化了代码逻辑和代码量,重写了一遍,执行逻辑和上个版本有所差异;上个版本 :React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏效果图功能点在上个版本的功能的基础上梳理,剔除一些BUG,基本都会触发联动重定向关闭单一标签/关闭其他标签动态追加标...
2018-08-23 11:31:17
4512
3
原创 React 16.x折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏
前言动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说;因为当我们侧边栏层级多了,你要找到一个子菜单,必须找,展开,点击.而有了这个,我们就能节省不少时间,体验上来说也会改善不少实现的思路有点绕,有更好的姿势请留言,谢谢阅读..效果如下关联展示单个删除和删除其他的标签只有一个时候是不允许关闭,所以也不会显示关闭的按钮,关闭其他也不...
2018-08-12 18:43:15
1407
2
原创 React 16.x折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题
前言写这个只是更好的梳理下我实现过程中遇到的奇奇怪怪的问题..因为着实浪费了我不少时间..肯定有不少也碰到过其中的问题希望对小伙伴有所帮助效果图我命名为spread的效果,其实就是结合放大和旋转以及透明度的特性渐隐渐现fade基础依赖[email protected] : 写样式的react-transition-gr...
2018-08-10 12:32:52
2693
1
原创 React 16.x折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现
前言如标题所言,动态更改标题,关联菜单栏依旧如以前,实战出真理,理论的文章太多,自行去搜索有兴趣的可以瞧瞧,没兴趣的大佬请止步于此.免得浪费您的时间效果图基于antd的sidebar组件封装实现思路实现思路自行维护一份静态路由表结合路由的history对象的pathanme在组件渲染完毕的情况下,再去遍历路由表,通过setState重新...
2018-08-09 18:03:23
7134
2
原创 JS不靠谱系列: 写一个验证过期时间的函数,包含jest单元测试
前言我们经常用到的token还是cookie,都默认有一个过期时间我们做鉴权的时候,很依赖这个,所以捣鼓下能不能再严谨点因为之前都是以后台固定的格式,直接拿到值做一个简单的判断;那,假如后台传过来的日期格式变了呢!!有兴趣的瞧瞧,没兴趣的请勿往下走,节省您的时间!前置基础jest : 这个测试框架非常不错,Facebook 出品ES5&&ES...
2018-08-01 16:28:37
745
原创 Docker折腾记: (3)Docker Compose构建Gitlab,从配置(https,邮箱验证)到基本可用
前言gitlab 11.1内置了CI/CD,这个特性从gitlab 8+就开始有了,不过配置比较琐碎经过几个大版本的迭代,现在已经简化了使用方式,也修复了一些坑,这个特性大大吸引了我;好东西不拿来用对不起自己,开始了漫漫的爬坑之路;东西是部署在公司内的,所以就不开放访问了,但是可以参考下我的大体配置;至于为什么采用docker来部署,好迁移,升级也方便(因为数据和配置文件是独立...
2018-07-30 19:54:22
12294
2
原创 Angular 2.x折腾记 ：(11) 写一个挺不靠谱的多少秒/分/时/天前的管道
前言在写东西的发现需要这么一个东西,而也找不到有人写这个东东,那就自己写一个吧效果图之前用了管道之后前置基础ng2+的基础知识typescript基础实现代码及用法实现代码LongTimeago.pipe.tsimport { Pipe, PipeTransform } from "@angular...
2018-07-29 15:40:15
1641
1
原创 Docker折腾记: (2)基于docker-compose构建yapi容器
前言第一篇: Docker折腾记: (1)构建yapi容器,从构建发布到可用这篇主要是用docker-compose来编排我们第一篇的内容,顺便谈谈docekr-compose的好处docker-compose是什么? 简言之就是一个容器编排工具;前置基础在第一篇的基础上,你还要懂得yaml的写法,比如数组的写法,对象的写法等等写法大体和json差不多,但是可表达的...
2018-07-23 11:51:29
1889
1
原创 Docker折腾记: (1)构建yapi容器,从构建发布到可用
前言yapi是什么? YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 yapi.ymfe.org文章会穿插部分相关的知识点,可以节省你爬坑的时间,都是一步一步爬出来的,从定制构建的思路,优化,实现的姿势, 感兴趣的小伙伴往下走~~~yapi(Docker Hub): crper/yapiGithub地址: yapi-docker前...
2018-07-18 15:14:57
3516
1
原创 VS Code 折腾记 - (14) 再来推荐一波大前端适用系列(Node/React/Vue/小程序/主题/代码体验等)的插件
前言VS Code越来越好用了,怎么个好用法,等我抽个时间再水一篇,说收VS Code的亮点;时隔半年,这期间我又搜罗了一波感觉比较好的插件,依旧是那句话,好的插件需要作者去创造,时间去迭代…废话不多说,直入主题; Reactreact-explorer-addons: 增加鼠标右键直接生成react的组件模板,好不好用,用过的才知道CSS Blocks: 支持...
2018-07-08 16:28:07
4539
原创 Vue 2.x折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化
前言@vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC2),除了终端初始化的姿势,还引入了一个新的项目初始化姿势;Web端的初始化,体验了一下,效果很不错;所以记录一下.后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢..安装npm i -g @vue/cli 常规命令大体中文注释下 Usage: vue...
2018-06-16 12:36:06
10017
1
原创 CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?
前言CSSNEXT: 可以理解为 CSS 4,虽然不一定所有特性都成为正式标准; 借助相关的插件我们可以把新的特性降级到 css3乃至一些特性降级到css2.1…无缝过渡但里面的一些特性,折腾了下发现基本可以满足开发了(代替CSS预处理器SASS,LESS);因为大多数人用预处理器最多的几个特性无非如下: 继承,嵌套写法, 全局变量,计算颜色当然,这不是说sass/less 不...
2018-05-25 11:00:42
4757
原创 VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势
前言这货憋了大半年.终于进入 beta 可用状态了….体验了一段时间后,该水文诞生了…这货是什么,微软自家出的实时协作插件,什么是实时协作(有用过石墨文档或者腾讯文档的没?),差不多那样了对标 Atom的Teletype实时协作插件传送门: VS Live Share 预览版;不说废话直入主题,目前这个是预览版,有些功能有些残缺也很正常…我也只扯我用到的;一些特点...
2018-05-17 18:59:28
12408
1
原创 2018春招前端面试: 闯关记(精排精校) | 掘金技术征文
前言 去年年末研发组解散失业, so选择回去学车了,也顺利拿到了驾照 最近回归大深圳….开始踏上漫漫的找工作之路; “拉勾上吊一百年不匹配!!!”,”BOSS直聘日夜没反应!!!” 题目范围涵盖我最近遇到的笔试题和面谈的(CSS/JS/HTTP/Node/Hybrid/Vue/NG/React) emm…..这里不列举哪些公司了, 若是你完整的阅读一...
2018-03-13 16:02:52
6389
1
原创 VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题)
前言emmm…..失业之后,只能卷铺盖回家了….待来年开春再战…回老家卖小吃…顺便学学车(考驾照),利用碎片化的时间扫荡插件….于是,这篇文章就诞生了…前端调试工具 - Live HTML Previewer:编辑器内实时预览 html文件- Debugger for Firefox: 如标题所示,vscode 关联firefox进行调试,和Debugger
2018-01-30 18:52:03
4543
1
原创 VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!)
前言之前也多多少少写过几篇推荐插件的文章; 因为插件这类东西不是大风刮来的.所以我从最初的半个月推荐, 到现在慢慢接近三个月推荐一次,以后可能会更久也不一定!优秀的插件需要用户去尝试,更需要作者花时间沉淀和打造.社区需要多些包容,
2017-11-27 15:26:03
6091
原创 VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场!
让你你知道怎么发布自己的作品到插件市场,且对 npm的package.json会有更深一层的理解
2017-11-26 14:00:42
6100
原创 MacOS : 大前端必备姿势(工作环境)
前言用 Mac 有一段时间了,从一脸懵逼到轻车熟路…历经了多少”摩擦”.算是爬出来了…此篇的工作设备是(Macbook Pro 2017款,所以可能会说到 touchbar!)其实对于熟悉Linux的小伙伴..MacOS 上手会更快;话不多说,直入主题.快捷键篇 系统快捷键这种东西还需要写么? 官方快捷键文档 涵盖了文档操作,截图,窗口管理器等通用快捷键或者全...
2017-11-13 15:09:11
5804
原创 Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章:“喜欢站在道德制高点的圣母婊” – 适合去教堂“无理取闹的键盘侠” – 国际新闻版块欢迎你去“有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的这种傻瓜文,简直浪费老子的时间!对于以上三类人,走吧,这里
2017-11-07 18:22:45
14278
2
原创 VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React)
前言VSCode 目前已经更新到 1.15.1,变得越发完善; 时隔三个月,我又搜罗了一波感觉比较实用的.当然我也干掉了一些内置功能已经实现的. 高质量的插件的产出比较慢,所以这次分享的并没有之前的多; 但是也有那么两三个插件很靠谱; 废话不多说,看下面插件集代码质量的把控CodeMetrics : 可以计算TS/JS内代码的复杂度(比如函数这些),这些与代码质量和性能是挂钩的Impor
2017-08-30 10:52:58
9295
1
原创 Vue 2.x折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示)
前言不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路需求及实现统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口报错 : 用的axios内置的拦截器弹窗提示: 引入 Element UI的Message组件报错重定向: 路由钩子基础鉴权: 服务端过期时间戳和token,还有借助路由的钩子表单序列化: 我这边
2017-08-27 10:55:43
20581
4
原创 Vue 2.x折腾记 - (9) 写一个挺靠谱的typeahead组件
前言之前那个typeahead写的太早,不满足当前的业务需求 而且有些瑕疵,还有也不方便传入数据和响应数据.. 于是就推倒了重来,写了个V2的版本看图,多了一些细节的考虑;精简了实现的逻辑代码效果图实现的功能1: 鼠标点击下拉框之外的区域关闭下拉框 2: 支持键盘上下键选择,支持鼠标选择 3: 支持列表过滤搜索 4: 支持外部传入列表JSON格式的映射 5: 支持placeholder的
2017-08-25 13:59:16
1893
原创 Vue 2.x折腾记 - (8) 写一个挺靠谱的多地区选择组件
前言这个不是三级联动的地址组件;这是在这个基础需求上增加多地区选择的功能;我也不想这么个玩意的,但是产品需求就是有这么个东东.上基友社区找了下,又木有这类型的组件…只能自己动手丰衣足食了..
2017-08-20 22:46:15
4990
3
原创 JS不靠谱系列之枚举出时间段和对应的分钟数
前言今天遇到一个需求,是把选择时间段转为分钟数提交上去的; 所以想手动写个数组一一映射,提交的时候遍历下匹配的值提交. 比如 : 00:00 为 0分钟或者1440分钟; 00:10为30分钟;具体看下面的2017-8-17 : 加入遍历功能呢 参数: value : string || Array type : ‘formatTime’ || ‘num...
2017-08-10 18:42:00
978
原创 Vue 2.x折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件
上基友社区看了下,发现对echarts的封装都是打包进去的…想想就还是算了.. 图表这货.说实在的,若不是整个系统大量用到,打包进去没必要…CDN是个好东西,我们完全可以写一个异步加载JS然后封装按需调用…至于你能学到什么,见仁见智了…不过有所收获就是我这文章的意义所在了
2017-07-25 18:08:30
10209
3
原创 Vue 2.x折腾记 - (6) 写一个不大靠谱的backToTop组件
返回顶部这个功能用jq实现,好容易实现,一个animate配合scrollTo就搞定了今天我们来试试vue封装一个原生js实现的返回顶部; 写起来够呛,借助github,看了别人的gist,稍微封装了下;当然不是用scrollTo直接调位那种,没有过渡效果怎么说得过去!!还是捣鼓出来了.废话不多说,看效果图
2017-07-24 22:22:22
4224
原创 Vue 2.x折腾记 - (5) 写一个不大靠谱的selectSearch组件
前言这个功能在网站中也很常见;下拉选择带搜索 基于之前的typeahead组件的基础上完善, 把过滤计算放在了computed ,其他逻辑也有所优化,代码更好理解效果图实现逻辑
2017-07-22 14:15:25
1383
原创 Vue 2.x折腾记 - (4) 写一个不大靠谱的 loading 组件
前言有需求,就要动手丰衣足食…公司考虑兼容IE9,那么css3 animation写的loading就无缘了 因为keyframes IE10+ , 那么要实现会动且可控的(颜色,大小),好像就剩下svg大佬了;依旧不废话,看效果图2017-07-26: 调整了样式,加入了可控的提示文字效果图先说说实现的思路一个遮罩层,一个显示loading…通用法则svg动效的loading直接git上
2017-07-21 12:13:51
2308
原创 Vue 2.x折腾记 - (3)写一个不大靠谱的typeahead组件
typeahead在网站中的应用很多..今天跟着我来写一个不大靠谱的typeahead;你能学到什么? 自定义事件遍历的思想功能细节的考虑
2017-07-20 15:17:05
1093
原创 一篇不大靠谱的常用正则表达式汇总(前端)
前言 正则这东西吧,感觉是开发的都会接触到一些.. 那些所谓的基础语法就不说了哈,一搜一大把,来点实际的. 我这里就分享下我工作中汇总和遇到的,希望对一些小伙伴有些许帮助哈!!
2017-07-16 23:45:19
1211
原创 Vue 2.x折腾记 - (1)写一个不大靠谱的二级侧边栏
前言本来想写个新手系列教程..发现这种东西一搜索一大把; 那就写点实战类的吧;这篇文章你能学点什么? 当然是一些常见内置指令的用法,组件过渡,遍历的思路等等效果图实现思路
2017-07-14 18:34:31
10569
4
原创 VS Code 折腾记 - (8) 新一波实用插件推荐（前端）|NG2+|TS2|Vue|React|Node|版本控制|主题
距离上次的文章已经过去了两个多月了。这期间我又搜罗了一波比较实用的插件推荐；
2017-05-24 17:44:25
9154
原创 JS 数组去重!!! 一篇不怎么靠谱的 "深度" 水文
前言数组去重,这是一个老梗了…今天我又拿出来说了… 我们在考虑全面一点的情况下,数组去重的实现,比如针对NaN,undefined,{}; 这其中涉及的知识点挺多，不信跟着走一波;
2017-05-11 17:56:26
959
原创 Angular 2.x折腾记 ：(10) 初步了解动画，以及一步一步写个动画效果
过渡动画这东西，在现代开发中是必不可少的，死板和酷炫与之息息相关；
2017-04-13 16:53:22
6029
4
原创 Angular 2.x折腾记 ：(9) 初步了解指令，及动手一步一步写个自定义指令
指令这种东西，可以加强用户体验，减少一些重复工作; 跟着我来实现一个悬浮链接打开的指令效果图实现的功能
2017-04-06 18:39:02
4307
原创 Angular 2.x折腾记 ：(8) 动手写一个不怎么靠谱的上传组件
前言上传功能在任何一个网站中的地位都是举足轻重的,这篇文章主要扯下如何实现一个上传组件
2017-04-05 14:39:27
3813
原创 Angular 2.x折腾记 ：(7) 初步了解表单：模板驱动及数据驱动及脱坑要点
表单在整个系统中的作用相当重要，这里主要扯下响应表单的实现方式。
2017-04-01 17:04:39
7539
1
详细介绍Java的内存管理与内存泄露
2012-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人