js
关注
分享
扫一扫
文章平均质量分 52
你蠢哭我咯
个人博客：www.adebibi.com
展开
-
是否首次进入页面判断方案
需求进入：1.进入A页面，输入一些信息后，跳转B页面选人，然后携带用户信息回到A。A中所有内容都保留，且携带回B页面选的人。2.每次从新进入A页面，A页面刷新。解决方案：进入A页面时，直接replace跳转当前url拼接一个时间戳参数。ts=当前时间。用户不会有跳转感知，浏览器里也不会多一层历史记录交互中跳转B页面回来后，判断有ts时间戳参数，则代表非新进入页面。当用户从新进入A页面时...原创 2020-03-13 16:10:22 · 2293 阅读 · 0 评论 -
iframe跨域通信(设置高度)
主页面html<iframe width="100%" id="yqiframe" name="sendMessage" src="https://m.abc.cn/test.html" frameborder="0" scrolling="no"></iframe>主页面js$(function () { var ifr = window.frames['s...原创 2020-03-12 17:56:56 · 355 阅读 · 0 评论 -
js生成二维码
<html><head><title>Javascript 二维码生成库：QRCode</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device...原创 2019-11-08 13:52:34 · 281 阅读 · 0 评论 -
小程序父子组件通信-传值、父组件调取子组件、子组件调取父组件
父组件中 default-value为传递给子组件的值<x-picker-date id="picker-date" default-value="{{newTime}}" wx:if="{{showPicker}}" bind:myevent="toggleToast"></x-picker-date>父组件jsshowPickerDate(e) {原创 2018-07-08 18:49:40 · 28413 阅读 · 3 评论 -
date日期相关操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myD...转载 2018-07-08 18:31:26 · 518 阅读 · 0 评论 -
当前日期时间往前往后30、60、90、n天
function getBeforeDate(datt){ // var datt = '2018-07-07'.split('-');//这边给定一个特定时间 datt = datt.split('-'); var newDate = new Date(datt[0], datt[1] - 1, datt[2]); var befminuts = newDate.getTime...转载 2018-07-08 18:30:09 · 10860 阅读 · 0 评论 -
element el-input @change 无法触发，@input值出错问题
这里是demohtml<div id="app"> el-input <el-input v-model="input" @input="changeValue"></el-input> class el-input <div class="el-input"> <inpu原创 2018-06-20 10:39:26 · 40446 阅读 · 2 评论 -
正则表达式
验证数字的正则表达式集 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数：^\+...原创 2018-06-17 23:34:57 · 152 阅读 · 0 评论 -
vue-cli 3.0项目深克隆lodash使用
lodash官网npm i --save lodashmain.jsimport _ from "lodash";使用let data = _.cloneDeep(this.userInfoData)原创 2018-06-16 11:39:37 · 4142 阅读 · 0 评论 -
element表单验证及清除校验
<el-form class="task-dialog-form" :model="againForm" :rules="againRules" size="small" ref="againForm" label-width="80px"> <el-row> <el-col :span="原创 2018-07-25 09:20:10 · 60346 阅读 · 9 评论 -
简单http请求
简单http请求function clientRequest(url, data) { var client = new XMLHttpRequest(); client.open("POST", url, false); // 响应方式 接口链接 是否异步请求 client.setRequestHeader("Content-Type","application/x-www-for...原创 2018-09-25 17:24:08 · 409 阅读 · 0 评论 -
vue中清空input标签中file的值
&lt;input type="file" ref="clearFile" name="file" id="file"&gt;&lt;button @click="clearFile"&gt;&lt;/button&gt;cle原创 2018-10-29 18:17:58 · 8100 阅读 · 0 评论 -
正则表达式
定义：正则用于规定在文本中检索的内容，它是对字符串执行模式匹配的强大工具RegExp（正则表达式） 对象的语法： new RegExp(pattern, attributes);pattern为一个字符串或匹配规则attributes为可选字符串，包含属性g、i 和 mg：代表全局匹配 (继续往下匹配)i：代表不区分大小写匹配m：代表多行匹配，只对^和$模式有用定义正则...转载 2019-01-11 10:34:33 · 163 阅读 · 0 评论 -
element中el-cascader使用props设置value、label、children
从后端拿到arr数据结构：cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码<el-cascader :options="cityList" :pr...原创 2019-01-02 20:50:29 · 71455 阅读 · 22 评论 -
webpack外部扩展，依赖前置
引入了外部jsindex.html<script src="https://code.jquery.com/jquery-3.1.0.js" integrity="sha256-slogkvB1K3VOkzAI8QITxV3VzpOnkeNVsKvtkYLMjfk=" crossorigin="anonymous"></script>js中impor...原创 2019-03-20 10:57:17 · 998 阅读 · 0 评论 -
postcss-pxtorem中使用selectorBlackList过滤，使某些样式不进行rem转换
const pxtorem = require('postcss-pxtorem');配置中：pxtorem({ rootValue: 100, propList: ['*','!border'], selectorBlackList: ['.am-'] // 过滤掉.am-开头的class，不进行rem转换})原创 2019-04-07 15:41:42 · 13950 阅读 · 0 评论 -
webpack插件及配置
const path = require('path')// html打包const htmlWebpackPlugin = require('html-webpack-plugin')// js压缩const UglifyJsPlugin = require("uglifyjs-webpack-plugin");// 打包前删除之前包const { CleanWebpackPlugi...原创 2019-08-26 22:33:17 · 274 阅读 · 0 评论 -
git使用-首次推送、dev分支创建、合并分支、查看历史、版本回退
本地代码首次推送到远程仓库git init // 初始化版本库git add . // 添加文件到版本库（只是添加到缓存区），.代表添加文件夹下所有文件 git commit -m &amp;quot;first commit&amp;quot; // 把添加的文件提交到版本库，并填写提交备注首次推送git remote add origin http://orgin.git // 把本地库与远程...原创 2018-06-16 11:33:54 · 7150 阅读 · 0 评论 -
js判断当前客户端
function isIphoneX(){ return /iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375) }或者使用navigator对象原创 2018-06-01 16:23:40 · 572 阅读 · 0 评论 -
axios配置
import axios from 'axios'import qs from 'qs'import { Message } from 'element-ui'// import * as _ from '../util/tool'axios.defaults.timeout = 5000; //响应时间// axios.defa...转载 2018-06-14 20:10:56 · 2132 阅读 · 0 评论 -
移动端键盘弹出收起事件处理
var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;$(window).on('resize', function (e) { var nowClientHeight = document.documentElement.clientHeight || document转载 2018-03-26 10:27:48 · 8246 阅读 · 0 评论 -
js鼠标键盘无操作
<script> var count = 0; var outTime=30;//分钟 window.setInterval(go, 1000); function go() { count++; if (count == outTime*60) { alert("您因长时间未进行操作导致页面过期");转载 2018-03-18 15:47:39 · 790 阅读 · 0 评论 -
js浮点数问题笔记
function add(a, b) { var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0; } try { d = b.toString().split(".")[1].length; } cat转载 2018-01-09 17:17:41 · 212 阅读 · 0 评论 -
vue中获取当前点击元素
取到富文本编辑器内容，点击图片视频放大或者切换路由功能//data.content即为pc端编辑好的富文本内容"content" id="content" @click="getDom($event)"> "data.content">//点击内容中的图片放大getDom(event){ console.log(event)//event.target.nodeName原创 2018-01-25 11:12:04 · 4386 阅读 · 0 评论 -
svg曲线
<svg height="400" width="450"> <path class="link" d="M 109,306 C 226,302 129,157 258,150" style="fill:none;stroke:#ccc;stroke-width=6px;cursor: default;"/> <path class="link" d="M 0,100 C 27,原创 2018-01-31 11:03:10 · 1928 阅读 · 0 评论 -
js获取，设置滚动条位置
let scrollTop = document.body.scrollTop+document.documentElement.scrollTop;let scrollTop= document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;console.lo翻译 2018-01-23 10:07:36 · 25024 阅读 · 0 评论 -
根据经纬度计算距离
var EARTH_RADIUS = 6378137.0; //单位Mvar PI = Math.PI;function getRad(d){ return d*PI/180.0;}//根据经纬度算距离getGreatCircleDistance(lat1,lng1,lat2,lng2){ var radLat1 = getRad(lat1); var radL转载 2017-12-05 23:41:06 · 987 阅读 · 0 评论 -
js时间格式化,日期加减天
2017-11-7简单获取年月日var d = new Date();var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();console.log(str)//2017-11-7简单获取年月日日期格式化dateFtt:function(fmt,date) { //author: meizz var o = {原创 2017-11-07 20:17:05 · 1021 阅读 · 0 评论 -
js时间转换问题
1.js字符串转换成时间 1.1方法一：输入的时间格式为yyyy-MM-ddfunction convertDateFromString(dateString) { if (dateString) { var date = new Date(dateString.replace(/-/,"/")) return date; }}1...转载 2018-03-28 16:30:34 · 1070 阅读 · 0 评论 -
js滚动条位置，顶部，底部，触发事件
function getScrollTop(){ var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; if(document.body){ bodyScrollTop = document.body.scrollTop; } if(document.documentElement)...转载 2018-04-04 13:31:32 · 3694 阅读 · 0 评论 -
js监听变量
监听单一变量var obj={};Object.defineProperty(obj,'data',{ get:function(){ return data; }, set:function(newValue){ data=newValue; console.log('set :',newValue); ...转载 2018-06-14 09:21:48 · 2761 阅读 · 1 评论 -
vue在ios返回上一路由白屏
原文链接问题描述：进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决原因是，经过排查，发现在ios 机器上使用webview 开发Vue项目时候，go history (-1)，无法将body 的高度拉掉，使得遮住，触发轻点击，方可消除该遮罩解决的理论：用于最重要的html 容器是container，然而因...转载 2018-06-04 21:20:04 · 6299 阅读 · 0 评论 -
移动端人民币符号 '￥'显示
人民币符号少一横杠将代码中的'￥'更改为 &yen;原创 2018-06-04 13:55:36 · 2305 阅读 · 0 评论 -
Vue 打包后背景图片不显示问题
如果你是直接打开dist/index.html,需要将config/index.js改为下面build: { assetsPublicPath: './'}build/utils.js增加function generateLoaders (options) { ... if (options.extract) { return ExtractT...原创 2018-05-14 20:04:11 · 3168 阅读 · 0 评论 -
web静态服务器
const http = require("http");const path = require("path");// appconst express = require("express");const app = express();// cors// app.all("*", function(req, res, next) {// res.header("Acce...原创 2018-05-12 15:07:18 · 298 阅读 · 0 评论 -
vue2-preview缩略图插件
https://github.com/daidaitu1314/vue2-preview//npmnpm i vue2-preview -S//引入import VuePreview from 'vue2-preview'Vue.use(VuePreview)//使用<template> <img class="preview-img" v-for="...原创 2018-05-17 20:31:42 · 9995 阅读 · 6 评论 -
vue监听滚动条-吸顶
mounted(){ window.addEventListener('scroll', this.handleScroll)}handleScroll () { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop co...转载 2018-05-17 16:42:47 · 1718 阅读 · 0 评论 -
jsencrypt加密
https://github.com/travist/jsencrypt前端代码<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Login</title&am转载 2018-05-03 19:21:34 · 5446 阅读 · 0 评论 -
js每三位加逗号
//js每三位加逗号 function formatNum(str) { str+='' var newStr = ""; var count = 0; if(str.indexOf(".") == -1) { for(var i = str.length - 1; i >= 0; i--) {转载 2017-07-25 17:53:47 · 404 阅读 · 0 评论