水印方法export function watermark(settings) { //默认设置 let defaultSettings={ watermark_txt:"text", watermark_x:20,//水印起始位置x轴坐标 watermark_y:20,//水印起始位置Y轴坐标 watermark_rows:20,//水印行数 watermark_cols:20,//水印列数 watermark_x_space:100,//水印x轴间隔 watermark_y_space:50,//水印y轴间隔 watermark_color:#aaa,//水印字体颜色 watermark_alpha:0.4,//水印透明度 watermark_fontsize:15px,//水...
vue微信网页授权,基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios,开发的微信授权方案。项目地址:vue-wechat-auth 参考了[vue-wechat-login],思路有些不同,本文基于进入所有页面都必须先授权的操作。 与之前写的授权不同之处 这次的逻辑全部在router的beforeEach进行,相较更加简洁明。之前是在一个中间页author.vue中,加上微信授权要跳转很多次 在这里你能找到 微信网页授权前端解决方案,官方文档 如何使用Na...
需求:使用Node.js爬取网页资源,开箱即用的配置将爬取到的网页内容以PDF格式输出如果你是一名技术人员,那么可以看我接下来的文章,否则,请直接移步到我的github仓库,直接看文档使用即可仓库地址:附带文档和源码本需求使用到的技术:Node.js和puppeteerpuppeteer 官网地址: puppeteer地址Node.js官网地址:链接描述Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。可以通过Puppeteer的提供的api直接...
本文实例讲述了js实现类似iphone的网页滑屏解锁功能。分享给大家供大家参考,具体如下: iphone 的出现,打破了人们的用户体验,这一用户体验也延伸到了网页设计上。最近看到很多blog的评论都用类似iphone滑动解锁的方式实现。只有滑动解锁之后才能评论,或者做其他的事情。这个功能的实现,其实并不麻烦,关键是要有好的美工,做出好的滑动图片,然后javascript配合CSS就可以完成,我在这里也简单实现了一个,基本功能如下 1. 打开页...
业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一、最笨方案 结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值。 <script> import axios from axios export default {created () {document.title = 功能授权},mounted() {axios.get(***).then((d)=>{document.ti...
我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要搞个server太复杂了, 最终还是通过"xlsx"模块 + axios实现了读取本地文件, 无需后端, 步骤如下: 1.通过vue-cli新建项目:2.编写分析excel workbook的脚本/src/scripts/read_xlsx.js const XLSX = require(xlsx)//将行,列转换 function transformSheets(sheets) ...
需求最近在做一个项目需求,分享领好书活动,获取用户的个人信息以及unionID,并诱导用户分享给好友或朋友圈,达到裂变拉新的目的。在做的过程中遇到了一些坑的地方,所以回过来总结一下 技术方案使用微信JS-SDK自定义分享到好友和分享到朋友圈 实现步骤1、要实现微信H5网页自定义分享功能,必须先熟悉下微信公众平台开发文档,具体文档里面说的很详细,这里说下需要注意的点,别忘了绑定开发者权限,还有绑定js安全域名,要不然有...
具体代码如下所示: wx.ready(function () {var startRecordflag = falsevar startTime = null//btnRecord 为录音按钮dom对象btnRecord.addEventListener(touchstart, function (event) {event.preventDefault();startTime = newDate().getTime();// 延时后录音,避免误操作recordTimer = setTimeout(function () {wx.startRecord({success: function () {var rainAllowRecord = sessionStorage.getItem("rainAllowRecord");//判断...
现在的网站开发,都绕不开微信登录(毕竟微信已经成为国民工具)。虽然文档已经写得很详细,但是对于没有经验的开发者还是容易踩坑。 所以,专门记录一下微信网页认证的交互逻辑,也方便自己日后回查: 加载微信网页sdk绘制登陆二维码:新tab页面绘制 / 本页面iframe绘制用户扫码登陆,前端跳入回调网址回调网址进一步做逻辑处理,如果是页内iframe绘制二维码,需要通知顶级页微信网页SDK加载在多人团队协作中,加载资源的代码需要...
前言: 公司最近有一个H5页面的功能,比较简单的一个调查表功能,嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白,如果有问题希望大家能指出来,写文章不止是为了记录,还是为了发现自己的问题。谢谢大噶!!! 主要功能以及遇到的问题: 左右切换动画路由带参数跳转移动端引入外部字体样式使用htmtl2canvas截图功能使用微信接口(前端部分)移动端屏幕适配移动端点击一个页面点击多次只...
一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat,实现了发送消息、表情(动图),图片、视频预览,右键菜单、截屏、截图可直接粘贴至文本框进行发送。 二、技术框架 ?MVVM框架:Vue2.5.6 ?状态管理:Vuex ?页面路由:Vue-router ?iconfont图标:阿里巴巴字体图标库 ?自定义滚动条:vue-gemini-scrollbar ?弹窗组件:element-ui(饿了...
摘要: 语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。 1、接口定义 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字参数说明: lan=zh:语言是中文,如果改为lan=en,则语言是英文。ie=UTF-8:文字格式。spd=2:语速,可以是1-9的数字,数字越大,语速越快。text=**:这个就是你要转换的文字。 2、示例代码 <!DOCT...
首先下载websocket模块,命令行输入npm install ws1.node.js中ws模块创建服务端 // 加载node上websocket模块 ws; var ws = require("ws"); // 启动基于websocket的服务器,监听我们的客户端接入进来。 var server = new ws.Server({host: "127.0.0.1",port: 6080, }); // 监听接入进来的客户端事件 function websocket_add_listener(client_sock) {// close事件client_sock.on("close", function() {console.log("client close");})...
本文实例为大家分享了js实现网页同时进行多个倒计时的具体代码,供大家参考,具体内容如下 创建一个时间类Timer. 每个商品的倒计时生成一个实例:var time = new Timer(); /** *startime 应该是毫秒数 */var Alarm = function (startime, endtime, countFunc, endFunc) {this.time = Math.floor((endtime - startime) / 1000); //时间this.countFunc = countFunc; //计时函数this.endFunc = endFunc; //结束函数this.flag = t + Da...
本文实例讲述了jQuery实现的网页3D轮播图封装功能。分享给大家供大家参考,具体如下: 网页伪3D轮播图,其实就是轮播图旋转木马效果。其实在jquery插件库也有很多旋转木马的插件,但是博主封装的这个新的插件比起以上的都适应性更好。其适应性好表现在:调用灵活性高用法更简单,css样式都封装好了基本不用写,在body里面写ul>li>img标签即可,可设置参数多,甚至不同图片的大小都可以自适应轮播,各个浏览器兼容性好(包括IE,虽然...