0

HTML5 的JavaScript 客户端PDF解决方案——jsPDF

介绍和往常一样,jsPDF是一个开源的客户端的PDF解决方案,在之前的文章中已经介绍过几个Web端和PDF相关的库,jsPDF同样是一个不错的客户端PDF引 SDK,你可以通过jsPDF在客户端完成相关操作,它包含了非常丰富的API,帮助你完成一系列的复杂操作!可以说它是相当领先的HTML5客户端解决方案了!Githubhttps://github.com/MrRio/jsPDFGithub star数17k+,可以说相当受欢迎了!安装使用一般情况下我们会考虑使用包管理,常见的就是npm了,因此安装非常简单npm install jspdf --save或者也可以使用yarnyarn add ...

阅读全文>>

0

都说Vue好,但是我自己用起来很难受

大前端时代,三大前端框架占据了大半的江山。几年前大家都还是jQuery做前端开发,但是到了现在,做后台管理系统,聪明上进的前端都开始使用angular、vue、react三大框架作为开发框架。特别是Vue,国内非常火爆,最主要的是中国人数众多,程序员也是众多。我作为一个前后端都需要开发的创业小公司程序员,三大框架都涉及,且都在使用。最喜欢的还是angular,最不喜欢的是Vue和react,很可能最大的原因是angular纯天然的typescript加持,用了就不想再回去。至于我为何还选择Vue,有句话说的好啊,小孩子才做选择,作为一个大人,我当然是全都要啦。言归正传,选择Vue最主要是轮子特...

阅读全文>>

Vue
0

面向纯JavaScript的OCR识别引擎——Tesseract.js

介绍Tesseract.js是流行的面向纯Javascript的OCR引擎的。该库支持100多种语言(中文支持),自动文本方向和脚本检测,用于读取段落,单词和字符边界框的简单界面。Tesseract.js可以在浏览器和具有NodeJS服务器上运行。Githubhttps://github.com/naptha/tesseract.js使用方式# For v2版本npm install tesseract.jsyarn add tesseract.js# For v1版本npm install tesseract.js@1yarn add tesseract.js@1可以配合webpack或者直...

阅读全文>>

0

JavaScript 中,5 种增加代码可读性的最佳实践

为了保证的可读性,本文采用意译而非直译。简介如果咱们关注代码本身结构及可读笥,而不是只关心它是否能工作,那么咱们写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码,而不仅仅只编写能应付当前工作的代码。在此基础上,可读性高的代码可以定义为自解释的、易于人理解的、易于更改或扩展的代码。以下列表一些好编写方式,仅供参考,当然,如果你有更好的方式,欢迎留言。以下的方式只是提供一种角度,不代表就需要这样做,请勿抬扛1. 强类型检查用===代替 ==2.变量用知名其意的方式为变量命名,通过这种方式,当再次看到变量名时,就能大概理解其中的用意不要在变量名中添加额外的不需要的单词不要简写变量...

阅读全文>>

0

腾讯发布硬件版微信WeChatBox

2020年4月1日,腾讯公司发布了一个名为WeChat Box的硬件产品,这是腾讯公司成立以来发布的首个硬件产品。WeChat Box采用了一个非常微型的操作系统,操作系统上仅有一个应用程序,即机器版微信。该产品的发布,被认为是腾讯走向操作系统研发的开始。WeChat Box内置了多种自动化产品的驱动,该产品主要市场为机械设备领域,据悉,自动化产品驱动的供应商为美国PTC旗下的KepWare公司,而PTC公司是物联网应用的先锋,曾在2018年被独立行业分析公司Gartner列入其首个工业物联网平台魔力象限的“远见者”象限。WeChatBox将被用于机械设备的互联互通,这是真正意义上的互联互通,...

阅读全文>>

0

Web开发实用的图片预览插件,简单零依赖——PhotoSwipe

介绍PhotoSwipe是一个JavaScript库,没有依赖项。要说唯一的依赖项那就是Vanilla.js(原生js),因此你可以在你的任何Web项目中使用,包括主流的Vue、React、Angular以及传统jQuery的项目。PhotoSwipe可以被用到各种大中小型项目当中,并且PC和移动端完美支持!Githubhttps://github.com/dimsemenov/photoswipe触控手势支持所有基本手势:轻拂到下一个或上一个图像,展开以放大,拖动以平移,缩小或关闭,单机切换,双击以缩放。展开以放大图像PhotoSwipe是第一个支持基于JavaScript的图像缩放的开源画...

阅读全文>>

0

Web前端资源预加载

本文主要介绍前端性能优化中的资源预加载,不仅会介绍常规的一些预加载手段;还会介绍工程实践中的应用。涉及内容:link相关(rel、as、media、defer、async);缓存(4种缓存、缓存策略、ServiceWork);优化网络(HTTP/2 ServerPush、Preload/Prefetch、域名拆分);同步接口JSON数据内联,加速首页渲染;浏览器中各资源加载的优先级;实践:webpack插件、quiklink.前言当我们需要某些网络资源时,加载和执行往往耦合在一起,下载完立即执行,而加载过程是阻塞式的,延长了onload时间。因此如何在资源执行前预加载资源,减少等待网络的开销便...

阅读全文>>

0

用JS开发跨平台桌面应用,从原理到实践

导读使用Electron开发客户端程序已经有一段时间了,整体感觉还是非常不错的,其中也遇到了一些坑点,本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图,长文预警~】本文所有实例代码均在我的github electron-react上,结合代码阅读文章效果更佳。另外electron-react还可作为使用Electron + React + Mobx + Webpack技术栈的脚手架工程。github:https://github.com/ConardLi/electron-react一、桌面应用程序桌面应用程序,又称为 GUI 程序(Graphical User...

阅读全文>>

0

推荐:前端用户福音,基于Vue的WTM 3.5发布了!

引言WTM的Vue前后端分离版本终于和大家见面了,这是一套用于快速搭建后台管理系统UI界面的平台。界面如下WTM原作者刘亮曾自述:WTM界面其实是LayAdmin界面的Vue实现。 而Layui原著作闲心也曾提过,Bootstrap作为一个通用的UI界面风靡全世界,但是Bootstrap只是提供了“零件”,LayUI借鉴了Bootstrap思想,自己制作了零件并且组装成了机器--LayAdmin。LayAdmin主要是供后端开发人员使用,他们不太熟悉前端技术。因为LayAdmin提供的界面比较漂亮,WTM借鉴了LayAdmin,提供了VUE版,主要供前端开发人员使用。不过WTM也提供了后台接口...

阅读全文>>

0

代码详解:Async/Await优于基础Promises的7大原因

Async/await已被引入NodeJS 7.6,当前能在几乎所有先进的浏览器上运行。这绝对是自2017年以来JavaScript最好的附加语法,没有之一。Async/Await 101• Async/await是一种编写异步代码的新方法。以前编写异步代码会用callbacks和promises。• Async/await 实际上只是一种基于promises的糖衣语法,不能与基础callbacks或节点callbacks一同使用。• Async/await和promises一样,都是非堵塞式的。• Async/await让异步代码更具同步代码风格,这也是其优势所在。句法假设函数getJSON...

阅读全文>>