摘要:
H5实现移动端图片预览:手势缩放, 手势拖动,双击放大... 时间 2021-08-14 前言本文将介绍如何经过js实现移动端图片预览,包括图片的 预览模式,手势缩放,手势拖动,双击放大等基本功能;代码地址http://pangyongsheng.github.io/imgPreview/css 查 阅读全文
摘要:
2021-03-31 H5页面点击图片自动全屏代码 js代码如上 <script type="text/javascript"> $(function() { $(".layui-tab-content div img").click(function() { var _this = $(this) 阅读全文
摘要:
html5图片点击放大 已于 2022-07-21 15:51:52 修改 第一种: css: <style type="text/css"> * { margin:0px; padding:0px; } .zhezhao { width:100%; height:100%; background- 阅读全文
摘要:
H5缩略图全屏放大并左右滑动实现(适配H5和PC) 最近做H5遇到一个任务:点击页面缩略图全屏放大,并要支持左右滑动切换大图。这里特地记录一下: 先看高清无码效果图: 首先,创建缩略图容器: <div id="thumbs"> <a href="img/1.jpg" style="backgroun 阅读全文
摘要:
H5项目接入微信授权登录,通过 UA 区分微信还是普通浏览器: let ua = navigator.userAgent.toLowerCase(); let isWeixin = ua.indexOf('micromessenger') !== -1; 但是在微信小程序中嵌套该页面也会被认为是微信 阅读全文
摘要:
于 2021-06-17 20:33:33 订阅专栏 //判断网页打开浏览器类型,PC 手机端,微信浏览器,,, <script type="text/javascript"> var browser = { versions: function() { var u = navigator.user 阅读全文
摘要:
判断H5页面环境在微信中还是小程序中 用小程序提供的wx.miniProgram.getEnv可以获取环境参数 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> 阅读全文
摘要:
uni-app 第三方应用中调起微信分享 最近做项目的时候遇到一个问题 在APP中的某个单独的小项目中使用uni-app写的项目调起微信分享 单独引入jweixin-1.6.0.js在需要分享的页面中时, 页面会报错,导致原有的数据都没有展示出来; 可以使用第三地方组件 npm install jw 阅读全文
摘要:
H5跳转微信小程序-成功案例(VUE)(踩坑无数) TuoMei 已于 2022-07-29 09:52:22 修改 准备工作 根据官方提供的资料需准备以下几点: 1、已认证的服务号 2、绑定JS接口安全域名 (在微信公众平台设置) 3、IP白名单 (在微信公众平台设置) 4、将小程序和H5公众号进 阅读全文
摘要:
Css多行字符截取方法详解 时间:2021-07-01 10:21:17 相信有很多同学在写前端页面的时候,都会遇到字符长了需要截取的问题,最简单的方法就是手动去截取,可这样又感觉太low了,今天晚上就来讲讲利用css进行字符的截取,不了解css是如何截取的同学可以和我们一起看看哦! 前言 最近在做 阅读全文
摘要:
css里面圆形的代码,如何使用纯css实现圆形图像或叶子图像?(代码实例) 网易美学于 2021-08-03 22:15:22 发布946 收藏 文章标签: css里面圆形的代码 有没有想过如何制作那些各式各样的圆形图像而无需用ps,本篇文章就来给你介绍一下如何使用css来实现圆形图像,话不多说,让 阅读全文
摘要:
css中content可以用到的字符编码 项目中用到的一些特殊字符和图标 html代码 <div class="cross"></div> css代码.cross{width: 20px;height: 20px;border-radius: 10px;border: 1px solid #DBE6 阅读全文
摘要:
var reg = /^0\.[1-9]{0,2}$/;var linka = 0.1;console.log (reg.test (linka)); 0到1两位小数正则 ^(0\.(0[1-9]|[1-9]{1,2}|[1-9]0)$)|^1$ 不含0、0.0、0.00 // 验证是否是[1-10 阅读全文
摘要:
jquery.validate使用攻略(表单校验) 目录 jquery.validate使用攻略1 第一章 jquery.validate使用攻略1 第二章 jQuery.validate.js API7 Custom selectors7 Utilities8 Validator8 List of 阅读全文
摘要:
自整理几个jquery.Validate验证正则: 1. 只能输入数字和字母 /^[0-9a-zA-Z]*$/g jQuery.validator.addMethod("letters", function (value, element) { return this.optional(elemen 阅读全文
摘要:
用IDEA插件实现json字符串格式化 Echoo华地 于 2022-10-14 11:50:47 发布 分类专栏: 使用工具 文章标签: intellij-idea ide json 格式化 json字符串格式化 订阅专栏安装插件SaveAction 安装完成重启idea生效配置插件 简单的配置就 阅读全文
摘要:
若依前后端分离项目源码解读笔记 已于 2022-12-02 09:03:47 修改 收藏 2 分类专栏: spring boot 文章标签: java 开发语言 版权 spring boot 这里写目录标题 一、SpringSecurity 1.1 入口 二、JWT 2.1 登录生成token 2. 阅读全文
摘要:
JQuery-$.when().done().fail()的使用 原文引用于 Echoo华地于 2022-01-06 14:07:10 发布 jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入 阅读全文
摘要:
如何等待ajax完成再执行相应操作 ajax广泛应用于异步请求,对于大多数业务来说,这是十分方便的,但对于一些特殊的业务,ajax的异步性会起到相反的作用。 例如在ajax请求成功后,后续的操作需要依赖ajax执行成功后的相应操作。 // 声明一个表示状态的全局变量 status var statu 阅读全文
摘要:
解决Bootstrap布局注册表单input标签前增加必填项*提示与input框不在同一行问题 注册表单部分代码如下: 1 <form id="registForm" class="form-horizontal" action="${pageContext.request.contextPath 阅读全文