2020年1月4日
vue中添加百度统计代码
摘要： 一、在百度统计网站中添加自己的网站 1、官网地址：https://tongji.baidu.com/web/welcome/login。 2、在’管理‘一栏中选择‘网站列表’，然后选择新增网站，添加成功后点击代码获取，可以获取统计代码。 二、 在maim.js下百度统计代码添加 var _hmt = 阅读全文
posted @ 2020-01-04 22:57 帆酱 阅读(1472) 评论(0) 推荐(0) 编辑
一个基于vueCli3的移动端多页面脚手架
摘要： Vue Multiple Pages 基于vue-cli3.0 + webpack@4.28.4的多页脚手架 项目地址：点击此处 线上demo：点击此链接 编译速度与热跟新速度要优于webpack2.0、3.0，但相应的消耗内存变大，在node中出现内存溢出现象，如页面过多，使用 npm run f 阅读全文
posted @ 2020-01-04 09:50 帆酱 阅读(1589) 评论(4) 推荐(0) 编辑
2020年1月3日
一个基于WabPack4的 Vue 多页面原生写法脚手架
摘要： 如果本文帮助到你，本人不胜荣幸，如果浪费了你的时间，本人深感抱歉。希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误，请一定指出，以免误导大家、也误导我。 项目github地址 线上demo地址 vue_no_cli_multiple_page 根据官方文档修改，不使用vue-cli多页面项 阅读全文
posted @ 2020-01-03 23:32 帆酱 阅读(152) 评论(0) 推荐(0) 编辑
基于vue的自定义日历组件
摘要： 如果本文帮助到你，本人不胜荣幸，如果浪费了你的时间，本人深感抱歉。希望用最简单的大白话来帮助那些像我一样的人。如果有什么错误，请一定指出，以免误导大家、也误导我。 项目github地址 线上demo地址 使用步骤： 1、安装包 cnpm i 2、运行dev npm run dev 项目目录： 自定义 阅读全文
posted @ 2020-01-03 23:26 帆酱 阅读(3861) 评论(0) 推荐(0) 编辑
vue使用html2canvas实现移动端H5页面截图
摘要： html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。 点击查看：官方文档 点击查看：线上demo 安装 阅读全文
posted @ 2020-01-03 23:22 帆酱 阅读(2150) 评论(0) 推荐(0) 编辑
vue使用domtoimage实现移动端H5页面截图
摘要： dom-to-image是一个可以将任意DOM节点转换为用JavaScript编写的矢量（SVG）或光栅（PNG或JPEG）图像的库。 它基于Paul Bakaus的domvas并且已被完全重写，修复了一些错误并添加了一些新功能（如Web字体和图像支持）。 github：点击查看 线上demo：点击 阅读全文
posted @ 2020-01-03 23:20 帆酱 阅读(3578) 评论(5) 推荐(0) 编辑
swiper5切换页面数据动态加载
摘要： 如果本文帮助到你，本人不胜荣幸，如果浪费了你的时间，本人深感抱歉。如果有什么错误，请一定指出，以免误导大家、也误导我。 swiper官方网址：点击查看 线上demo：点击查看 核心方法，在当前Slide切换到另一个Slide时执行： <script language="javascript"> va 阅读全文
posted @ 2020-01-03 23:10 帆酱 阅读(2808) 评论(0) 推荐(0) 编辑
H5使用photo-sphere-viewer.js实现360&#176;全景
摘要： 官方网站：https://photo-sphere-viewer.js.org/ 线上demo：点击查看 需要引入的文件 <link rel="stylesheet" href="./css/photo-sphere-viewer.min.css"> <!-- 3D --> <script src= 阅读全文
posted @ 2020-01-03 23:07 帆酱 阅读(3267) 评论(14) 推荐(1) 编辑
H5 jq+canvas实现pc写字板功能
摘要： 如果本文帮助到你，本人不胜荣幸，如果浪费了你的时间，本人深感抱歉。 如果有什么错误，请一定指出，以免误导大家、也误导我。 线上demo1：点击查看 线上demo2：点击查看 实现此功能需掌握一些基本的canvas语法。 demo1代码： <!DOCTYPE html> <html> <head> < 阅读全文
posted @ 2020-01-03 22:54 帆酱 阅读(742) 评论(0) 推荐(0) 编辑
vue多语言转换的几种方法
摘要： 一、静态转换 使用 Vue 插件 language-tw-loader 在打包时把本地的文字转换成繁体，动态加载的文字不会转换。也就是说接口返回的文字不会自动转换。 打包后无法再切换为简体。除非专门打一个简体的包。 使用方式 1、安装插件 npm i language-tw-loader --sav 阅读全文
posted @ 2020-01-03 22:50 帆酱 阅读(5010) 评论(0) 推荐(3) 编辑