水印方法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，虽然...