inpm
! dlrow olleH

inpm's Blog

new bee!
我对app的理解
app意义 带来方便 用户体验 联系世界 我的理解 app带来的是方便,不是烦人的广告、弹窗、乱七八糟的推送 国内外几大app拿出来对比、不舔不黑,到底那家用户体验做得好 你真知道绝大多数用户为什么要用这个app嘛,多想想为什么用这个app而不用其他竞争对手的 排除巨烧钱的app,你是独树一帜的那个嘛 麻烦还是多注重下用户隐私吧,我不愿意用隐私来换“猜你喜欢”、“精准推荐” 维护好自己app的生态,要么提高注册成本,要么隔离做好,不要什么人都在一个圈子,物以类聚,人以群分 内容可以不多,要有条理、实用 埋彩蛋、送福利、回馈用户,开发者与用户大家形成一个feedback 可能这个app只能有1 ...

2019微信公开课有感
2019微信公开课 小龙哥作为乔布斯的使徒在国内可以说做的很好了 微信这个软件功能并不复杂但里面的人性化在国内体验很好 用户体验优先 更加注重微信生态 渗透到生活方方面面 三个新社交软件 三个一起说吧,里面可能多闪会走的更远一些 毕竟有抖音这个”国民软件“流量支撑 但!国内很多自媒体公众号对于这次的三个新软件文案都垃圾 要么矛头直接指向三个新软件一直踩,要么舔微信,某《世道变坏从颠覆微信开始》真的舔 多找找方向吧,要么把用户体验做到极致、要么有创新点 哦还有一个办法,烧钱、使劲的烧钱

【#2019面试准备】答案版
HTML、CSS [1]说几个关于HTML5和CSS3的新特性关于HTML5,语义化,离线更新ServiceWorker,PostMessages、WebSocket、WebRTC关于CSS3,Flex弹性盒布局、媒体查询、动效(Transform、Transtion、Animation)、预编译 [2]水平/垂直居中、页面布局的几种解决方案及优缺点水平/垂直居中已知宽:margin:0 auto;(position:absolute;top:50%;left:50%;transform: translate(50%,50%))未知宽(flexbox):justify-content: c ...

【#2019面试准备】问题版
HTML、CSS [1]说几个关于HTML5和CSS3的新特性 [2]页面布局的几种解决方案及优缺点 [3]谈一谈CSS盒模型 [4]对创建块级格式化上下文的理解 [5]CSS选择器权重计算 JS [1]JS有哪些变量类型和内置对象 [2]对作用域链的理解 [3]谈一谈闭包、如何创建一个闭包 [4]对原型链的理解 [5]JS中如何实现继承 [6]new操作符具体做了什么 [7]JS中this怎么用 [8]说一说ajax的过程 [9]什么是跨域如何解决及每个方案的优缺点 [10]谈谈你对ES6的理解 [11]用过哪些设计模式 [12]TypeScript跟JS有什么区别 [13]如何实现深浅拷 ...

【#2019面试准备】知识点梳理
技术 JS基础 变量类型String、Number、Boolean、null、undefined、Symboltypeof、instanceof操作运算符 作用域执行上下文、自由变量的向上查找 深浅拷贝Object.assign()、展开运算符JSON.parse(JSON.stringify()),lodash(_.cloneDeep()) thisnew一个对象过程指向最后调用的那个对象箭头函数(默认指向其第一个父级对象)call(可以接受一个参数列表)、apply(只接受一个参数数组)、bind(返回的是一个函数) 原型实例对象的proto指向其构造函数的prototypein ...

React16-fiber
fiber是什么? React16中对diff算法的重构 由stack架构(递归调用阻塞线程)转为fiber架构 为什么fiber? 横向对比stack架构 调度微任务,利用空闲期执行回调 使diff算法可控可追踪(达到非阻塞目的) 怎样实现fiber? 纤维化(纤维队列)我们需要将工作分成更小的部分,并使之能在短时间内运行,让主线程做更高优先级的事情如果线程空闲,那么回到纤维队列 fiber对象 12345678910111213let fiber = { tag: HOST_ROOT||HOST_COMPONENT||CLASS_COMPONENT, type: "di ...

手写一个精简版React
先贴原文,respect!以下是总结思考200行代码实现简版react React = Component + jsx + vdom Component = (class component) + (functional component) element(typeof type=’string’?’dom节点’:’组件实例’)1234567891011121314function Button(props) {}{ type: 'button'||Button props: { className: 'button button-blue ...

关于团队
团队 目标量化对于新需求的把控,需要leader考虑、细化每一个重要的点,kpi是多少,合理分配到研发层,具体实现交给研发,项目排期具问具分,对于前端团队来讲,可以从页面转换率入手,建立订单漏斗模型,做性能分析优化,UI交互优化,每一个具体的层面都需要转化目标 解决问题团队配合中,可能会出现kpi未完成,无休止加班,高压迭代,导致一次迭代战线拉长,出现疲惫,效率降低,容易犯错,又如何帮助新人快速融入团队,上手项目。 思考团队制定的从产品->设计->开发->测试->上线这一套流程是否为当前最适合流程,及时做出调整,对于公共服务与工具化、自动化服务等,有没有内部一套完整的 ...

跨域
同源策略 协议+域名+端口 相同 限制Cookie、localStorage、IndexDB、Ajax 方案 通过jsonp跨域 document.domain + iframe跨域 location.hash + iframe window.name + iframe跨域 postMessage跨域 跨域资源共享(CORS) nginx代理跨域 nodejs中间件代理跨域 WebSocket协议跨域 总结 CORS为主流解决方案 反向代理的配置与使用nodejs中间件原理类似 各方案优缺点

博客说明
关于我的博客 做了改版 技术和生活都会记录下来 输出干货 关于主题 非常喜欢! 纪念 今天也是第一份工作离职