随笔分类 - 经验积累
摘要：最近又把烂尾的开源项目alfred-femine拾起来了,这个项目旨在开发一系列前端常用的alfred workflow,提供前端开发的查询效率.时隔这么久，再次搞起，希望自己能够一直维护下去，也欢迎志同道合的同学一起完善这个工具链。为了便于项目的维护，我觉得用上传说中的“持续集成”的思想，本人不才，虽然看过很多持续集成的文章，但是连这种npm发包这种简单的“持续集成”都没实践过,这次下定决心要...
阅读全文
摘要：原文地址 https://flaviocopes.com/graphql/中译文地址什么是GraphQLGraphQL的原则GraphQL vs RESTRest是一个概念单个端点根据你的需求量身定制GraphQL可以轻松监控字段的使用情况访问嵌套数据资源类型哪一个更好？GraphQL查询字段和参数别名片段GraphQL变量必选变量指定变量的默认值GraphQL指令@include（if：Bool...
阅读全文
摘要：这篇文章用来记录Web(包括PC和移动端)开发过程中遇到的一些疑难问题的解决方案。P1、 '1像素边框'问题P2、只读输入框在ios上的莫名表现P3、自适应高度的textareaP4、 CSS3实现翻牌特效P5.IOS 10 以上Safari手机浏览器禁止缩放P6 检测浏览器是否为IEP7 去掉input[type='number']后面浏览器默认的角标P8 将window.location.re...
阅读全文
摘要：最新消息：react官方已支持懒加载https://reactjs.org/docs/code-splitting.html#reactlazy文章webpack分片chunk加载原理中深入探究了异步chunk的加载原理，根据这个特性，在大型单页应用中，很容易实现大到子业务，中到子路由，小到子模块或者子组件的按需加载。react-loadable即封装了组件按需加载的流程并对外提供了一系列配置选项...
阅读全文
摘要：每隔半年不看官方文档，你就会不认识React了😁React组件生命周期受控组件与非受控组件多个输入的解决方法Props.children可以传递任何数据包括函数布尔值、Null 和 Undefined 被忽略使用 PropTypes 进行类型检查(直接参考官方文档)react-redux中mapDispatchToProps方法无法访问Store中state，怎么办？？？React组件生命周期1...
阅读全文
摘要：首先，使用create-react-app快速创建一个demonpx create-react-app react-demo # npx命令需要npm5.2+ cd react-demonpm start通过http://localhost:3000/端口可以访问页面，接下来修改主应用组件App.jsimport React, { Component } from 'react';import '...
阅读全文
摘要：最近开始做自己的第一个开源项目:一个基于思维导图的测试用例管理系统MinderCase,在做了一周的技术调研后，决定采用kityminder-editor作为思维导图编辑器，为了支持实时存储，当思维导图内容变化时使用JSON-Patch计算出内容变化产生的diffPatches,然后将diffPatches传给后台映射为对应的MongoDB操作符，执行更新操作JSON-Patch是用来描述JSON...
阅读全文
摘要：1.概念篇MongoDB和MySQL分别作为非关系型数据库和关系型数据库的代表，通过它们之间的对比可以很快的建立起对MongoDB的认知。MongoDBMySQL数据库（Database）数据库（Database）集合（Collection）表（Table）文档（Document）记录（record）对于关系型数据库，一般来说，我们可以简单的理解为：一个数据库管理应用，可以创建多个数据库（data...
阅读全文
摘要：1.zIndex在Android上使用zIndex来控制组件的层级，会遇到元素不显示的问题。解决方案：尽量改变组件的顺序，而不用zIndex尽量不要使用zIndex来控制组件的层级，默认情况下，使用position: 'absolute'后，后面的元素会默认覆盖在前面的元素之上。所以删除zIndex，改变一下组件的顺序就OK啦。issues: https://github.com/facebook...
阅读全文
摘要：1.窗口关系及框架2.浏览器窗口位置3.窗口大小4.视口大小5.元素（组件）大小和偏移量6.客户区大小7.元素滚动区域大小8. getBoundingClientRect()9. 鼠标点击事件的位置1.窗口关系及框架 Frameset Example 每个框架都拥有自己的window对象，并且保存在frames集合中可以通过数值索引(从0...
阅读全文
摘要：前端开发往往需要在本地调试环境和线上环境之间灵活切换，以将要调试的一个页面为例，页面引用了如下的静态资源，要想在本地开发调试下面引入的js代码，最直接的方法是在把引入的资源路径改成本地调试路径，并起一个本地服务器访问页面，使用这种方法最大的缺点就是上线前需要恢复原来的引入路径，再或者我们没有权限修改页面代码，上述方法也无法使用。因此代理的方式才是首选。Mac上常用两种代理工具:Nginx和Char...
阅读全文
摘要：最近兼职公司已经众筹成功的无线门铃的消息推送出现了问题，导致有些用户接收不到推送的消息，真是吓死宝宝了，毕竟自己一手包办的后台服务，影响公司信誉是多么的尴尬，容我简单介绍一下我们的需求：公司开发的是一款无线门铃系统，如果有人在门外按了门铃开关，门铃开关会发射一个信号，屋里的接收网关接收到信号会发出响
阅读全文
摘要：Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。生成静态网页可以托管在github。下面简单介绍一下hexo的安装部署步骤，以免新手或重新配置时走弯路。 <!--more--> 1.安装Git 官方下载
阅读全文
摘要：本教程简要介绍在UEFI启动模式下在GPT分区表中，最简单的方法安装Windows 10 x64位系统。（并非傻瓜教程，安装者总要有一定的经验基础）下面先简单介绍一下UEFI和GTP。UEFI 是由EFI1.10为基础发展而来，相信大家对其也不陌生了，目前绝大部分大部分主板都支持UEFI启动。与传统...
阅读全文
摘要：故障现象:从Win7、Win8.1升级到Win10，或是使用Win10一段时间后,发现Edge浏览器打开一到两秒就闪退，崩溃无法打开。解决方案:1.尝试清理：C:\Users\Administrator（你的用户名）\AppData\Local\Packages\Microsoft.Microsof...
阅读全文
