CRPER

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

JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下

前言 下班的时候在群里看到一个小伙伴,在群里问了一道js的题,发现没人理会他; 来了兴趣就折腾了下,以下是解答过程,用的是ES6+的特性,在chrome跑的; 有兴趣的小伙伴可以瞧瞧~~谢谢 题目 效果图 解答 尽量注释,我分步骤解答 1:数组变形 格式:先拿到数据格式如下; [ [ 'c...

2019-01-17 20:09:22

阅读数:5

评论数:0

小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长)

前言 在Taro 0.x的时候就写过一个小玩意,虽然没什么人玩. 最近正好看到Taro 1.2.x已经发布了 类React风格的小程序框架,部分地方针对小程序做了妥协.找点东西试试水,看看改进如何了. 刚好公司有个需求做个手机端的举报管理的程序, 开会上揽了过来; 对于这个框架,你除了需要有Rea...

2019-01-16 15:00:38

阅读数:14

评论数:0

VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善)

前言 距离上次推荐又过去半年了.这期间我又搜罗一些感觉比较好用的插件; 有些体验后被我干掉,有些依旧保留.优秀的拓展插件产出真的有限,这次主推比较实用的小拓展 对于插件我不推荐重复的,所以有些优秀的插件在我另外几篇文章可以找到,其他就不多说了.直入主题~~~ 编码体验改善系列 Visual S...

2019-01-09 14:14:11

阅读数:61

评论数:1

React 折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化

前言 随着侧边栏的东东越来越多…本来不考虑的三级菜单,也需要考虑进去了; 一开始都是手动map去遍历对应的组件, 相关的的组id这些也是简单的判断下children就返回一个值; 有兴趣的瞧瞧 分析所需 路由规格统一,层级不定,允许子项带图标,自动生成对应的菜单栏数据 路由的写法是静态路由表的姿...

2018-12-24 17:25:50

阅读数:49

评论数:1

React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势

前言 用的是umi 2.x ,写起来挺舒服;顺带完善了上一版本后台的一些细节问题,功能等 umijs类似create-react-app, 也是一套方案的集合体,亮点很多.可以具体官网去看 声明式的路由(nuxtjs既视感) dva(基于redux+redux-saga的封装方案):写起来有vu...

2018-12-21 19:36:52

阅读数:225

评论数:0

React 折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件

前言 没有什么技术难度,只是比官方的文档多了一丢丢的判断和改造; 用了react-router-breadcrumbs-hoc,约定式和配置式路由路由皆可用, 只要传入的符合规格的数据格式即可 基础环境 React 16.4/UmiJS 2.2/Antd 3.x/ react-router-br...

2018-12-19 19:58:59

阅读数:175

评论数:0

单机服务器部署Nginx/Node/Nuxt/React/NG,常规优化及自启脚本

前言 作为小作坊,之前前后端的服务器全部一股脑的都在一个服务器, 随着业务多了些,前端这块终于扔出来了(独立)…虽然只有双核2M带宽; 需要部署的有这么几个,测试线及正式线:PC官网/管理后台/移动端分享/APP内嵌页 随手记,有兴趣的看看,也许可以帮你省点时间… 你能收获什么? ...

2018-12-19 11:01:46

阅读数:104

评论数:0

Fixed: MacOS Mojave(10.14) 解决终端用Crontab报权限问题(不管是Root还是普通用户)及Linux基础(shell)

前言 对于一些系统以及项目依赖,个人都有跟进的习惯; Macos内置launchctl来写定时任务…不会… 还是选择了Linux常用的crontab; 问题 这问题可能是系统安全策略的问题.我一开始尝试了好久; 不管是用Root还是自身用户…都会报Operation not permitted(...

2018-12-07 16:05:45

阅读数:391

评论数:0

NestJS折腾记- (0) 开胃菜, TypeORM 连接远程的MySQL(ssh tunnel)及Linux信息过滤裁切基础

前言 昨天发现有这么一个框架,大概看了下官方文档,号称Nodejs版本的spring(java)=>对express的改造 ng6既视感,这对有ng经验的小伙伴来说,莫名的亲切… 适合尝尝鲜,目前有1W+ star, 上正式线我觉得等versi...

2018-12-06 20:11:50

阅读数:58

评论数:0

React 折腾记 - (8) 基于React+Antd封装选择单个文章分类(从构建到获取)

前言 随着管理的文章数量增多,默认的几个分类满足不了现状了… 趁着重构的过程把相关的功能考虑进去 本来想自己从头写过一个,看了下Antd有内置该类型的控件了,就没必要自己造了 一般自己写,肯定优先考虑数组对象格式[{tagName:'a',value:1}]; Antd提供的是纯数组,[strin...

2018-11-27 11:01:41

阅读数:103

评论数:0

React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些)

前言 在重构的路上,总能写点什么东西出来 这东西不复杂,丢出来,一方面当做笔记,一方面可以给有需要的人; 用到技术点: css module: 包括内置的继承特性,类似less的嵌套写法那种 用到的react 16.6特性 lazy, Suspense来实现子组件的懒加载 memo让函数式组件...

2018-11-22 10:49:44

阅读数:448

评论数:0

React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大)

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

2018-11-13 17:21:23

阅读数:1392

评论数: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

阅读数:393

评论数:0

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

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

2018-09-30 19:40:05

阅读数:584

评论数:1

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

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

2018-08-25 15:03:29

阅读数:251

评论数:0

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

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

2018-08-24 13:48:39

阅读数:668

评论数:1

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

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

2018-08-23 11:31:17

阅读数:611

评论数:3

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

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

2018-08-12 18:43:15

阅读数:522

评论数:0

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

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

2018-08-10 12:32:52

阅读数:429

评论数:1

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

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

2018-08-09 18:03:23

阅读数:1223

评论数:0

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