![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
hao像飘在外太空
这个作者很懒,什么都没留下…
展开
-
react服务端渲染ssr实践,一次一步 2019年10月
nodejs要加载es6语法,比如import export,要加载react标签,那就需要babel所以第一步,先把依赖装好..."devDependencies": { "@babel/core": "^7.6.4", "@babel/node": "^7.6.3", "@babel/preset-env": "^7.6.3", "@babel/prese...原创 2019-10-16 16:26:37 · 488 阅读 · 0 评论 -
MongoDB 添加--auth,创建root管理员账号
创建管理员账号先在不带 --auth的情况下启动 创建管理员账号mongod --dbpath=/Users/roger/Sites/mongod_data在另一个窗口,输入Rogers-iMac:sci roger$ mongoMongoDB server version: 4.0.5> use adminswitched to db admin> db.crea...原创 2019-08-22 17:36:34 · 3727 阅读 · 0 评论 -
iframe展示特定html代码
业务场景是,从服务端取回一个页面的整个html代码,字符串的形式,要在当前页面上展示,当然就想到了iframe原创 2019-04-08 16:05:21 · 3935 阅读 · 0 评论 -
html、javascript的blur和focus操作失效的原因
blur 和 focus操作必须由用户触发1.可以由鼠标click,键盘keydown等操作触发2.不能由setTimeout或者setInterval触发3.触发时,不能有其他同步发生的异步请求第三点非常重要...原创 2019-01-18 23:33:44 · 3067 阅读 · 0 评论 -
没有gitignore文件 也忽略了某个文件夹? git为什么添加不了某个文件夹?
先试试这个指令,看看有没有额外的被忽略的文件,git status --ignored我明明没有gitignore,为什么还是被过滤掉了?再试试看这个文件 cat ~/.gitignore_global ...原创 2018-09-29 10:46:39 · 2386 阅读 · 0 评论 -
移动端web页面底部输入框(固定元素)(软键盘弹出)解决方案
底部固定的输入框,如图:简单代码如下:<div> <Header/> // absolute, top:0 <Footer/> // absolute, botto原创 2018-09-19 15:18:25 · 3981 阅读 · 0 评论 -
使用fetch遇到no multipart boundary was found的原因,以及三种content-type
使用form-data来post内容的时候,提示这个错误,使用form-data提交的时候,不要手动设置content-type,chrome会自动生成content-type,而且自动生成的content-type中会带有自动生成boundary另,使用json格式post的时候,content-type要设置成"application/json" ,还有一种content-type...原创 2018-09-19 14:50:55 · 4901 阅读 · 0 评论 -
yield被reject的promise,如何抓错
如果promise是rejected的没有.catch,console就会报错,yield就不会往下执行了有.catchconst path = yield cordovaDownload(uri,`${title}.pdf`,progress) .catch(err => { alert(err) })...原创 2018-08-07 12:02:06 · 1711 阅读 · 0 评论 -
react思考:组件 组件工厂 组件树 动态生成/替换节点 数据流
组件和组件工厂1组件是根据传入的props变量来 运行业务逻辑和视图逻辑, 2组件工厂则是产生了很多个不同的这样的组件组件树和数据流、数据波浪组件连接起来,就成了一颗组件树, 数据就在连接起来的组件中从根部流向分支末梢, 数据流是一波一波的,每次树的根本,store中的数据发生改变,就会来一波数据流动态生成节点如何改变现有树状结构,它已经连接起来了,数据也在里面...原创 2018-08-03 22:34:17 · 622 阅读 · 0 评论 -
redux-saga generator嵌套执行的阻塞与非阻塞
generator调用generatorfunction*another({ call, put }){ // ...}function*one(params,{ call, put }){ // ... yield another({ call, put }) // ...}在one中yield另一个generatoranother 1.yiel...原创 2018-07-19 21:25:58 · 1024 阅读 · 1 评论 -
react-router4.0 从零快速上手,4个关键概念
看了好多写react-router的文章,一上来都是和以前有什么不同,和3.0有什么不同,哪里更好了,哪里不好了。搞得跟学术讨论一样,服了各位大神。我就想知道怎么用。教学大纲Router Route执行函数来跳转 获取url参数Router 和 Route 有什么区别 3.执行函数来跳转 4.获取url参数Router 就像 拔高一点 match...原创 2018-07-04 11:01:50 · 640 阅读 · 0 评论 -
让代码容易阅读和维护
今天给3个月前的项目拓展功能,尽管自认为自己在组织代码上进步了不少, 但改起3个月前的东西来,让我想起梁静茹的歌,会呼吸的痛这块代码动不了,那块代码也动不了,wtf,这个是干嘛用的?? 最后还是要靠全局搜索今天的主题是:逻辑是对数据的解码1.遥远的呼应、隐藏的规则、晦涩的表达无法,或者暂时无法在代码中表现的, 要写在组件的readme里面,代码自己就会说话,这一部分就...原创 2018-07-08 09:47:48 · 293 阅读 · 0 评论 -
复杂的react组件 setState不更新 - 使用函数作为setState的第一个参数
写了一个很复杂的stateful组件, 结果在某一个功能上, 触发函数它却不更新视图了, 难以排查, … 问题的关键在这行代码this.setState({ value: doSomething(this.state.value) })千万不要在this.setState中使用this.state.xxx取值, 如果要使用this.state中的值, 使用函数:this...原创 2018-06-12 15:57:18 · 4165 阅读 · 0 评论 -
web前端部署过程中缓存出现的问题 生产实战经验 移动端H5
目录增加时间戳 或者 版本号chrome: provisional header are showed漏掉的ng-include手机各种机型 对缓存的不同处理 (2018)–移动端H5混合应用的新版本生产部署之后, 出现的各种情况,特此记录一下–在资源文件名后面增加一个随机参数或者版本号经过验证非常有效chrome: provisional header a...原创 2018-06-12 11:40:53 · 896 阅读 · 0 评论