CRPER

折腾是一种乐趣,求知是一种追求。不懂就学,懂则分享。WeChat:MY1083

排序:
默认
按更新时间
按访问量

React 折腾记 - (6) 基于React 16.6 + Antd 3.10.7封装的一个声明式的查询组件

前言 最近把新的后台系统写好了…用的是上篇文章的技术栈(mobx+react16); 但是感觉mobx没有想象中的好用,看到umi 2.x了.就着手又开始重构了… 仔细梳理了下上个系统,发现可以抽离的东西不少 有兴趣的瞧瞧,没兴趣的止步,节约您的时间… 效果图 响应式传入 折叠展开搜...

2018-11-13 17:21:23

阅读数:10

评论数:0

React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等)

前言 自己搭的脚手架,坑都是一步一步踩完的; 技术栈: react@16.6.0/ react-router-dom@v4 / webpack^4.23.1(babel7+) 闲话不多说,直入主题,有兴趣的可以瞧瞧,没兴趣的止步,节约您的时间. 问题列表 问题一:history模式下,接口和请求...

2018-10-29 18:55:28

阅读数:95

评论数:0

Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动

前言 记录下过程遇到的一些问题及修正知识; 之前用的nuxt 1.4, 仅做备忘录,有兴趣瞧瞧,没兴趣止步; 问题 开发模式正常,部署模式下找不到静态资源 因为我这边用的nginx, 这个需要配置下nginx静态资源识别 location ~ .*\.(gif|jpg|jpeg|png|b...

2018-09-30 19:40:05

阅读数:301

评论数:1

Vue 折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk

前言 只是一个常规的播放组件,需要考虑微信,微博这类环境的播放 微信和微博,若没有用其官方的js-sdk初始化,没法播放…. 我的文章从来都不推崇copy,仅供参考学习..具体业务具体分析定制才是最合理的 前置基础 vue &&a...

2018-08-25 15:03:29

阅读数:172

评论数:0

Vue 折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件

前言 这个需求非常常见,分享出去的页面的有时候在手机访问,有时候别人是PC打开的; 若是不是共享同一个页面的情况,就需要拦截跳转了; 当然你要共享同一个页面也可以(放大化到PC也需要添加某些CSS,也需判断设备) 思路 本质上还是校验UA, 只是这次是从req拿到,而不是从客户端...

2018-08-24 13:48:39

阅读数:349

评论数:0

React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx)

前言 有小伙伴留言有前进后退没法联动的问题.我仔细梳理下了. 简化了代码逻辑和代码量,重写了一遍,执行逻辑和上个版本有所差异; 上个版本 :React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 效果图 功能点 在上个版本的...

2018-08-23 11:31:17

阅读数:284

评论数:2

React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏

前言 动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说; 因为当我们侧边栏层级多了,你要找到一个子菜单,必须找,展开,点击. 而有了这个,我们就能节省不少时间,体验上来说也会改善不少 实现的思路有点绕,有更好的姿势请留言,谢谢阅读.. 效果如下 关联展示 ...

2018-08-12 18:43:15

阅读数:418

评论数:0

React 折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题

前言 写这个只是更好的梳理下我实现过程中遇到的奇奇怪怪的问题.. 因为着实浪费了我不少时间..肯定有不少也碰到过其中的问题 希望对小伙伴有所帮助 效果图 我命名为spread的效果,其实就是结合放大和旋转以及透明度的特性 渐隐渐现fade 基础依赖 ...

2018-08-10 12:32:52

阅读数:235

评论数:1

React 折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现

前言 如标题所言,动态更改标题,关联菜单栏 依旧如以前,实战出真理,理论的文章太多,自行去搜索 有兴趣的可以瞧瞧,没兴趣的大佬请止步于此.免得浪费您的时间 效果图 基于antd的sidebar组件封装 实现思路 实现思路 自行维护一份静态路由表 结合路由的...

2018-08-09 18:03:23

阅读数:615

评论数:0

JS不靠谱系列: 写一个验证过期时间的函数,包含jest单元测试

前言 我们经常用到的token还是cookie,都默认有一个过期时间 我们做鉴权的时候,很依赖这个,所以捣鼓下能不能再严谨点 因为之前都是以后台固定的格式,直接拿到值做一个简单的判断; 那,假如后台传过来的日期格式变了呢!! 有兴趣的瞧瞧,没兴趣的请勿往下走,节省您的时间! 前...

2018-08-01 16:28:37

阅读数:185

评论数:0

Docker折腾记: (3)Docker Compose构建Gitlab,从配置(https,邮箱验证)到基本可用

前言 gitlab 11.1内置了CI/CD,这个特性从gitlab 8+就开始有了,不过配置比较琐碎 经过几个大版本的迭代,现在已经简化了使用方式,也修复了一些坑,这个特性大大吸引了我; 好东西不拿来用对不起自己,开始了漫漫的爬坑之路; 东西是部署在公司内的,所以就不开放访问了,但是可以...

2018-07-30 19:54:22

阅读数:741

评论数:1

Angular 6 + 折腾记 :(11) 写一个挺不靠谱的多少秒/分/时/天前的管道

前言 在写东西的发现需要这么一个东西,而也找不到有人写这个东东,那就自己写一个吧 效果图 之前 用了管道之后 前置基础 ng2+的基础知识 typescript基础 实现代码及用法 实现代码 LongTimeago.pipe.ts...

2018-07-29 15:40:15

阅读数:503

评论数:1

Docker折腾记: (2)基于docker-compose构建yapi容器

前言 第一篇: Docker折腾记: (1)构建yapi容器,从构建发布到可用 这篇主要是用docker-compose来编排我们第一篇的内容,顺便谈谈docekr-compose的好处 docker-compose是什么? 简言之就是一个容器编排工具; 前置基础 在第一篇的基础...

2018-07-23 11:51:29

阅读数:168

评论数:0

Docker折腾记: (1)构建yapi容器,从构建发布到可用

前言 yapi是什么? YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 yapi.ymfe.org 文章会穿插部分相关的知识点,可以节省你爬坑的时间,都是一步一步爬出来的, 从定制构建的思路,优化,实现的姿势, 感兴趣的小伙伴往下走~~~ yapi(Do...

2018-07-18 15:14:57

阅读数:459

评论数:0

VS Code 折腾记 - (14) 再来推荐一波大前端适用系列(Node/React/Vue/小程序/主题/代码体验等)的插件

前言 VS Code越来越好用了,怎么个好用法,等我抽个时间再水一篇,说收VS Code的亮点; 时隔半年,这期间我又搜罗了一波感觉比较好的插件, 依旧是那句话,好的插件需要作者去创造,时间去迭代… 废话不多说,直入主题; React react-explorer-addo...

2018-07-08 16:28:07

阅读数:947

评论数:0

Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化

前言 @vue/cli v3从开始到现在已经经历了四个月的迭代(目前RC2), 除了终端初始化的姿势,还引入了一个新的项目初始化姿势; Web端的初始化,体验了一下,效果很不错;所以记录一下. 后方多图,感兴趣的可以瞧瞧,不感兴趣的请止步,免得浪费你的时间,谢谢.. 安装 np...

2018-06-16 12:36:06

阅读数:4268

评论数:1

CSS-Next : CSS预处理器简单写法的替代者, 想了解下么?

前言 CSSNEXT: 可以理解为 CSS 4,虽然不一定所有特性都成为正式标准; 借助相关的插件我们可以把新的特性降级到 css3乃至一些特性降级到css2.1…无缝过渡 但里面的一些特性,折腾了下发现基本可以满足开发了(代替CSS预处理器SASS,LESS); 因为大多数人用预处理器...

2018-05-25 11:00:42

阅读数:848

评论数:0

VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势

前言 这货憋了大半年.终于进入 beta 可用状态了….体验了一段时间后,该水文诞生了… 这货是什么,微软自家出的实时协作插件,什么是实时协作(有用过石墨文档或者腾讯文档的没?),差不多那样了 对标 Atom的Teletype实时协作插件 传送门: VS Live Share 预览版; ...

2018-05-17 18:59:28

阅读数:1490

评论数:0

2018春招前端面试: 闯关记(最近面试总结的干货)

前言 去年年末研发组解散失业, so选择回去学车了,也顺利拿到了驾照 最近回归大深圳….开始踏上漫漫的找工作之路; “拉勾上吊一百年不匹配!!!”,”BOSS直聘日夜没反应!!!” 题目范围涵盖我最近遇到的笔试题和面谈的(CSS/JS/HTTP/Node/Hy...

2018-03-13 16:02:52

阅读数:1657

评论数:1

VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题)

前言 emmm…..失业之后,只能卷铺盖回家了….待来年开春再战… 回老家卖小吃…顺便学学车(考驾照),利用碎片化的时间扫荡插件…. 于是,这篇文章就诞生了… 前端 调试工具 - Live HTML Previewer:编辑器内实时预览 html文件 - Debugger...

2018-01-30 18:52:03

阅读数:1883

评论数:1

提示
确定要删除当前文章?
取消 删除