网上有诸多例子，都不是在vue下，直接复制过来，可能会出现各类的错误，折腾了若干个小时，终于搞定。 以app.vue为例 <mt-button size="small" @click="ExportData()" type="primary" style="margin:0px 10px 0px 0px">导出</mt-button>下面在方法中定义函数 <code class="language-html">methods:{ ExportData(){ //定义文件内容，类型必须为Blob 否则createObjectURL会报错 let content = new Blob([JSON.stringify(this.todos)]...
实现功能： 1.一周内自动登录勾选时，将账号和密码保存到cookie，下次登陆自动显示到表单内 2.点击忘记密码则清空之前保存到cookie的值，下次登陆需要手动输入 次要的就不说了直接上主要的代码 html部分 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm loginFrom"><h1 style="font-size: 1.5rem;color: #fff;font-weight: bold;padding: 1rem 0;">登陆</h1><el-form-item ><el-input placehold...
首先回顾一下token: token认证是RESTFUL.api的一个很重要的部分，通过token认证和token设置，后端会有一个接口传给前台： http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb 其实就是向用户表里去生成一个token这里的client_id相当于用户名，client_key相当于密码，这样后台会生成一个client_token,我们需要把这个token保存到客户端中。 前端的资源一般放在另外的服务器中，这样后台需要进行进行...
解决办法如下： 1.用ASCII码替换百分号和与符号 var remark = $("#remark").val();remark.replaceAll("ASCII69","%").replaceAll("ASCII70","&"); //展示时需要对原先替换的进行还原展示 remark.replaceAll("%","ASCII69").replaceAll("&","ASCII70");2.在jquery中用编码转换来实现百分号的保存 //encodeURI() 函数可把字符串作为 URI 进行编码。 //对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() //函数是不会进行...
说明 首先说明一点，小程序内是不能直接分享到朋友圈的。所以只能通过生成图片，携带小程序二维码，保存到手机相册，让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持分享的应用，基本都是这种实现方式。 准备阶段 1.通过服务器获取小程序码 这里可以参考下微信的官方文档，给后台指定的参数和路径等信息，让后台生成指定的小程序码。然后调用wx.getImageInfo将后台生成的小程序...
很多网站实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型的功能，特别是一些代码教程，JS特效站上更是长见。如何利用JS实现这种功能的呢，下面给出了具体的实现代码首先建立HTML文件，具体代码如下<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head><body> <textarea id="code"> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="t...
将canvas数组保存 function downLoadImage(canvas,name) {var a = document.createElement("a");a.href = canvas.toDataURL();a.download = name;a.click(); }canvas：传入canvas的dom对象 name：保存的图片的名字 直接将图片保存的方法 function downLoadImage(img,name) {var a = document.createElement("a");a.href = img.src;a.download = name;a.click(); }img：图片的dom对象 name：保存为图片时的名字 以上这篇js 将canvas...
前面我们已经了解了可以通过localStorage在客户端(浏览器)保存数据。 我们后端有这样一个接口： http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb 其实就向clients(理解为用户表即可)里面去生成一个token 这里的client_appid 就相当于用户名，client_appkey 就相当于密码。 这样后端认证之后会生成一个access-token，我们需要把这个access-token 保存在客户端。 注意：我们前端一般部署在另外...
不好意思，标题比较啰嗦，因为这次的流水账确实属于一个比较细节的小东西，下面详细讲： 1需求 最近在使用electron-vue 开发一个跨平台的桌面端软件，刚上手写了几个页面，遇到一个问题：桌面端软件通常会有导航需求，类似下图导航按钮 点击返回按钮，返回上一页，并且显示上页内容。其实不止App，即使普通的网页中也会有此类需求，尤其是使用vue写SPA时。项目中的导航几乎都是采用router.push({name: xxx, params: {xxx:123...}})...
整理文档，搜刮出一个js实现canvas保存图片为png格式并下载到本地的方法，稍微整理精简一下做下分享。1.canvas 保存图片 2.下载到本地 function base64Img2Blob(code){var parts = code.split(;base64,);var contentType = parts[0].split(:)[1];var raw = window.atob(parts[1]);var rawLength = raw.length;var uInt8Array = new Uint8Array(rawLength);for (var i = 0; i < rawLength; ++i) {uInt8Array[i] = raw.charCodeAt(i)...
本文介绍了jQuery 实时保存页面动态添加的数据的示例，分享给大家，具体如下： 需求：用户填写的东西，必须要实时保存 分析：监听用户操作事件，如：change、keyup 等，向后端发送请求 实际情况： 用户填写的表单，是通过 JavaScript 动态新增的，这就需要使用为动态新增元素绑定事件。发送请求给后端，取决于前面的必填项是否已经完整填写。必须区分用户是动态新增了填写栏目呢？还是在修改？当前事件对象是什么？怎么通过该对象获...
回顾 以前我们在做这个新闻列表的时候，是一个写死的数据export default{data(){return{newslist:[{newsid:"101",pubtime:"2016-10-29",title:"探索之路",desc:"是手机团队的探索之路"},{newsid:"102",pubtime:"2016-10-28",title:"系统之战",desc:"如何支持业务解决"},{newsid:"103",pubtime:"2016-10-27",title:"大文件存储",desc:"背后的你不得不知的技术"},{newsid:"104",pubtime:"2016-10-26",title:"飞天进化",desc:"阿里巴巴...
首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。 登录组件中用户点击登录后，后台会传过来一个用户名，我的App.vue组件中需要拿到这个用户名，并将上面的“登录注册”字样变为“用户名”。 为了保证用户刷新后用户名不会消失，这里我用到了sessionStorage 代码如下:register.vue中用户点击登录触发signIn方法signIn(){this.formData = $(".form").serialize();var that = this;th...
jqueryUI sortable 可以用来进行页面拖拽布局，然而有一个小问题就是拖拽后如何保存状态。 工作中遇到了这个情况，遍把这个问题记了下来，具体思路是： 利用拖拽stop后利用 var arr = $( ".sortable" ).sortable(toArray);记录拖拽后的id数组顺序，然后把这个数组存起来，可以存cookie,数据库，localstorage等，刷新页面后读取这个数组，然后进行重新排序。具体的代码如下可直接复制运行。本文将数组保存在localstorage里面。 <!d...
前几天公司项目里有这样一个需求，把网页的某一部分能够一键截图。这个功能其实就是对人力的一个优化，如果是人为做的话，相信大家都知道怎么做（用截图工具在指定区域截图，然后保存到本地，再上传的服务器上去）。我这个主要就解决这个批量的人力的优化。好，废话不多说了。直接上逻辑和代码。 这个问题的解决方案：html to canvas to png. 目前有一个这样的插件: html2canvas,html2canvas($targetElem, {useCORS: true,onrender...