H5
文章平均质量分 50
H5
__畫戟__
前端。知之为知之,不知为不知
展开
-
页面水印添加工具【watermark-plus】,可防止手动删除水印,支持文本水印、图片水印、定制水印内容
安全问题不能大意,对于一些比较敏感的内容,我们可以通过水印方案,最大程度地给浏览者警示的作用,减少泄密的情况,甚至泄密了,也有可能追踪到泄密者。watermark-plus,使用简单,可防止手动删除水印;支持Vue、React等JS框架;支持文本水印;支持图片水印;可防止被删除;可防止重复渲染;可动态适应超长水印文本;高清晰度;支持浏览器端打印;可配置性强;支持自定义水印内容(排版、样式、内容);原创 2021-12-24 15:14:59 · 5006 阅读 · 13 评论 -
移动端JS判断手势方向
移动端JS判断手势方向,返回手势滑动方向原创 2022-05-11 11:26:49 · 488 阅读 · 0 评论 -
如何解决canvas生成图片显示不清晰问题?
canvas 高清晰度原创 2022-02-27 23:59:20 · 8608 阅读 · 1 评论 -
使用canvas把照片旋转任意角度
使用canvas把照片旋转任意角度;conext.translate;context.rotate;context.drawImage;context.restore;修改canvas坐标系原点;原创 2022-04-26 23:07:41 · 6170 阅读 · 0 评论 -
H5 长按dom保存为图片
在 H5 实现一个长按 dom 节点,将当前节点保存为图片的功能,核心步骤如下实现长按功能dom 转 canvas原创 2022-04-17 23:08:33 · 1818 阅读 · 1 评论 -
解决【H5端无调试面板】问题
vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板。特性查看 console 日志 查看网络请求 查看页面 element 结构 查看 Cookies、localStorage 和 SessionStorage 手动执行 JS 命令行 自定义插件...原创 2021-06-10 21:32:15 · 425 阅读 · 0 评论 -
rem适配原理
rem计算公式、rem图解、媒体查询、rem含义:w3c的定义是相对于根元素的字体大小(font-size)在根元素的font-size属性中指定时,rem单位是指属性的初始值;这意味着1rem等于html元素的字体大小。原创 2021-08-29 00:03:20 · 440 阅读 · 0 评论 -
Canvas绘制饼状图、绘制文字、绘制图像
canvas 绘制圆弧;canvas 绘制扇形;canvas 绘制饼形图;canvas 绘制圆角矩形;canvas 绘制文字;canvas 设置文字属性;canvas 绘制图片;canvas 平移转换;canvas 旋转转换;canvas 缩放转换;canvas 绘制一个n等分的圆;canvas 绘制饼状图;canvas 绘制折线图;原创 2021-08-27 10:24:51 · 1531 阅读 · 0 评论 -
移动端浏览器Touch事件判断手指滑动方向方法
$("body").on("touchstart", function(e) {e.preventDefault();startX = e.originalEvent.changedTouches[0].pageX,startY = e.originalEvent.changedTouches[0].pageY;});$("body").on("touchmove", function(e) {e.preventDefault();moveEndX =...原创 2021-06-25 11:21:17 · 328 阅读 · 0 评论 -
解决【H5移动端键盘收起后页面上移不复位】问题
import $ from 'jquery'import store from '@/store'export default function() { $(function() { // 移动端才加这个判断(我们的项目在企业微信PC也可使用) if (store.state.app.platform.includes('ios') || store.state.app.platform.includes('android')) { // 移动端键盘收起事件处理 .原创 2021-06-15 18:52:41 · 2404 阅读 · 0 评论 -
小程序跳H5 及 H5回跳小程序,亲测有效
小程序跳H5:https://uniapp.dcloud.io/component/web-view?id=web-view<template> <view class="page"> <web-view :src="src"></web-view> </view></template><script>export default { data() { return { .原创 2021-02-25 20:37:30 · 640 阅读 · 0 评论 -
uni-app自定义打包目录package.json命令配置
uni-app 使用 npm run build 命令打包,会根据环境生成不同的目录文件。开发和测试环境会生成到 dev 文件夹,而生产环境则生成到 build 文件。为了方便自动化部署,需要统一一下打包目录,需要修改一下 package.json 文件:"build:dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist/build/h5 vue-cli-service uni-build",增加原创 2021-02-18 18:21:11 · 9985 阅读 · 0 评论 -
pdf.js移动端展示预览打开pdfh5.js
pdfh5.jshttps://www.gjtool.cn/archives/pdfh5原创 2021-02-18 18:08:35 · 773 阅读 · 1 评论