网页中显示文字时，带#开始和结束的文字蓝色高亮，就像微博话题一样效果如下html<span v-html="parseComments('#吃货节#有什么好吃的')"></span> // 方法里面可以是变量，这里只是个演示jsparseComments (value) {var expexp = /(#|＃)((?!#).)*(#|＃)/gvalue = value.replace(/<[^>]*?>(.*?)/gi, '').replace(/(.*?)<\/[^>]*?>/gi, '').replace(exp, (item) => {let newVal = '<span class="text-blue">' + item + '</span>'retur...
本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容） 公司电脑没有gif动图尽情谅解 文末会附上demo地址，如需看效果，可前往下载 本人一直很喜欢网页开场有一段视频或动画，个人认为网页的开场动画起到引导浏览作用，相当于网页的一个开始，一个好的开始往往就成功了一半，对于浏览网站的用户来说，也就吸引了极大...
本文主要介绍了vue做网页开场视频的实例代码,需要的朋友可以参考下，希望能帮助到大家。本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容）公司电脑没有gif动图尽情谅解文末会附上demo地址，如需看效果，可前往下载本人一直很喜欢网页开场有一段视频或动画，个人认为网页的开场动画起到引导浏览作用，相当于网页...
前端框架如Vue、React等都是单页面的应用，也就是说整个web站点其实都是一个index页面，所谓的页面跳转都是替换index.html里边的内容，而页面的title是在每个页面初始化的时候才设置一次。对于现在的前端框架，传统的每个页面设置title标签的做法是不行的。本文主要介绍了vue2 单页面如何设置网页title,小编觉得挺不错的，现在分享给大家，也给大家做个参考，希望能帮助到大家。推荐使用vue-wechat-title插件下载安装插件依赖npm i...
github链接借鉴吾记APP，使用 vue2.0+vue-router+vuex 为主要技术栈，elementui做为ui框架，多模块 spa 模式，webpack2.0 负责模块打包，gulp 负责处理静态资源打包、压缩，欢迎打赏star！！！吾记前端构建流程本地环境准备安装node： * （"node": ">=6.0"，对应需要升级node-sass，不然使用不了！）配置webpack： npm install -g webpack(sudo权限)windows配置cnpm：npm install -g cnpm --registry=https:依赖包安装进入wuji目录...
vue微信网页授权，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios，开发的微信授权方案。项目地址：vue-wechat-auth 参考了[vue-wechat-login]，思路有些不同，本文基于进入所有页面都必须先授权的操作。 与之前写的授权不同之处 这次的逻辑全部在router的beforeEach进行，相较更加简洁明。之前是在一个中间页author.vue中，加上微信授权要跳转很多次 在这里你能找到 微信网页授权前端解决方案，官方文档 如何使用Na...
业务需求，进入页面的时候，网页有个默认标题，加载的网页内容不同时，标题需要变更. 例:功能授权，功能授权(张三). 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) ...
前言： 公司最近有一个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（饿了...
前端框架如Vue、React等都是单页面的应用，也就是说整个web站点其实都是一个index页面，所谓的页面跳转都是替换index.html里边的内容，而页面的title是在每个页面初始化的时候才设置一次。对于现在的前端框架，传统的每个页面设置title标签的做法是不行的。 推荐使用vue-wechat-title插件下载安装插件依赖npm install vue-wechat-title --save在main.js中引入插件import VueWechatTitle from vue-wechat-title Vue.use(VueWechatTi...
HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10 2.实现思路：1> 使用html2canvas.js将网页转换为图片2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现：要这样实现首先要引入两个插件：html2canvas.jsjsPdf.debug.js 注：因为ie10在canvas截图时候会出现部分样式丢失的情况，所以在代码中有部分修改了页面的样式所以建议在做截图的时候，将页面代码复制一份到隐藏域，在隐藏域里面做修改，这样就不会修改页面...
在实际开发中，无论是做PC端、WebApp端还是微信公众号等类型的项目的时候，或多或少都会涉及到微信相关的开发，最近公司项目要求实现微信网页授权，并获取微信用户基本信息的功能及微信分享的功能，现在总算完成了，但开发过程中遇到好几个坑。废话不多说了，开始正题。描述点微信相关开发知识了解怎么样实现微信相关功能本地测试微信网页授权微信分享微信相关开发知识了解 微信公众号的appId，AppSecret当我们注册一个微信公众号后...
整理文档，搜刮出一个vue中将网页打印成pdf的代码，稍微整理精简一下做下分享。<template> <div class="pdf-wrap" id="pdfWrap"><button v-on:click="getPdf">点击下载PDF</button><div class="pdf-dom" id="pdfDom"></div> </div> </template> <style lang="scss" scoped></style> <script type="text/ecmascript-6">import html2Canvas from @/components/html2canvas.jsimport JsPDF from @/components/jsPdf.debug.jsexport de...
Vue学习完成Todo List网页，供大家参考，具体内容如下跟着老师学习Vue，我喜欢清爽的界面，就自己改了样式，看起来还不错，以后就用来记录要做的事情，实用性还蛮强。 Vue非常容易上手，运用到了双向绑定机制，即HTML里的DOM元素与JS里的Vue实例进行双向绑定，只要Vue实例中的代理数据改变，HTML中的实际数据就会跟着变，这和原生的Js的命令驱动模式不同，它是数据驱动模式，通过数据的改变来控制DOM的变化。什么意思呢？我们会在接...