crperx_社区达人页

2022年05月

• 05.12 14:51:36
  发表了文章 2022-05-12 14:51:36

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

  下班的时候在群里看到一个小伙伴,在群里问了一道js的题,发现没人理会他; 来了兴趣就折腾了下,以下是解答过程,用的是ES6+的特性,在chrome跑的;

  
• 05.12 14:49:18
  发表了文章 2022-05-12 14:49:18

  2亿用户背后的Flutter应用框架Fish Redux

  在闲鱼深度使用 Flutter 开发过程中，我们遇到了业务代码耦合严重，代码可维护性糟糕，如入泥泞。对于闲鱼这样的负责业务场景，我们需要一个统一的应用框架来摆脱当下的开发困境，而这也是 Flutter 领域空缺的一块处女地。

  
• 05.12 14:45:32
  发表了文章 2022-05-12 14:45:32

  Taro v1.2.7开发一个微信小程序下来的要点梳理及爬坑姿势

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

  
• 05.11 13:12:32
  发表了文章 2022-05-11 13:12:32

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

  随着侧边栏的东东越来越多..本来不考虑的三级菜单,也需要考虑进去了; 一开始都是手动map去遍历对应的组件, 相关的的组id这些也是简单的判断下children就返回一个值; 有兴趣的瞧瞧

  
• 05.11 13:10:57
  发表了文章 2022-05-11 13:10:57

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

  用的是umi 2.x ,写起来挺舒服;顺带完善了上一版本后台的一些细节问题,功能等 umijs类似create-react-app, 也是一套方案的集合体,亮点很多.可以具体官网去看 • 声明式的路由(nuxtjs既视感) • dva(基于redux+redux-saga的封装方案):写起来有vuex的感觉; 主要记录我在过程中遇到的问题及解决的姿势,技术栈 antd 3.11.x + umi 2.x + react 16.7

  
• 05.11 13:07:37
  发表了文章 2022-05-11 13:07:37

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

  没有什么技术难度,只是比官方的文档多了一丢丢的判断和改造; 用了react-router-breadcrumbs-hoc,约定式和配置式路由路由皆可用, 只要传入的符合规格的数据格式即可

  
• 05.11 13:06:19
  发表了文章 2022-05-11 13:06:19

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

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

  
• 05.11 13:03:06
  发表了文章 2022-05-11 13:03:06

  OMG,这些鲜为人知的JavaScript 特性！

  javaScript 通常被认为是最容易入门的语言，也是最难掌握的语言，我完全同意。这是因为 JavaScript 是一种非常古老且非常灵活的语言，它有着了神秘的语法和过时的特性。我已经使用 JavaScript 很多年了，直到现在，我偶尔会发现一些隐藏的语法或技巧，这些是我以前不知道的。虽然这些特性可能不太为人所知，但它们仍然是众所周知的。

  
• 05.11 12:59:41
  发表了文章 2022-05-11 12:59:41

  Fixed: MacOS Mojave(10.14) 解决终端用crontab报权限问题

  对于一些系统以及项目依赖,个人都有跟进的习惯; MacOS内置launchctl来写定时任务,不会。 还是选择了Linux常用的crontab;

  
• 05.11 12:58:08
  发表了文章 2022-05-11 12:58:08

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

  昨天发现的框架,看了下官方文档,号称Nodejs版本的spring(java) 开发模式有ng6既视感,这对有ng经验的小伙伴来说,莫名的亲切.. 适合尝尝鲜,目前有1W+ star, 上正式线我觉得等version 6会稳定些, 这个系列我会以一个真实项目的开发进展作为基础,一边爬坑一边水文;

  
• 05.11 12:55:12
  发表了文章 2022-05-11 12:55:12

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

  随着管理的文章数量增多,默认的几个分类满足不了现状了，趁着重构的过程把相关的功能考虑进去 本来想自己从头写过一个,看了下Antd有内置该类型的控件了,就没必要自己造了 一般自己写,肯定优先考虑数组对象格式[{tagName:'a',value:1}]; Antd提供的是纯数组,[string,string],那如何不改变它提供的格式情况下拿到我们想要的! 拓展部分我们需要的东东,有兴趣的瞧瞧,没兴趣的止步..

  
• 05.11 12:49:46
  发表了文章 2022-05-11 12:49:46

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

  在重构的路上,总能写点什么东西出来 , 这组件并不复杂,放出来的总觉得有点用处 一方面当做笔记,一方面可以给有需要的人; 有兴趣的小伙伴可以瞅瞅。

  
• 05.11 12:48:08
  发表了文章 2022-05-11 12:48:08

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

  最近把新的后台系统写好了..用的是上篇文章的技术栈(mobx+react16); 但是感觉mobx没有想象中的好用,看到umi 2.x了，就着手又开始重构了。 仔细梳理了下上个系统,发现可以抽离的东西不少 此篇文章是我针对我们的搜索条件抽离的一个组件,仅供参考。

  
• 05.10 23:34:51
  发表了文章 2022-05-10 23:34:51

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

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

  
• 05.10 23:28:16
  发表了文章 2022-05-10 23:28:16

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

  记录下过程遇到的一些问题及修正知识; 之前用的nuxt 1.4, 仅做备忘录,有兴趣瞧瞧,没兴趣止步;

  
• 05.10 23:26:33
  发表了文章 2022-05-10 23:26:33

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

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

  
• 05.10 23:23:06
  发表了文章 2022-05-10 23:23:06

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

  这个需求非常常见,分享出去的页面的有时候在手机访问,有时候别人是PC打开的; 若是不是共享同一个页面的情况,就需要拦截跳转了; 当然你要共享同一个页面也可以(放大化到PC也需要添加某些CSS,也需判断设备)

  
• 05.10 23:21:24
  发表了文章 2022-05-10 23:21:24

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

  简化了代码逻辑和代码量,重写了一遍,执行逻辑和上个版本有所差异;

  
• 05.10 23:19:11
  发表了文章 2022-05-10 23:19:11

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

  动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说 实现的思路有点绕,有更好的姿势请留言,谢谢阅读。

  
• 05.10 23:16:26
  发表了文章 2022-05-10 23:16:26

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

  写这个只是更好的梳理下我实现过程中遇到的奇奇怪怪的问题, 因为着实浪费了我不少时间..肯定有不少也碰到过其中的问题 希望对小伙伴有所帮助。

  
• 05.10 23:13:42
  发表了文章 2022-05-10 23:13:42

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

  一如既往,实战出真理，有兴趣的可以瞧瞧,没兴趣的大佬请止步于此。

  
• 05.10 23:07:06
  发表了文章 2022-05-10 23:07:06

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

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

  
• 05.10 23:00:31
  发表了文章 2022-05-10 23:00:31

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

  gitlab 11.1内置了CI/CD,这个特性从gitlab 8+就开始有了,不过配置比较琐碎 经过几个大版本的迭代,现在已经简化了使用方式,也修复了一些坑,这个特性大大吸引了我;

  
• 05.10 22:51:32
  发表了文章 2022-05-10 22:51:32

  Angular 2.x折腾记 ：(11) 写一个挺不靠谱的多少秒/分/时/天前的管道

  在写东西的时候发现需要这么一个东西, 而也找不到有人写这个东东,那就自己写一个吧

  
• 05.10 22:50:01
  发表了文章 2022-05-10 22:50:01

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

  这篇主要是用docker-compose来编排我们第一篇的内容,顺便谈谈docekr-compose的好处

  
• 05.10 22:47:29
  发表了文章 2022-05-10 22:47:29

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

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

  
• 05.10 22:42:24
  发表了文章 2022-05-10 22:42:24

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

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

  
• 05.10 22:39:27
  发表了文章 2022-05-10 22:39:27

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

  借助相关的插件我们可以把新的特性降级主流浏览器可以识别的状态(比如CSS3模拟） 但里面的一些特性,折腾了下发现基本可以满足开发了(代替CSS预处理器SASS,LESS); 因为大多数人用预处理器最多的几个特性无非如下: 继承,嵌套写法, 全局变量,计算颜色 当然,这不是说sass/less 不够好,相反它们可以做更多复杂的工作,逻辑运算和条件判断这些;

  
• 05.10 22:36:34
  发表了文章 2022-05-10 22:36:34

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

  这货憋了大半年,终于进入可用状态了,体验了一段时间后,该水文诞生了... 这货是什么,微软自家出的实时协作插件,有用过石墨文档或者腾讯文档的没?差不多那样了.

  
• 05.10 22:33:20
  发表了文章 2022-05-10 22:33:20

  VS Code v1.23发布,这个版本有点意思

  Welcome to the April 2018 release of Visual Studio Code. This milestone the VS Code team has been focused on API work to support extension authors, but there are still plenty of updates in this version that we hope you will like. Some of the key highlights include:

  
• 05.10 22:25:19
  发表了文章 2022-05-10 22:25:19

  2018春招前端面试: 闯关记(精排精校) | 掘金技术征文

  年末研发组解散失业, 选择回去学车了,也顺利拿到了驾照，最近回归大深圳,开始踏上漫漫的找工作之路。

  
• 05.10 22:05:05
  发表了文章 2022-05-10 22:05:05

  VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场!

  趁着周六日的空闲时间,了解了下vscode插件或者代码片段的发布套路. 本来找下GG有啥文章前人走过的文章,最后似乎木有,那就只能自己摸索了. 从官方文档入手!!实践出真理....

  
• 05.10 22:02:14
  发表了文章 2022-05-10 22:02:14

  CodeSandbox(基于 React 的在线代码沙盒平台)

  Open ReactExplore ExamplesCodeSandbox is an online editor that helps you create web applications, from prototype to deployment.

  
• 05.10 21:50:07
  发表了文章 2022-05-10 21:50:07

  53合1:Node.js 最佳实践大合集

  1. When you read here, you in fact read dozens of the best Node.JS articles - this is a summary and curation of the top-ranked content on Node JS best practices 2. It is the largest compilation, and it is growing every week - currently, more than 50 best practices, style guides, and architectural ti

  
• 05.10 13:17:06
  发表了文章 2022-05-10 13:17:06

  MacOS : 大前端必备姿势(工作环境)

  加快刚入手MacBook的小伙伴上手速度。若是有Linux使用经验，会更快。

  
• 05.10 13:13:28
  发表了文章 2022-05-10 13:13:28

  Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)

  文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,而非手把手一字一句的给你说十万个为什么!

  
• 05.09 13:25:53
  发表了文章 2022-05-09 13:25:53

  Front-End-Checklist(前端清单)

  The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your site / page HTML to production. It is based on Front-End developers' years of experience, with the addition from some other open-source checklists.

  
• 05.09 13:15:28
  发表了文章 2022-05-09 13:15:28

  聊聊ES7与ES8特性

  我曾写过一篇关于ES6博客《10个最佳ES6特性》，这次我打算聊聊ES7和 ES8特性。 ES7只有2个特性: • includes() • 指数操作符 ES8尚未发布(2017年1月)，下面是它已经完成起草的一些特性： • Object.values() • Object.entries() • padStart() • padEnd() • Object.getOwnPropertyDescriptors() • 函数参数列表结尾允许逗号 • Async/Await

  
• 05.09 13:11:06
  发表了文章 2022-05-09 13:11:06

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

  不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路

  
• 05.09 13:05:19
  发表了文章 2022-05-09 13:05:19

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

  之前那个typeahead写的太早,不满足当前的业务需求 而且有些瑕疵,还有也不方便传入数据和响应数据.. 于是就推倒了重来,写了个V2的版本 看图,多了一些细节的考虑;精简了实现的逻辑代码

  
• 05.09 13:03:56
  发表了文章 2022-05-09 13:03:56

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

  这个不是三级联动的地址组件,这是在这个基础需求上增加多地区选择的功能; 我也不想这么个玩意的,但是产品需求就是有这么个东东。 上基友社区找了下,又木有这类型的组件，只能自己动手丰衣足食了。 虽然过程遇到了许许多多的坑点,但总算是搞出来了。

  
• 05.09 12:47:25
  发表了文章 2022-05-09 12:47:25

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

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

  
• 05.09 12:44:45
  发表了文章 2022-05-09 12:44:45

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

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

  
• 05.09 12:43:01
  发表了文章 2022-05-09 12:43:01

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

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