佳人与北-优快云博客

原创 vue 安卓调用h5方法

async mounted() { //将要给原生调用的方法挂载到 window 上面 let me = this; window['getAppPhone'] = (参数) => { me.getAppPhone(参数); }}methods: { // app端调用此方法，传递手机号 getAppPhone(参数){ …… }}...

2021-01-06 14:37:14 677

1.登录公众号的微信开放平台2.下载.txt文件放到项目域名根目录3.将项目网址域名添加到平台白名单(function() { function shareInit(titleData, shareDescData, shareImgUrl) { var shareUrl = window.location.href; var shareTitleGroup, shareTitle, shareDesc, shareImg; shareTitleGroup = t

2020-12-04 10:31:35 224

原创移动端div跟随滚动条滚动（自制

/*隐藏bady滚动条*/*::-webkit-scrollbar { display: none;}<div class="p2-content search-box"> //内容盒子有宽有高 y轴滚动 <div class="content-box" id="search-box-content"> //内容部分 <img class="p2-search-input" data-src="img.

2020-11-23 16:44:40 561

原创 vue 跨域

跨域是浏览器为了安全而做出的限制策略浏览器请求必须遵循同源策略：同协议、同域名、同端口三大解决跨域方法CORS跨域：服务端设置，前端直接调用，后台允许前端某个站点进行访问 1.引入axiosnpm i axios --save-dev2.请求import axios from 'axios'axios.get(url).then( res => { console.log(res)}) JSONP跨域：前端适配，后台配合，前后台同时改造 jso..

2020-10-23 14:31:35 822

原创 vue input 金额

<input v-model="price" type="digit" @input="handleInput2" :maxlength="moneyMaxLeng" class="item-asw" placeholder="请输入金额"/> handleInput2(e) { this.$nextTick(() => { let val = e.target.value.toString(); val = val..

2020-08-01 19:47:23 961

原创 @vue/cli创建

安装vue-cli3的命令：npm install -g @vue/cli;启动项目的命令：1.图形界面创建vue uiGUI图形界面:方便，运行速度比较慢，2.命令行创建vue create namenpm run serve 启动3.导入 vue-cli2的项目cnpm install 安装依赖npm run dev 启动...

2020-03-31 12:47:52 143

原创 vue-cli2创建项目流程

为什么使用vue-cli：算法结构、本地测试、代码部署、热加载、单元测试1.下载安装node.js 官网：https://www.nodejs.cn下载完成后安装，记住安装的位置，因为要配置path变量安装完成后启动命令行输入 node -v ,查看是否可以使用此条命令，若不能就要去配置环境变量配置环境变量，把nodejs安装的路径复制下来，此电脑右键属性，找到系统...

2020-03-29 17:50:09 1508

原创 js请求native的jsBridge

2019-12-27 09:39:12 424

原创获取两个值中的随机数

如果你想要一个1到10之间的随机数，你可以这样得到它：let randomNumber = randomInt(1, 10);这是randomInt方法的定义：function randomInt(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min;}...

2019-12-11 15:25:31 363

原创 h5解决iPhone上input聚焦页面整体上移，键盘消失页面没有落下来

var htmlScrollHeight; $('.other-input input').on('focus', function () { htmlScrollHeight = $(document).scrollTop(); }); $('.other-input input').on('blur', function...

2019-12-02 17:29:21 1139

原创视频播放jsmpeg.js

jsmpeg.js<canvas style="width: 100%" id="video-canvas"></canvas><script src="js/lib/jsmpeg.min.js"></script>app.videoPlay = new JSMpeg.Player(app.params.ts, { c...

2019-11-22 12:01:23 6611 3

原创 url地址后的参数获取

function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则 ...

2019-11-15 17:28:19 134

原创 html2canvas.min.js（生成图片插件）

2019-07-23 11:14:56 11290

原创 qrcode生成二维码

地址：https://github.com/jeromeetienne/jquery-qrcode<div id="qrcode" class="qrcode"></div>// 生成微信分享二维码 function generateQrcode () { document.getElementById('qrcode').innerHTML = '...

2019-07-23 11:08:49 246

转载 Parallax.js页面视差滚动插件

!function(t, i, e) { "use strict"; function s(t, i) { this.element = t, this.layers = t.getElementsByClassName("layer"); var e = { calibrateX: this.data(t...

2019-07-19 14:20:44 781

转载竖屏项目landscape.js

(function() { var landscapeTip; function createLandscapeTip() { if (!landscapeTip) { landscapeTip = document.createElement('div'); landscapeTip.style.background = 'black'; ...

2019-07-19 14:19:13 579

转载横屏项目orientation.js

(function() { var wb, hb; function resizeBody() { wb = document.documentElement.clientWidth; hb = document.documentElement.clientHeight; if (hb <= wb) { $('.page,.dialog').c...

2019-07-19 14:18:33 912

转载 vconsole.min.js，移动端控制台插件

2019-07-17 17:38:46 5429

原创 js 滚动到顶部

//滚动指定div内的滚动条到顶部 $('.returnTop').click(function(){ document.getElementById('container').scrollIntoView({behavior: "smooth"});; });//滚动页面到顶部 $('.returnTop').click(function(){...

2019-07-15 16:46:32 772

原创 h5页面流畅滚动

ps:高必须是100%，且内部高比外部高高。html:class="p1scroll scrollable"css:.p1scroll {overflow-y:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; position:absolute; width:100%;...

2019-07-11 17:40:56 777

原创 vue生命周期

一：vue.js度目录结构：build:项目构建(webpack)相关代码config:配置目录，包括端口号等。node_modules:npm加载的项目依赖模块src:这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets:放置一些图片，如logo等。 components:目录里放置组件文件。 App.vue:项目入口文件，我...

2019-06-24 17:31:03 157

原创手机与座机号码正则表达式/特殊字符

//手机正则 var mobilePtn = /^1[34578][0-9]{9}$/; //座机正则 var landlinePtn = /^(0[0-9]{2,3}\-)([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/; function isValidMobile(val) { return mobilePtn.test(val);//f...

2019-06-20 10:19:13 9256

转载 js转义html

/*** @function escapeHTML 转义html脚本 < > & " '* @param a -* 字符串*/escapeHTML: function(a){ a = "" + a; return a.replace(/&/g, "&").replace(/</g, "&amp...

2019-05-23 09:34:34 256

原创跟着各种资料从头捋一遍javascript

1.js诞生于1997年，Brendan Eich10天设计出来的，当时java很火，为了蹭热度，网景公司将其取名为JavaScript，两者除了语法有点像，啥关系都没有。2.ECMAScript是一种语言标准，JavaScript是网景公司对ECMAScript标准的一种实现。3.直接在硬盘上创建好HTML和Javascript文件，然后用浏览器打开，这种方式运行部分js代码没问题，但由...

2019-05-13 13:43:28 331

原创 js 关于安卓和苹果及微信内置浏览器的一些bug总结

1.控制软键盘收起：document.activeElement.blur();//软键盘收起2.安卓软键盘弹起与收起的监测var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function(){ var thisHeight=$(this).height();...

2019-04-15 14:46:21 841 1

原创 vue 在子组件内获取prop中的值

mounted() { let _this=this; let props = {..._this._props}; console.log(props,"props.......") },参考文章：https://www.cnblogs.com/epines/p/9518745.html

2019-01-22 15:47:22 9085

转载 vue 截图上传头像组件

<template> <div id="demo">  <div class="container" v-show="panel"> <div> <img id="image&quot

2019-01-22 15:36:17 705

原创页面根据指定速度滚动到指定位置

$('.p1-s0-to-rule').click('click',function () { var ruleTop = $('.p1-section-rule').position().top;//滚动的位置； $('.p1').animate({ scrollTop: ruleTop},500,'swing');//开始滚动 })animate 该方法通过CSS样式将元素...

2018-05-14 16:55:13 548

原创 js保存图片到手机相册（ios与android通用）

1、将图片上传到后台，拷贝链接。2、Downloader模块管理网络文件下载任务，用于从服务器下载各种文件，并支持跨域访问操作。通过plus.downloader获取下载管理对象。Downloader下载使用HTTP的GET/POST方式请求下载文件，符合标准HTTP/HTTPS传输协议。方法：createDownload: 新建下载任务详情链接：http://www.html5plus.org/...

2018-04-03 12:09:24 89320 13

转载实时获取用户所在城市（管理设备位置信息）

Geolocation模块管理设备位置信息，用于获取地理位置信息，如经度、纬度等。通过plus.geolocation可获取设备位置管理对象。虽然W3C已经提供标准API获取位置信息，但在某些平台存在差异或未实现，为了保持各平台的统一性，定义此规范接口获取位置信息。1、getCurrentPosition: 获取当前设备位置信息2、watchPosition: 监听设备位置变化信息3、clear...

2018-04-03 12:09:02 2317

佳人与北的博客