CodeRookie

Cropper.js JavaScript image cropper. 官网 Photo Editor - Cropper.js的高级示例。 jquery-cropper - Cropper.js 的 jQuery 插件包装器。A schematic diagram for data’s properties 目录 快速上手 配置 方法 事件 无冲突 支持的浏览器 相关项目 快速上手npm安装npm install cropperjs CDN: <link href="/path/to/cropper.css" rel="stylesheet"><script src="/path/to/cropper.js"></script> cdnjs 为 Cropper.js’s 的CSS 和JavaScript提供CDN支持. 你可以点击这个链接. 开始使用基础用法new Cropper(element[, options]) element Type: HTMLIm ...

1. 安装yarn及本地模块依赖推荐使用管理员进行安装（win10右击开始栏windows选择Windows PowerShell(管理员)）npm install --global yarnnpm install -g node-gypnpm install --global --production windows-build-tools 2. 创建electron-vue项目// 创建项目vue init simulatedgreg/electron-vue my-project// 安装依赖(有条件可通过科学上网进行安装，否则有些地方会卡住)cd my-projectyarn // 或者 npm installyarn run dev // 或者 npm run dev 3. 运行项目时遇到的问题3.1. process is not defined在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到HtmlWebpackPlugin代码段并更改为如下代码：new H ...

HTML<div class="container"> <div id="btn_download" class="card-btn card_item"> 立即下载 </div></div><div class="mask" @click="hide"> <ol> <li>点击右上角</li> <li>浏览器打开</li> </ol></div> JS方法// 点击事件document.querySelector('#btn_download').onclick = function () { toApp();}// 调起APP function toApp() { var btn_download = document.g ...

此文基于之前博文vue使用tinymce5富文本编辑器图片批量上传插件来自Tinymce5 ax多图片批量上传插件一、上传图片到七牛云1.安装图片上传以及图片批量上传插件import "tinymce/plugins/image";import "tinymce/plugins/axupimgs"; 2.在toolbar和plugins中使用这两个插件,使用自定义图片上传方法plugins:"image axupimgs",toolbar:"image axupimgs" 3.在data中存入七牛云所需的数据data:function{ return { QiniuData: { key: "", //图片名字处理 token: "" //七牛云token }, domain: "http://upload.qiniup.com", // 七牛云的上传地址 ...

1.删除 C:\Users\Administrator中的.vscode文件夹2.重新安装vscode3.安装vetur插件，此时可以正常使用

极力推荐一个大佬做的tinymce5中文文档；其中包含部分常用插件如：多图上传，行间距，首行缩进等 我所使用的版本为 "@tinymce/tinymce-vue": "^2.1.0","tinymce":"^5.0.12" 通过npm 安装tinymce和tinymce-vue npm install tinymce -Snpm install @tinymce/tinymce-vue -S 一、子组件页面1.首先需要引入tinymce的关键文件import tinymce from "tinymce";import "tinymce/themes/silver";import Editor from "@tinymce/tinymce-vue"; 2.此时的tinymce包含了一些基本功能插件，如果需要其他功能，需要引入对应的功能插件，并在plugins和toolbar中使用插件import "tinymce/themes/silv ...

一、原始代码<el-form-item class="form_bigt_p" label="项目起止时间:" prop="time"> <el-date-picker unlink-panels class="bigWidth" :disabled="isDisabled" v-model.trim="ruleForm.time" type="daterange" value-format="timestamp" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" ></el-date-picker></el-form-item> 由于后台返回的数据是两个 yyyy-mm-dd ...

由于导出word时，页面样式无法正常使用，因此整体页面采用table布局，仅在几个地方添加style样式，没有其余样式 /*** 当页面中有canvas时，我的做法是* 在页面中预先放置一个src为空的img标签* 点击导出时，将canvas转为base64，将之前设置的img标签的src修改为base64，同时置空canvas* 需要注意的是，这种情况下，当结束导出操作时，由于页面中的canvas已经替换为图片，进行获取canvas标签操作时会报错* 因此需要进行判断* 当页面中存在canvas标签时，进行转换canvas操作* 否则直接导出页面内容*/ var cv = document.getElementsByTagName("canvas")[0]; //获取canvas var resImg = document.getElementsByClassName("resImg")[0]; //获取包裹canvas的标签 var cimg = document.getElementsByClassName("ci ...

var u = navigator.userAgent;var ua = navigator.userAgent.toLowerCase();// 判断安卓u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;// 判断iOS!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端// 判断是否在微信内置浏览器打开if(ua.match(/MicroMessenger/i) == "micromessenger"){ alert('当前页面在微信中打开')}

做此项目与官网的区别在于，数据总数，页码总数是由后台返回，而非前端设置 <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10"> <li v-for="(item,index) in records" :key="index"> <span class="nickname">{{item.nickName}}</span> <span class="date">{{item.createTime}}</span> </li></ul> res返回的数据格式如下res:{ data:{ page ...