水印添加方式:1.新建 waterMark.js 内容如下 let watermarkOption = {} let setWatermarkContent = (content) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)) } let ele = document…

vue 微信页面添加水印 this.$nextTick(function() {                                   watermark({ watermark_txt: "<div>" + '123' + "</div><div>" + '456' + "</div>"});                               }) function wat…

网页中显示文字时,带#开始和结束的文字蓝色高亮,就像微博话题一样效果如下 html <span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量,这里只是个演示 js parseComments (value) { var exp exp = /(#|#)((?!#).)*(#|#)/g value = value.replace(/<[^>]*?>(.*?)/gi, '').…

在utils文件夹中创建 wartermark.ts 文件(位置看自己的组件放那,这都行),内容如下: 1 "use strict"; 2 3 const setWatermark = (str: any) => { 4 const id = "1.23452384164.123412416"; 5 6 if (document.getElementById(id) !== null) { 7 document.body.removeChild(documen…

"use strict"; // tslint:disable-next-line: only-arrow-functions const setWatermark: (str: any) => any = function(str: any) { const id: string = "1.23452384164.123412415"; if (document.getElementById(id) !== null) { document.body.rem…

最近需要实现为网页添加水印的功能,由于水印的信息是动态生成的,而百度谷歌上的方法往往都是为网页添加图片水印或为图片添加水印,而为网页添加文字水印相关资料较少,于是就自己动手写了这个代码. 通常加动态水印的思路是:后台服务端根据参数动态生成图片,前端设置body的background-url或者利用遮罩层+事件委托的方式实现. 本文在这里主要是利用HTML5中canvas来实现动态生成图片,再利用body设置background-url来实现为网页增加文字水印 代码如下: /** * 为网页添加文…

摘要 学习本篇之前要具备一定的vue基础知识,可以先看一下Vue基础(环境配置.内部指令.全局API.选项.内置组件) 1.Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架,这里牵扯的东西很多,有webpack,npm,nodejs,babel等等. 官网:https://cli.vuejs.org/guide/ GitHub:https://github.com/vuejs/vue-cli 1.1.安装vue-cli 首先要安装 npm , npm 的安装在基础视频中有…

一.vue有两种使用方式: 1.下载vue.js <script src="vue.js"></script> 2.使用npm npm install vue 二.在vue的mvc思想基础上,会有很多想实现的功能,可以不必原生写.比如ajax请求,各种插件. 安装vue-cli,促使这些插件可以在vue上运行. npm install vue-cli -g 三.vue安装成功测试 cmd 中,(vue各种模板) vue -V vue list 四.使用vue,结…

最近再看cocos-2d的东西,期间得到了同事和老板的支持,在此感谢.之前一直在做vue网页,现在看游戏cocos-2d这块,刚接触肯定有点不适应.cocos-2d多了很多感念:导演.场景.节点等.这里多说点,cocos creator是一个官方的编辑器,但自从这个编辑器出现之后,很少有人直接用cocos-2d js做开发了,而是在creator里做cocos-2d js项目,cocos-2djs那一套繁琐的开发流程和UI制作,被creator极大的简化了.用了编辑器后,项目目录都有不同.所以,…

一.vue有两种使用方式: 1.下载vue.js <script src="vue.js"></script> 2.使用npm npm install vue 二.在vue的mvc思想基础上,会有很多想实现的功能,可以不必原生写.比如ajax请求,各种插件. 安装vue-cli,促使这些插件可以在vue上运行. npm install vue-cli -g 三.vue安装成功测试 cmd 中,(vue各种模板) vue -V vue list 四.使用vue,结…