Vue

vue js项目中引入ts混用

一、安装typescript及loader npm install typescript ts-loader –save-dev 二、安装vue-property-decorator npm install vue-property-decorator –save-dev 三、配置vue.config.js module.exports = {   configureWebpack: {     resolve: {       extensions: [“.ts”, “.tsx”, “.js”,  …

前端

Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.

Htmlimagelement 接口的 crossOrigin 属性是一个字符串，它指定了在检索图像时使用的跨来源资源共享设置。 指定在获取图像资源时使用的 CORS 模式的关键字的 DOMString。如果不指定 crossOrigin，则在不使用 CORS (获取无 CORS 模式)的情况下获取图像。 anonymous 元素的请求的模式设置为 cors，凭据模式设置为 same-origin。这意味着，如果从加载文档的同一源获取映像，则启用 CORS 并发送凭据。 use-credentials Htmlimagelement 的请求将使用 CORS 模式和 include 凭证模式; …

uniapp

uniapp安卓原生插件开发

1. 准备工作 1.1 下载HBuilder离线打包Android版SDK( 5+SDK)，并将其中的UniPlugin-Hello-AS工程导入AndroidStudio 1.2 在UniPlugin-Hello-AS工程中创建插件Module，并编辑Module的build.gradle文件使Module具备开发uni-app插件的能力 (1) 添加依赖库 注释默认的基础依赖库：Android Studio默认会在dependencies节点下添加一些基本依赖库，如下图红框内的引用注释掉 或 改为compileOnly依赖方式 注意：libs文件夹下的jar文件已改为compileOnly …

前端

web移动端开发指南

调用系统功能 <!– 拨打电话 –> <a href=”tel:10010″>拨打电话给10010</a> <!– 发送短信 –> <a href=”sms:10010″>发送短信给10010</a> <!– 发送邮件 –> <a href=”mailto:xxx@mail.com”>发送邮件给xxx</a> <!– 选择照片或拍摄照片 –> <input type=”file” accept=”image/*”> <!– 选择视频或拍摄视 …

nodejs

nodejs 中使用 ES6 module

JavaScript的两种模块 CJS：Node.js 专用的 CommonJS 模块。 ESM：ES6 模块。 模块差异 CommonJS 模块使用require()加载和module.exports输出，ES6 模块使用import和export。 require()是同步加载，后面的代码必须等待这个命令执行完，才会执行。import命令则是异步加载，或者更准确地说，ES6 模块有一个独立的静态解析阶段，依赖关系的分析是在那个阶段完成的，最底层的模块第一个执行。 Node.js 的区分 Node.js 要求 ES6 模块采用.mjs后缀文件名。也就是说，只要脚本文件里面使用import或者 …

其他

移动端 1px 线的实现

高清屏的1px线的实现，适用于 dpr：2 的情况。 实现思路 使用渐变实现，使用两种颜色填充 1px 宽内容 使用缩放实现，对 1px 高度线条进行0.5倍缩放 base64 编码实现 base64 编码嵌入SVG实现 HTML <html> <head>   <meta charset=“utf-8” />   <meta name=“viewport” content=“width=device-width, initial-scale=1.0, minimum-scale=1.0, m …

JavaScript

实用ES6代码片段

将字符串复制到剪贴板 const copyToClipboard = str => {   const el = document.createElement(‘textarea’);   el.value = str;   el.setAttribute(‘readonly’, ”);   el.style.position = ‘absolute’;   el.style.left = ‘-100%’;   document.body.appendChild(el);   co …

前端

js 获取文件 MD5

每个文件的md5值都是唯一的，这也是很多下载网站，会告诉你原文件的md5是多少，然后下载完毕让你自行去对比是否一致，以检验文件是否是完整的。校验md5亦可实现所谓的”秒传“功能。 使用到的类库 Spark-MD5 function getMD5(file, callBack) {   /*   *     file 选取的文件   *     callBack 回调函数可以返回获取的MD5   */   let fileReader = new FileReader(),     blobSlice = File.prototype.mozSlice || File.prototy …