在vue 使用jsPdf 将html 转为 pdf,并且解决图片跨域传输问题
从其他服务器获取的图片url,生成pdf时,总会出现图片跨域传输问题。解决方案在html2canvas中,设置属性useCORS: true。
npm install jspdf 提示 Command failed: git -c core.longpaths=true config --get remote.origin.url
如图所示:错误是因为国内网络无法透过git://方式将package 下载下来更新版本:npm install -g npm
如何 在vscode 下新建 vue user snippets 代码片段
我们在使用VScode新建一个文件的时候,比如 vue 文件,我们经常需要手动输入像下面的内容:
const、let和块级作用 理解 [JS基础增强]
ES6提供了两种声明变量的方式:let和const, 它们主要用于取代ES5的变量声明方式:var。letlet和var的用法很相似,区别是let所声明的变量是块级作用域,它的作用域在当前块级({}内)区域里存在,var是函数作用域。
JavaScript:ES2019 的新特性速览 [JS基层增强]
JavaScript 不断改进和添加更多功能。TC39 已经完成并批准了 ES2019 的这 8 个功能,它有 4 个阶段,这些阶段是:Stage 0: StrawmanStage 1: ProposalsStage 2: DraftsStage 3: CandidatesStage 4: Finished/Approved以下链接可以查看Stage 0,Stage 1 – 3 和Final Stage下面让我们来看看 ES2019 有哪些新的特性,并可以在将来加入到我们日常开发中:Array.prototy...
21 项优化 React App 性能的技术 [转载]
介绍在 React 内部,React 会使用几项巧妙的小技术,来优化计算更新 UI 时,所需要的最少的更新 DOM 的操作。在大多数情况下,即使你没有针对性能进行专项优化,React 依然很快,但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代码的有效技巧。
this、apply、call、bind 区别 [JS基础增强]
this、apply、call、bind 区别这又是一个经典问题~/(ㄒ o ㄒ)/~~ 也是 ES5 中众多坑中的一个,在 ES6 中可能会极大避免 this 产生的错误,但是为了一些老代码的维护,最好还是了解一下 this 的指向和 call、ap­ply、bind 三者的区别。"this 的指向在 ES5 中,其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,来,跟着我朗读三遍:this 永远指向最后调用它的那个对象,this 永远指向最后调用它的那个对象,this 永远...
前端一些常用代码整理
一、预加载图像如果你的网页中需要使用大量初始不可见的(例如,悬停的)图像,那么可以预加载这些图像。$.preloadImages = function() { for (var i = 0; i < arguments.length; i++) { $("<img>").attr("src", arguments[i]); } }; $.preloadImages("img/hover-on.png", "...
常用 Javascript 动画库推荐
1.Three.js超过46K的星星,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器,让我们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首次推出,目前仍有近1000名贡献者在开发中。2. Anime.js超过20K的星星,Anime是一个JavaScript动画库,可以处理CSS属性,单个CSS转换,SVG或任何DOM属性以及JavaScript对象。 此库允许您链接多...
vue-cli 3.0 使用教程
安装 clinpm install -g @vue/cli # OR yarn global add @vue/cli创建一个新项目vue create hello-world