12 2021 档案

react-infinite-scroller
摘要:react-infinite-scroller 阅读全文

posted @ 2021-12-27 16:41 漫思 阅读(83) 评论(0) 推荐(0) 编辑

阿里本地生活微应用那些事
摘要:阿里本地生活微应用那些事 SFE 2021年12月24日 11:32 · 阅读 1030 关注 一、什么是微前端 在介绍本地生活的微应用方案之前,先简单介绍下最近几年比较火的微前端(Micro-Frontends)。什么是微前端,简单来讲,就是一种由独立交付的多个前端应用组成整体的架构风格。具体的, 阅读全文

posted @ 2021-12-27 16:29 漫思 阅读(129) 评论(0) 推荐(0) 编辑

umi项目如何使用 pxToViewPort
摘要:2、安装依赖 "postcss-px-to-viewport": "^1.1.1" 1、.umirc.ts import pxToViewPort from 'postcss-px-to-viewport'; 3、 extraPostCSSPlugins: [ pxToViewPort({ view 阅读全文

posted @ 2021-12-22 13:42 漫思 阅读(217) 评论(0) 推荐(0) 编辑

移动端布局之postcss-px-to-viewport(兼容vant)【更新于2021/09/27】
摘要:移动端布局之postcss-px-to-viewport(兼容vant)【更新于2021/09/27】 主角是谁 在今天这篇文章中,我并不会在这里讲一些移动端视口的概念,包括物理像素和逻辑像素,理想视口,dpr等等等等,我只介绍这样一种非常不错的移动端适配方案:post-css-to-viewpor 阅读全文

posted @ 2021-12-22 13:34 漫思 阅读(868) 评论(0) 推荐(0) 编辑

Vue(vue4.0)项目中,使用响应式布局插件postcss-px-to-viewport,转成视口
摘要:Vue(vue4.0)项目中,使用响应式布局插件postcss-px-to-viewport,转成视口 okboy519 2020-02-05 14:14:42 3436 收藏 4分类专栏: vue版权 vue专栏收录该内容7 篇文章0 订阅订阅专栏Px2vw-css转换1.项目版本:vue-cli 阅读全文

posted @ 2021-12-22 13:33 漫思 阅读(177) 评论(0) 推荐(0) 编辑

使用这11个代码,可以大大地简化我们的代码。
摘要:注册登录 首页 专栏 终身学习者 文章详情 使用这11个代码,可以大大地简化我们的代码。 前端小智发布于 11 月 18 日 English 🔥🔥🔥 SegmentFault D-Day Online 论道云原生与微服务,快来报名 >>> 在这篇文章中,我将与你分享一些关于JS的技巧,可以提高 阅读全文

posted @ 2021-12-20 19:16 漫思 阅读(218) 评论(0) 推荐(0) 编辑

JS动态生成对象key
摘要:今天工作中遇到一个问题,需要生成一个对象,但是这个对象的key的变化的。 比如: key = 'aaaaa' 需要生成 {aaaaa:111} 如何去做? {[key]:111} 阅读全文

posted @ 2021-12-20 19:13 漫思 阅读(983) 评论(0) 推荐(0) 编辑

reudx思考
摘要:1、dva中执行完毕后跳转 2、两个disptch并非同步 阅读全文

posted @ 2021-12-20 01:24 漫思 阅读(23) 评论(0) 推荐(0) 编辑

在React中使用react-router-dom路由
摘要:在React中使用react-router-dom路由 aimmarc关注 72018.05.07 13:06:16字数 1,174阅读 248,738 在React中使用react-router-dom路由 使用React构建的单页面应用,要想实现页面间的跳转,首先想到的就是使用路由。在React 阅读全文

posted @ 2021-12-17 16:48 漫思 阅读(1453) 评论(0) 推荐(0) 编辑

每日Excel系列
摘要:每日Excel系列 阅读全文

posted @ 2021-12-14 21:20 漫思 阅读(32) 评论(0) 推荐(0) 编辑

数据治理项目
摘要:1、导入excel以后,进行文件管理和预览 2、导入excel数据以后可以对数据进行录入数据的属性进行更改 3、对于字典值的批量修改,对于字典录入的批量录入 4、对于excel导入以后可以进行数据分析。统计,分析。 5、excel文件合并 6、SQL To Excel 7、Excel To Echa 阅读全文

posted @ 2021-12-14 21:16 漫思 阅读(126) 评论(0) 推荐(0) 编辑

React 中的不可变数据 — Immer
摘要:Immer 是什么? Immer 是一个不可变数据的 Javascript 库,让你更方便的处理不可变数据。 什么是不可变数据? 不可变数据概念来源于函数式编程。函数式编程中,对已初始化的“变量”是不可以更改的,每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据,需 阅读全文

posted @ 2021-12-14 21:06 漫思 阅读(1117) 评论(0) 推荐(0) 编辑

React + MobX 状态管理入门及实例(一)
摘要:第二章 React + MobX 状态管理入门及实例(二) 前言 现在最热门的前端框架,毫无疑问是React。 React是一个状态机,由开始的初始状态,通过与用户的互动,导致状态变化,从而重新渲染UI。 对于小型应用,引入状态管理库是"奢侈的"。 但对于复杂的中大型应用,引入状态管理库是"必要的" 阅读全文

posted @ 2021-12-14 20:51 漫思 阅读(273) 评论(0) 推荐(0) 编辑

immer.js 实战讲解文档
摘要:immer.js 实战讲解文档 小贼先生发布于 2018-12-05 🔥🔥🔥 SegmentFault D-Day Online 论道云原生与微服务,快来报名 >>> 文章在 github 开源, 欢迎 Fork 、Star 前言 Immer 是 mobx 的作者写的一个 immutable 阅读全文

posted @ 2021-12-14 20:48 漫思 阅读(196) 评论(0) 推荐(0) 编辑

redux-thunk 和 redux-saga 的区别?
摘要:redux-thunk 和 redux-saga 的区别? 一个小老虎 ​ 工作后留学经验分享 | 转专业CS职业规划 46 人赞同了该文章 毋庸置疑,如果需要用到 side effect 异步操作,redux-thunk 和 redux-saga 绝对是目前两个最受欢迎的中间件插件。那么他们之间最 阅读全文

posted @ 2021-12-14 20:33 漫思 阅读(548) 评论(0) 推荐(0) 编辑

Redux-thunk中间件
摘要:背景 Redux store 仅支持同步数据流。使用 thunk 等中间件可以帮助在 Redux 应用中实现异步性。可以将 thunk 看做 store 的 dispatch() 方法的封装器;我们可以使用 thunk action creator 派遣函数或 Promise,而不是返回 actio 阅读全文

posted @ 2021-12-14 20:32 漫思 阅读(77) 评论(0) 推荐(0) 编辑

Dva 概念
摘要:Dva 概念 #数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effects 然后流向 阅读全文

posted @ 2021-12-14 20:25 漫思 阅读(592) 评论(0) 推荐(0) 编辑

简述react、redux、react-redux、redux-saga、dva之间的关系
摘要:【react】 定位:React 是一个用于构建用户界面的JavaScript库。 特点:它采用声明范式来描述应用,建立虚拟dom,支持JSX语法,通过react构建组件,能够很好的去复用代码; 缺点:react抽离了dom,使我们构建页面变得简单,但是对于一个大型复杂应用来说,只有dom层的便捷是 阅读全文

posted @ 2021-12-14 20:24 漫思 阅读(277) 评论(0) 推荐(0) 编辑

项目经验
摘要:1、只要是改动大的项目就重新做。 2、交互复杂的项目用redux。 这两个经验非常的致命 阅读全文

posted @ 2021-12-14 20:22 漫思 阅读(60) 评论(0) 推荐(0) 编辑

alifd的bug列表
摘要:1、组件赋值,包括日期选择组件,最近更新了新的必须用 dayjs,必须要补充dayjs的一些无聊,国际化什么的。 "dayjs": "^1.10.7", 必须采用这个版本 2、CloseTag 遇见 key 不渲染的问题 3、Radio Group 赋值不行。默认值出现问题 4、时间范围选择器不行。 阅读全文

posted @ 2021-12-13 13:57 漫思 阅读(69) 评论(0) 推荐(0) 编辑

ice不使用css-in-js
摘要:问:import 'index.module.less' 如果一定要这么写,需要做哪些配置? 答:内置工程将 *.module.less 都认为是 css module 形式使用,文件名改成 index.less 就好了 问:是不是改成 abc.less 也可以 答:可以 只要不是 *.module 阅读全文

posted @ 2021-12-08 23:15 漫思 阅读(39) 评论(0) 推荐(0) 编辑

Typescript + Taro Ts怎么在类组件中,定义state,props,以及hook中ts的简单实用
摘要:ts在taro类组件中怎么使用定义使用state,使用方式跟在js类组件中一样,直接使用this.state.属性名,使用方式一样, 定义state稍微有点区别,在js中我们是这样定义的: class Index extends Component { constructor(props) { su 阅读全文

posted @ 2021-12-08 19:36 漫思 阅读(590) 评论(0) 推荐(0) 编辑

TypeScript 中使用React Hook
摘要:从 React V 16.8.0 和 React Native 0.59.0 版本开始, 引入了React Hook的概念。React Hook 在开发支持就考虑到了类型,所以很多Hook函数可以直接推断出他们的参数、返回值等类型,但也有一些场景需要我们显示声明类型。阅读本文前你需要了解React 阅读全文

posted @ 2021-12-08 19:35 漫思 阅读(318) 评论(0) 推荐(0) 编辑

3分钟掌握hook在typescript中的姿势
摘要:3分钟掌握hook在typescript中的姿势 2020-01-14阅读 1.1K0 hook结合typescript可以说是很香了。本文主要介绍hook结合typescript 如何使用,享受ts带给我们的编辑器提示和类型约束 useState useState如果初始值不是null/undef 阅读全文

posted @ 2021-12-08 19:34 漫思 阅读(322) 评论(0) 推荐(0) 编辑

react 按需加载antd样式不生效问题
摘要:react 按需加载antd样式不生效问题 风之伤_3eed关注 0.0792019.03.13 18:06:09字数 114阅读 5,607 官网给出的按需加载解决方案,先安装 babel-plugin-import因为antd默认引入样式是less,所以需要手动配置为CSS,配置方法如下:第一种 阅读全文

posted @ 2021-12-08 19:09 漫思 阅读(738) 评论(0) 推荐(0) 编辑

解决umi无法直接引用css和less
摘要:umi使用CSS Modules是为了防止全局样式污染,如果想直接引用css或less,只需要在umirc.js配置: export default { // other settings plugins: [ // ref: https://umijs.org/plugin/umi-plugin- 阅读全文

posted @ 2021-12-08 19:07 漫思 阅读(2145) 评论(0) 推荐(0) 编辑

运用 CSS in JS 实现模块化
摘要:运用 CSS in JS 实现模块化 一、什么是 CSS in JS# 上图来源:https://2019.stateofcss.com/technologies/ CSS in JS 是2014年推出的一种设计模式,它的核心思想是把 CSS 直接写到各自组件中,而不是单独的样式文件里。 CSS i 阅读全文

posted @ 2021-12-08 19:06 漫思 阅读(121) 评论(0) 推荐(0) 编辑

CSS in JS 简介
摘要:作者: 阮一峰 日期: 2017年4月 5日 1、 以前,网页开发有一个原则,叫做"关注点分离"(separation of concerns)。 它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合。对于网页开发来说,主要是三种技术分离。 HTML 语言:负责网页的结构,又称语义层 CS 阅读全文

posted @ 2021-12-08 19:05 漫思 阅读(105) 评论(0) 推荐(0) 编辑

CSS in JS的好与坏
摘要:CSS in JS的好与坏 进击的大葱 JavaScripter and Gopher 103 人赞同了该文章 是什么 CSS-in-JS是一种技术(technique),而不是一个具体的库实现(library)。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面,而不 阅读全文

posted @ 2021-12-08 19:04 漫思 阅读(72) 评论(0) 推荐(0) 编辑

ICE 在微前端的探索
摘要:ICE 在微前端的探索 缤纷扫落叶 默默无闻的码农 43 人赞同了该文章 天下大事,分久必合,合久必分。盘古开天之时,还未有程序猿这一物种;待到秦始皇一统天下,一己之力完成一个应用,也无前后之分;辗转至三国乱世,群雄逐鹿,前后端彼此剑拔弩张,常叹“***要是起来了,还要你们干嘛?”。然而,沧海桑田, 阅读全文

posted @ 2021-12-08 19:03 漫思 阅读(286) 评论(0) 推荐(0) 编辑

翻译:在 React Hooks 中使用 Typescript 小记
摘要:翻译:在 React Hooks 中使用 Typescript 小记 零之彼岸关注 0.722019.06.15 19:56:12字数 1,949阅读 7,462 在 React Hooks 中使用 Typescript 小记 最近在关注 Typescript 和 react hook 相关的知识, 阅读全文

posted @ 2021-12-08 19:02 漫思 阅读(94) 评论(0) 推荐(0) 编辑

浅谈 TypeScript - 无状态函数组件
摘要:浅谈 TypeScript - 无状态函数组件 icepy 程序员,机车党,隐居山野的农夫 多数情况下,无状态的函数组件会用于一些纯粹的视觉展示,它可能是无操作的列表,甚至是一个无操作的按钮。根据以往的理解,在 TypeScript 的世界中,无状态函数组件被设计为 React.SFC,它只能接收  阅读全文

posted @ 2021-12-08 19:01 漫思 阅读(54) 评论(0) 推荐(0) 编辑

数据项目常见错误思维
摘要:1、花里胡哨,数据不好找见。 解决方案,直接给出数据,100,爱干嘛干嘛去 阅读全文

posted @ 2021-12-08 12:01 漫思 阅读(28) 评论(0) 推荐(0) 编辑

兜底方案的常见的错误
摘要:1、错误写法 function abc(txt){ try{ throw ("立刻出错") } catch(err){ alert(txt.value) //加入这里出错,会出现白屏 } } 2、正确写法 function abc(txt){ try{ throw ("立刻出错") } catch( 阅读全文

posted @ 2021-12-08 11:56 漫思 阅读(38) 评论(0) 推荐(0) 编辑

A4打印和小票打印机的差异
摘要:1、A4是断开的,一张不行两张,所以问题就会多。使用C# 直接打印,静默打印 2、小票打印机是连续的,是卷纸 1、A4 必须用驱动 2、小票可以不用驱动程序 阅读全文

posted @ 2021-12-08 11:45 漫思 阅读(162) 评论(0) 推荐(0) 编辑

react setSate 不生效的问题
摘要:叫我马爷,大声叫 1、setSate this.state.a1=this.state.a1+1 this.setSate({a1:this.state.a1}) //这样生效吗? 不生效,因为this.state.a1 会去内存的读取,get操作,所以this.state.a1=this.stat 阅读全文

posted @ 2021-12-08 11:43 漫思 阅读(275) 评论(0) 推荐(0) 编辑

数据转换的思考
摘要:在一些场景上不明显,但是在内存场景上比较明显 1、map 2、filter import _ from 'lodash' 启用loadash 通过一组的id值,查询数据,得到数据 const filterByArray = (keys, inputArray, keyname) => { retur 阅读全文

posted @ 2021-12-08 11:32 漫思 阅读(33) 评论(0) 推荐(0) 编辑

hook中和class组件中使用refs
摘要:hook使用ref 父组件: 引入 useRef 声明ref的名字 const dateRef = useRef() 复值给组件 ref={dateRef} 使用 dateRef.current.funName下面的方法 子组件: 引入 useImperativeHandle,forwardRef 阅读全文

posted @ 2021-12-04 17:40 漫思 阅读(245) 评论(0) 推荐(0) 编辑

算法数据问题的一些场景
摘要:1、 类似这种的。 1、后台给我的数据,后台给我的原始数据 [{ id:"12323", name:"马良", pos:"银行出纳" }, { id:"12323惹我热无", name:"马青", pos:"银行出纳" } ] 2、前端消费的数据 [ { label:"马良,银行出纳" }, { l 阅读全文

posted @ 2021-12-02 22:24 漫思 阅读(43) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示