思考的大腿

2019年10月23日

摘要：五分钟掌握最小知识体系本文阅读时间大概为5分钟，但是能让你了解基于UMI和DVA构建项目的最小知识体系，你可以粗略的浏览一下本文所提到的知识，在后续的讲解中都会多次重复提起，保证学习效率。由于现在前端工程化的流行，所以在学习一个新的框架时，可能会面临一些疑惑。比如拿react举例： es6特性好阅读全文

posted @ 2019-10-23 16:00 思考的大腿阅读(3211) 评论(0) 推荐(0) 编辑

flex布局下img图片变形的解决方法

摘要：图片正常效果图片变形效果一、flex-shrink: 0 给 img 设置 flex-shrink: 0; flex-shrink 的默认值为1，如果没有显示定义该属性，将会自动按照默认值1在所有因子相加之后计算比率来进行空间收缩。设置为0表示不收缩。 flex 元素仅在默认宽度之和大于容器的时阅读全文

posted @ 2019-10-23 15:58 思考的大腿阅读(3316) 评论(0) 推荐(0) 编辑

2019年9月29日

umi model 注册

摘要： model 分两类，一是全局 model，二是页面 model。全局 model 存于 /src/models/ 目录，所有页面都可引用；页面 model 不能被其他页面所引用。规则如下： src/models/**/*.js 为 global model src/pages/**/models/ 阅读全文

posted @ 2019-09-29 10:54 思考的大腿阅读(4843) 评论(0) 推荐(0) 编辑

e = e || window.event用法细节讨论

摘要： e = e || window.event是我们在做事件处理时候区分IE和其他浏览器事件对象时常用的写法。但是这行兼容性代码有没有必要出现在所有的事件句柄中呢？标准事件调用方式需要这行代码吗？下边我们做详细讨论。在讨论之前，如果有些忘记或者不熟悉事件对象的先参考其他资料，或者看看这个连接的资料ht 阅读全文

posted @ 2019-09-29 10:53 思考的大腿阅读(2602) 评论(0) 推荐(0) 编辑

offsetLeft与style.left的区别

摘要： offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相阅读全文

posted @ 2019-09-29 10:52 思考的大腿阅读(734) 评论(1) 推荐(0) 编辑

鼠标指针光标样式css cursor default pointer hand url

posted @ 2019-09-29 10:50 思考的大腿阅读(932) 评论(0) 推荐(0) 编辑

2019年9月28日

ResizeObserver - 元素resize监听API ResizeObserver

摘要： Motivation 响应式网站/Web应用程序根据视口大小调整内容展示方式。这通常通过CSS和media查询来完成。当CSS表现不好我们会使用Javascript。比如document.addEventListener("resize",fun)或者Element的onresize属性。通过监阅读全文

posted @ 2019-09-28 17:30 思考的大腿阅读(2271) 评论(0) 推荐(0) 编辑

网页接入dingding扫码登录

摘要：前言有时候我们做了一些网页，希望只有某些人才能看的话，可以搞一个钉钉扫码登录，接入也比较简单，下面记录下接入的过程。流程我们先看看官方的文档：钉钉接入文档梳理一下官方的流程：1、先跳去一个扫码网页，配置好参数就能跳，然后用用户去扫码；2、扫码成功后，会自动跳转回你之前设置的页面，并在链接上带一阅读全文

posted @ 2019-09-28 17:26 思考的大腿阅读(1017) 评论(0) 推荐(1) 编辑

如何创建一个前端 React 组件并发布到 NPM

摘要：首先npm文档摆在这里： https://www.npmjs.cn/ 参考组件 https://github.com/rakuten-rex/rex-dropdownhttps://www.npmjs.com/package/react-slot “造轮子”是非常有效的学习方法。在熟练掌握API的搬阅读全文

posted @ 2019-09-28 17:21 思考的大腿阅读(3607) 评论(1) 推荐(1) 编辑

2019年6月20日

Unexpected token '...'. Expected a property name.

摘要：原因：浏览器不支持 es6 扩展运算符结论： 1.不用 ... 2. babel-polyfill对扩展运算符...搞的不是太好，要单独安装一个 plugin-proposal-object-rest-spread 场景：ios 11.2 wkwebview 端内嵌应用 pc端chrome没问题，阅读全文

posted @ 2019-06-20 10:16 思考的大腿阅读(7752) 评论(0) 推荐(0) 编辑

公告