![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 77
sq-web
因为热爱,所以分享。自己日常总结,共同交流指正。
展开
-
vue项目首页加载优化
vue 应用中,首页加载资源过多,导致加载缓慢的问题原创 2022-09-21 16:45:38 · 1410 阅读 · 3 评论 -
【转载】如何为团队定制自己的 Node.js 框架?(基于 EggJS) - 天猪的文章 - 知乎
最近在研究egg,准备新开一个中间层的项目,看到天猪这篇文章,有一些实践和讲解能让人豁然开朗,所以忍不住转载分享一下。如何为团队定制自己的 Node.js 框架?(基于 EggJS) - 天猪的文章 - 知乎天猪:eggjs 核心开发者。...转载 2020-09-30 11:29:47 · 265 阅读 · 0 评论 -
《Webpack实战:入门、进阶与调优》知识点整理
这是最近看了Webpack实战:入门、进阶与调优后,整理的书籍相关知识点,方便复习与查找,分享出来,若对其中的一些知识有兴趣,可以去参阅原书,已经注明页码。原创 2020-09-15 21:04:46 · 694 阅读 · 0 评论 -
js函数式编程基础要点总结
最近在看js的函数式编程,觉得很酷,此文是对一些知识的脉络梳理总结,主要是为了方便自己理解,并非原创知识。会在文末贴出参看文章链接。文中主要提到10点,分别是:高阶函数、纯函数、PointFree、函数合成、函数柯里化、范畴、函子(Functor)、Either、Applicative Functor、IO、Monad。最后会列举一个示例。一、高阶函数:函数式编程的基础都会用到高阶函数,高阶函数是一个接收函数作为参数或将函数作为输出返回的函数。例如:Array.prototype.maplet a原创 2020-09-09 20:02:06 · 280 阅读 · 0 评论 -
优化js中的if/else结构
需求: 经常在代码中会有各种条件判断,导致if/else使用过多,不仅阅读麻烦,对于新加的条件,还不好扩展,文中列举了7中优化方案,可以根据实际代码环境选用。文中并没有列举switch,是因为switch结构使用上与is/else并无区别。1、提前return,可以将判断层级拉平let animal = 'cat'if (animal !== 'dog') { if (animal === 'cat') { console.log('测试') }}let animal = 'ca原创 2020-09-07 10:41:35 · 1125 阅读 · 0 评论 -
electron截取桌面应用的图片
需求: 需要截取桌面打开的相关应用的图片。方法:截图我们采用的api是electron的desktopCapturer,通过这个api我们可以拿到桌面打开的各种应用的缩略图,最终可以拿到一个electron的nativeImage格式的图片,这种格式具有toDataURL()、crop(rect)、resize(options)等各种方法,可以对其根据需求进行处理。具体代码如下: // 截图方法 shotClick() { desktopCapturer.getSources(原创 2020-09-01 11:21:19 · 1119 阅读 · 0 评论 -
vue+Vue CLI Plugin Electron Builder开发electron应用
文中主要解决的问题:1、electron下载缓慢。2、vue add electron-builder执行失败。3、打包的时候某些包下载不下来。一、创建一个vue项目npm create vueTest具体操作和创建vue项目一样,不详细展开。二、有了vue项目之后需要安装Vue CLI Plugin Electron Builder,但是由于网络原因,建议先在项目安装electron-chromedriver与electron1、npm install --save-dev electron原创 2020-08-18 19:42:00 · 3347 阅读 · 7 评论 -
html2canvas保存图片模糊的问题
目标:将html页面元素转成base64格式的图片。问题:最初直接用的html2canvas官网的最新版代码,配置之后保存的图片模糊。解决方案:采用增加了dpi和scale两个选项之后的html2canvas源码,配置这两个参数能得到清晰的图片。源码地址:https://github.com/eKoopmans/html2canvas/tree/develop/dist代码配置:// testImgs是需要转换成图片的页面元素html2canvas(document.getElementById原创 2020-08-15 11:56:34 · 1161 阅读 · 0 评论 -
webpack配置项目-H5页面
起源:因为最近一直用jQuery写H5页面,觉得挺无聊的,想着用webpack配置一个项目来开发H5页面,就可以使用NPM无穷无尽的包了, 然后就可以随便浪了。基本步骤:一、初始化基本环境npm init 这个不多说,自己设置。npm install webpack webpack-cli --save-dev二、建index.html index.js webpack.config.js 文件,具体位置如下1、index.html 文件<!DOCTYPE html><原创 2020-07-06 11:24:35 · 1174 阅读 · 0 评论 -
H5页面适配移动端
基本概念基本概念来自于网上的博文,非原创,主要用于收藏,会在文末附上链接。在项目应用中目录中总结了日常用到过的适配方法。三个基本概念布局视口 :布局视口是网页布局的基准窗口,在PC浏览器上,布局视口就等于当前浏览器的窗口大小(不包括borders 、margins、滚动条)。在移动端,布局视口被赋予一个默认值,大部分为980px,这保证PC的网页可以在手机浏览器上呈现,但是非常小,用户可...转载 2020-05-07 10:36:32 · 1448 阅读 · 0 评论