joyerli

44
获赞数
0
关注数
5
粉丝数
IP 属地湖南
2019-02-17 加入
浏览 12.3k

前端搬砖一枚,会分享一些对技术的个人理解和思考,还会分享一些自己解决实际碰到的业务需而设计的奇葩技术方案。

158 声望|学徒
vue.js
129
jsx
95
element-ui
24
webpack
11
less-loader
8
黄金勋章
暂未获得该勋章
如何获得
1 白银勋章
个人动态
  • 发布了文章2024-10-10
    谷歌翻译后导致react重渲染失效
    在不经过谷歌翻译时,点击「改变」按钮逻辑一切正常执行。当渲染完毕,先使用谷歌翻译进行翻译后在点击改变按钮,会发现组件的re-render失效。但此demo中不会有报错,报错的原因应该是复杂的使用环境导致。
  • 发布了文章2024-07-23
    解决全局指令卸载不掉问题
    发现升级不了,然后打算卸载重装pnpm,按照百度一顿操作,发现卸载后安装还是之前的那个低版本。最后不得已,输出本机的PATH,根据配置内容一个一个目录去翻找到目标pnpm,最后在yarn的bin目录下终于找到了pnpm的执行文件,删除该文件,终于卸载了(pnpm干净卸载请百...
  • 发布了文章2024-07-12
    react跨组件状态流:用事件流实现一个极其轻量高效的状态流工具
    如果你也喜欢使用react的函数组件,并喜欢使用react原生的hook进行状态管理,但为了跨组件状态流而不得不引入redux,MboX这种具有自己独立的状态管理的重量级/对象级的状态流框架的话,本文会给你提供一种新的极其轻量的解决跨组件状态流方案。
  • 发布了文章2022-11-08
    在线主题切换(换肤)方案
    在SaaS平台中需要实现千人千面,每个租户需要当前平台尽量跟客户公司其他系统在风格上保持一致。为了尽量减低成本,采取在线换肤的方式解决,做到同一系统线上同时支持任意套皮肤(主题)和新租户无需新的开发。本文探讨不同方式的换肤实现的区别。
  • 发布了文章2022-11-07
    less预处理插件开发
    less支持的插件分为两种模式,一种是普通插件,主要是扩展less的运行时语法(less默认函数)插件,通过@plugin语法使用。这种方式的主要使用请参考官网文档,本文不做探讨。
  • 发布了文章2022-11-04
    css modules支持导出变量
    在使用css-loader实现的css modules时,如果是使用less, scss等预处理语言,有一些变量需要在js代码中也需要使用时,可以通过下面的代码导出变量:
  • 发布了文章2022-11-04
    vscode的node环境debug使用
    本文讲述对node环境中使用vscode的debug进行调试。详细内容请仔细阅读官网,本文只是用来引导如何快速调试,高级用法需要参考官网的细节配置。
  • 发布了文章2022-08-26
    react状态总结
    react是一个mvvm框架,作为一个响应式渲染设计,当自身的模型(状态)发生变化时,会自动刷新(re-render)当前视图显示最新的模型(状态)数据。
  • 回答了问题2022-08-26
    vue使用jsx提示找不到react?
    tsconfig.json里面改一下compilerOptions.jsx的配置,改为preserve,对应文档:[链接]
  • 发布了文章2022-06-18
    async异步编程工具
    在es6中的async的语法中,可以参照java并发包实现一些有意思的异步工具,辅助在异步场景(一般指请求)下的开发。由于js是单线程,下面的实现都比java中实现简单 (抛除线程概念)。同时涉及到js的执行机制,宏任务,微任务,async,promise相关内容,需要提前具备这些知...
  • 赞了文章2022-06-04
    SegmentFault 思否技术周刊 Vol.46 -- JavaScript 的那些事
    JavaScript 是一门基于原型、头等函数的语言,是一门多范式的语言,它支持面向对象程式設計,指令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持 I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。
  • 赞了文章2022-06-04
    SegmentFault 思否技术周刊 Vol.46 -- JavaScript 的那些事
    JavaScript 是一门基于原型、头等函数的语言,是一门多范式的语言,它支持面向对象程式設計,指令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持 I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。
  • 提出了问题2022-05-11
    微前端中,不同渲染框架之间子应用如何共享公共组件?
  • 发布了文章2022-04-28
    开发一个eslint插件
    需要创建一个npm项目,建议命名为eslint-plugin-*或者@yourScope/eslint-plugin[-*]。在库的导出文件中,导出一个标准的插件对象:
  • 发布了文章2022-04-28
    eslint简介
    本文主要记录作者对eslint理解的关键点,建议在阅读本文之前,先阅读eslint官网用户手册文档eslint是一个代码检查工具。配置添加eslint后,进行代码检验并没有效果,还需要进行配置。在项目下创建.eslintrc.js配置文件(更多配置方式请阅读官网),用于指导eslint的...
  • 回答了问题2022-04-08
    vue 里的代码该如何组织
    如果是觉得使用弹框回调函数打破已有的逻辑,跟上面老兄一样,建议使用async/await.且推荐一个工具库:[链接]滴滴出品的,但是好像很久没有维护了。他可以将一个弹框做到promise中,达到下面的效果: {代码...} 这样就没有打破流程的痛苦感了。
  • 回答了问题2022-04-08
    vuex { }能执行吗
    一般这种情况的出现,可能是使用了一些面向多场景的构建方式,比如上述代码的源码可能是这样的:if (process.env.mode !== 'prod') { assert(Vue, 'xxxxxxxx');}在构建过程中,上面的代码会被一些类似babel插件针对不同场景的进行改造,
  • 回答了问题2022-04-04
    less开启了css modules怎么直接读取全局的变量
    我想到的方案,是肯定需要import导入的,你不导如何用? 并且你的需求如果我理解的没错的话,跟开启不开启css modules无关。不过可以不需要每个文件都繁琐的导入,可以在底层支撑中做自动导入:利用less-loader的配置属性additionalData属性,给每个less文件都加上了...
  • 发布了文章2022-03-28
    babel插件手册md语法修复版本
    Babel的官方插件手册的中文翻译版存在md语法错误,本文是md语法整理后的文档。当然,更加建议你阅读英文原版,本文可以做一个快速查阅文档。这篇文档涵盖了如何创建 Babel 插件等方面的内容。.这本手册提供了多种语言的版本,查看 自述文件 里的完整列表。目录介绍基...
  • 发布了文章2022-03-28
    git本地批量删除分支
    本地分支太多,不好查看当前主要开发分支,这个时候需要删除一些不用的分支。提供一个本地批量删除的方式。 {代码...} 该代码可以一次性删除所有除master之外的所有分支。如果需要经常使用,建议配置成别名: {代码...} 后续执行: {代码...} 即可。