web前端
斌道天下
这个作者很懒,什么都没留下…
展开
-
div上下左右居中
div上下左右居中原创 2023-02-09 23:38:55 · 306 阅读 · 1 评论 -
把整个网页转为图片
官方网址:官方网址:html2canvas - Screenshots with JavaScriptuniapp具体用法1.项目根目录安装nmpnpm install --save html2canvas2.网页引入文件const html2canvas = require('html2canvas');3.把想要生成图片的DIV写个ID,4.let domId = document.querySelector("#page_info")html2canv原创 2022-05-29 00:00:00 · 802 阅读 · 0 评论 -
uniapp瀑布流,小程序瀑布流,非常简单适合全平台
例子一看就懂,思路在拿去写网页,写uniapp,写小程序都行CSS就是大盒子正常,里面套2个小盒子左右浮动的小盒子,然后左右俩盒子里商品也变成inline-block就行了。不用写任何JS!接口正常获取数据就行。全网最简单的!我也是找瀑布流半天没合适的,自己想出来的办法!重点是代码里那句判断v-if="index%2==0" 和v-if="index%2==1"我是用的uniapp写的,如果是写原生微信小程序瀑布流,直接把v-if="index%2==0 改成 wx-if=""<.原创 2022-02-17 23:45:05 · 1839 阅读 · 3 评论 -
uniapp或者小程序 onLoad 接收不到参数的处理办法
uniapp或者小程序 onLoad 接收不到参数的处理办法onLoad(options) {console.log('options',options);}这么打印options,显示是undefined 或者是空。接不到上个界面或者扫二维码进来的参数。可以用onLoad(options) {var pages = getCurrentPages();var page = pages[pages.length - 1];const opt= decodeU.原创 2021-11-23 16:43:31 · 8483 阅读 · 2 评论 -
强制微信网页字体大小为100%
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {handleFontSize();} else {if (document.addEventListener) {document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);} else if (document.a..原创 2021-05-27 11:43:57 · 228 阅读 · 0 评论 -
判断是否是微信端打开的网页
var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ alert('是微信打开的') }else{ alert('不微信打开的') }...原创 2021-05-13 16:58:27 · 507 阅读 · 0 评论 -
JavaScript判断设备是手机端还是PC端,并加载不同的css/js文件
var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; ...原创 2021-01-14 10:11:42 · 757 阅读 · 2 评论 -
ajax接口调用
$.ajax({ type: "POST", url: '你的接口地址', dataType: "json", data: JSON.stringify('你要提交的数据'), success: function(data){ console.log('打印',data) if(data.err == 0){ alert('提交成功!'); }else{ aler...原创 2019-09-04 10:52:30 · 1298 阅读 · 0 评论 -
JS获取url链接里的参数
function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i]....原创 2019-07-26 14:32:34 · 969 阅读 · 0 评论 -
js手机和电脑打开不同的网站
首先,记得要引一个JS,不然下面js不生效然后替换掉里面的链接就行了 手机端把这段代码写到《hader》标签里面<script> if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAge...原创 2018-12-20 10:59:39 · 544 阅读 · 0 评论 -
VUE全网最详细安装教程
1.安装node.jsnode.js安装教程:网址:https://www.runoob.com/nodejs/nodejs-install-setup.html总结一下,教程里是让你去https://nodejs.org/en/download/ 下载安装一个node.js ,如下图,下载红圈这个(我是64位,32的自己看)。。下载完了以后安装就行了(可以一路点确定,安装到C盘,也可以...原创 2018-10-15 12:26:51 · 368 阅读 · 0 评论 -
JQ实现TAB切换
<!-- html代码begin --><div id="outer"> <ul id="tab" class=""> <li class="ck">标题1</li> <li>标题2</li>原创 2018-08-08 10:48:32 · 1079 阅读 · 0 评论 -
CSS多行文本溢出隐藏,显示省略号
单行文本溢出隐藏:overflow: hidden;单行文本溢出隐藏显示省略号:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出隐藏显示省略号:text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow...原创 2018-08-07 16:40:43 · 51608 阅读 · 4 评论 -
获取进网站的人的IP地址
<?php$ip = $_SERVER["REMOTE_ADDR"];file_put_contents('ip.txt',$ip, FILE_APPEND);header('Location: http://www.baidu.com/');PHP获取打开这个网址的IP,然后生成一个txt文件。第三句是打开PHP文件以后跳转到的网站。手机丢了可以用这个方法追踪。或者...原创 2018-08-02 14:57:41 · 1653 阅读 · 2 评论 -
点击复制input内容
function copyToClipboard() { var Url2 = document.getElementById("tuijianlianjie"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 layer.msg("已复制好,可贴...原创 2018-08-06 09:22:37 · 2792 阅读 · 0 评论 -
JS验证码倒计时
js验证码倒计时手机端的。点击以后开始倒计时 。很简单的东西。HTML<div class="register_box"> <div class="register"> <input id="tel" type="tel" placeholder="请输入您的手机号" /> <原创 2018-07-31 11:22:50 · 834 阅读 · 2 评论 -
swiper轮播图
<!--轮播图--><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.x.x/css/swiper.min.css"><section class="swiper-container"> <div class="swiper-wra原创 2018-07-31 11:00:07 · 503 阅读 · 0 评论 -
百度地图显示当前位置及位置信息
网页中一般都有关于我们这个模块,关于我们中调用百度地图API做的公司地址及信息展示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type=&qu原创 2018-07-31 10:52:13 · 10093 阅读 · 0 评论 -
手机端自适应页面通用CSS及公用HTML写法
把页面的通用属性全部写出来。所有的手机端新建项目时候都可以直接拿这套代码快速搭建一个手机端框架。js中规定了页面最大宽度。为16rem。所以width:16rem;就等于width:100%;我一般喜欢把边距设置为0.5rem。所以页面一般宽度我写了15rem。rem写法好处是,自适应手机屏,手机屏不管是大小,都完美显示,不会错位。相比用百分比写法,rem写法计算相对简单。...原创 2018-07-21 13:09:41 · 15620 阅读 · 0 评论