开发中遇到的问题
初来乍到到
一切文章都是为了记录自己
展开
-
JQ--上传图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" co.原创 2020-11-13 10:32:18 · 613 阅读 · 0 评论 -
JQ--复制文本
//适合循环出来需要复制的内容 也适合单独的内容<div class="order_number"> <span>订单号:<text id="shop1">11111111</text></span> <input type="button" value="复制" class="qlj" onclick="copyToClip('1111111111')" /> </div> <script&..原创 2020-11-13 10:29:07 · 1280 阅读 · 0 评论 -
前端与安卓和ios交互
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>h5与安卓和ios交互传参测试例子</title> <style> .btn {.原创 2020-08-06 10:02:14 · 609 阅读 · 0 评论 -
img src图片路径不存在,则显示一张默认图片的方法
可以借用img标签的onerror事件,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。代码如下: <img src="images/logo.png" onerror="javascript:this.src='winter.png';" />//onerror指定一张图片//下面也是一种方法当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一.原创 2020-07-30 14:42:56 · 1903 阅读 · 0 评论 -
怎么实现微信小程序跳转外部浏览器
小程序是不支持跳转外部浏览器的。更别说访问链接下载APP了,不过我们可以把需要的下载的地址放到生成的二维码里面,让用户来扫二维码进行下载APP或者访问需要的链接原创 2020-07-21 11:55:05 · 11635 阅读 · 6 评论 -
点击文字同时选中checkbox radio按钮 label实现
<div class="divFlex" data-price="0.00" data-value="0"> <p class="p"> <label class="label-input" data-price="0" data-value="0"> <input type="radio" class="radio" name="m_c.原创 2020-07-09 15:47:47 · 497 阅读 · 0 评论 -
html2canvas 把标签合成为canvas图片
<style> #can{ background:red; height:200px; width:200px; text-align: center;line-height:200px;}<style><div id="can"> 合成为图片</div><img class="info_fofo" src="" />//先引入js文件<script src="http:/.原创 2020-05-22 10:45:20 · 474 阅读 · 0 评论 -
table表格里面的数量竖向相加
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docume...原创 2020-04-11 10:31:47 · 526 阅读 · 0 评论 -
babel-loader和webpack版本不一致,导致项目启动失败
使用create-react-app脚手架创建好一个项目之后,我的项目名称是my-react,在项目下使用npm start启动程序,但是在这一步出现错误意思是说用create-react-app创建项目的时候所用到的babel-loader依赖是8.0.6版本的,但是在我所创建项目的node_modules下的babel-loader版本是7.1.5的版本。所以我要把版本升级才可以启动项...原创 2019-09-26 14:05:46 · 5338 阅读 · 1 评论 -
Vue底部导航icon图标或图标切换功能实现
功能需求:底部导航切换页面,同时切换图片。底部为公共组件 通过click点击事件获取下标来进行类名动态切换图标。这里之所以使用v-show,因为底部导航要进行频繁的切换。<template> <footer class="footer"> <ul> <li v-for="(item, index) of...原创 2019-09-24 13:43:37 · 7401 阅读 · 2 评论 -
一步步教你使用rem适配不同屏幕的移动设备
1.先说说几个前端常用的几个单位的概论:1、px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。 2、em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位...转载 2019-09-24 10:09:09 · 261 阅读 · 0 评论 -
开发中遇到的问题(一)window 下拿不到 $(document).scrollTop()
今天开发的过程中遇到 在window 下拿不到 $(document).scrollTop() ,这让我很郁闷因为导航头部是共用的。最终发现有两个css文件,另一个文件中把body的高度设置成了100%;在把html,body的高度样式设置为100%的情况下那麽$(window).scroll方法将检测不到正确的滚出高度(0),导致滚动监听事件失效,解决方法:设置html,body{heigh...原创 2019-07-31 11:03:55 · 1085 阅读 · 0 评论