随笔分类 - JavaScript
javascript的一些算法备忘
摘要：之前我写了一篇文章，分享了自己的项目中对于接口管理的方法。总结下来就是：定义接口文件--withAxios导出--调用接口方法。这样实现了接口的统一管理和调用接口的语义化与简单化。 根据在项目的使用，发现有以下问题需要优化： 根据以上问题，采用了以下解决方案： 通过代码展示一下（React项目）：
阅读全文
摘要：将多个*.ts文件打包成一个*.min.js文件的开发配置 1、初始化 新建以下文件目录： 2、安装依赖： 3、tsconfig.json 参数含义参考https://www.tslang.cn/docs/handbook/compiler-options.html 4、babelrc useBui
阅读全文
摘要：由于经常搞混这几个属性，所以查找资料总结一下，方便以后翻出来温习。 一、偏移量-以offset开头的 1、offsetHeight：元素在垂直方向上占用的空间大小，像素。包括元素的高度、可见的水平滚动条的高度、上边框高度和下边框高度。 2、offsetWidth：同上，水平上占用的空间。 3、off
阅读全文
摘要：一、业务场景 公司的样本检测报告以React页面的形式生成，已调整为A4大小的样式并已实现分页，业务上需要将这个网页生成PDF文件，并上传到服务器，后续会将这个文件发送给客户（这里不考虑）。 二、原来的实现形式 浏览器原生方法：window.print()可以将网页保存为PDF文件，由于检测报告的网
阅读全文
摘要：来源https://blog.csdn.net/u010342862/article/details/80016695 来源https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/
阅读全文
摘要：通过axios请求接口已经很简单了，但最近在做一个vue项目，想着把axios请求再封装一下，这样api就可以只在一处配置成方法，在使用的时候直接调用这个方法。 但咱们不用每个接口都定义成一个啰嗦的axios请求方法，既然是想简单点，就尽量只在一处完成简单的配置。 1、配置api接口 将同一模块的接
阅读全文
摘要：URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。 URLSearchParams()是个构造函数，将返回一个可以操作查询字符串的对象。 常用方法： 1、构造查询字符串 2、获取查询字符串参数 兼容性： 兼容性较差 建议使用polyfill:https://git
阅读全文
摘要：html2canvas是一个将html元素生成canvas的库，绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12，虚线边框依然绘制为实线，border-collapse依然有问题。 这里根据github issues里的一个思路，模拟实现了dashed边框效果。 适用情
阅读全文
摘要：dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不必一遍遍地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里的 loading 状态为 true 或 false 。然后我们在渲染 co
阅读全文
摘要：在使用zepto进行微信网页开发的时候，遇到一个情况，在本页面存在四个TAB栏，每点击一个栏会显示相应的内容，下图这种： 现在有一个需求是，用户点击了后退按钮，需要回到上一次点击的tab栏。 这个需求可以使用history对象进行进行处理。 首先就是history.pushState方法和histo
阅读全文
摘要：1、今日： showDate(Date.now()) 2、本月1号： showDate(Date.now()).replace(/\d{2}$/,"01") 3、一周前： showDate(Date.now() - 7*24*3600*1000)
阅读全文
摘要：在微信网页开发中，我使用的页面结构是在body下的container覆盖全屏，container下有个header和page的容器，page负责显示所有内容并实现滚动。 结构如图： 但是遇到了一个问题：在页面已经滚动到顶部时，继续往下拖动page容器，会将微信浏览器整体往下拖，漏出“该网页由XXX提
阅读全文
摘要：来源：http://www.cnblogs.com/weblinda/p/6740833.html es6 { export : '可以输出多个，输出方式为 {}' ， export default : ' 只能输出一个 ，可以与export 同时输出，但是不建议这么做'， 解析阶段确定对外输出的接
阅读全文
摘要：笔记第一部分：http://www.cnblogs.com/zczhangcui/p/6869219.html 在第一部分遇到的问题是，用ajax获取了一系列列表信息后，拼接好html后插入到了原有页面中，类似于一系列新闻列表，点击查看详情后再返回到这一页，会出现所有ajax获取并插入页面的结构都没
阅读全文
摘要：在做微信公众号的时候，使用的WeUI样式，有一个需求是用户选择一个预约时间，需要年月日并精确到小时和分钟。 但是WeUI的picker组件不支持直接显示5列，根据WeUI.js作者的建议，是将日期和时间选择作为两个选择器来实现。 所以我的实现思路是先选择日期，然后自动跳出时间选择，来模仿一个时间选择
阅读全文
摘要：内容主要来源：吴海星译，《Node.js实战》。 串行任务：需要一个接着一个坐的任务叫做串行任务。 可以使用回调的方式让几个异步任务按顺序执行，但如果任务过多，必须组织一下，否则过多的回调嵌套会把代码搞得很乱。 为了用串行化流程控制让几个异步任务按顺序执行，需要先把这些任务按预期的执行顺序放到一个数
阅读全文
摘要：1、为了 dispatch 一个 action，我们需要一个 dispatch 函数。可以用一个 action creator 去发送一个 action。 应用流程是这样的：ActionCreator -> Action -> dispatcher -> reducer 2、使用自定义中间件（mid
阅读全文
摘要：1、action creator 就是函数，负责构建一个 action （是的，action creator 这个名字已经很明显了）并返回它。 type 决定如何处理 action。当然，action 依旧可以拥有其他属性，你可以任意存放想要的数据。 2、在实际的场景中，我们需要的是将 action
阅读全文
摘要：Thunk 函数是自动执行 Generator 函数的一种方法。 编译器的“传名调用”实现，往往是将参数放到一个临时函数之中，再将这个临时函数传入函数体。这个临时函数就叫做 Thunk 函数。 上面代码中，函数f的参数x + 5被一个函数替换了。凡是用到原参数的地方，对Thunk函数求值即可。 这就
阅读全文
摘要：策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换（相互替换：表现为它们具有相同的目标和意图）。 策略模式的目的是讲算法的使用与算法的实现分离开来。 一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分
阅读全文