- 博客(27)
- 收藏
- 关注
RSS订阅原创 Jquery点击切换图片
功能效果图如下：点击左右切换按钮时，图片左右按顺序切换。点击下面的小图片时，切换为对应的图片。当前显示的图片对应的底下的小图片加外边框（这里是蓝色，可能不太看得清，在第四张小图外面）。主要思路是，将span里的自定义属性data-index与两组图片的索引值挂钩。HTML部分代码：<section id="showimg-left-section" > <div clas...
2018-04-12 19:17:18
6248
1
原创 获取设备IP（搜狐接口）
引入接口文件<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 后可获得:ip = returnCitySN.cip; //获得设备ipcity = returnCitySN.cname; //获得城市名...
2018-04-10 15:31:45
6983
3
原创 Andriod系统如何阻止手机自带的返回按钮的原路返回
最近在用mui混合开发Andriod APP时，碰到一个问题：手机自带的返回按钮，会一直原路返回前面打开过的页面。比如注册-登录-填写资料-个人中心，在个人中心点击自带按钮时，会一直返回到注册页面。按照正常的业务逻辑，进入个人中心页面后，不能让用户再返回注册页面的。解决方法是，让用户点击一次按钮时弹窗提示用户，再点击一次就退出应用了，是还是否：mui.back=function () { ...
2018-04-10 15:17:08
781
原创 正则表达式--验证身份证号码
function isCardNo(card){ var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; return pattern.test(card); }在需要的地方调用isCardNo函数，传入身份证号码参数，即可，正确则返回true，否则，返回false。...
2018-04-10 15:09:21
1148
原创 正则表达式--验证手机号码
function isPhoneNo(phone){ var pattern = /^1[3|5|6|7|8|9]{1}[0-9]{9}$/; return pattern.test(phone); }在需要的地方调用isPhoneNo函数，传入需要验证的手机号码即可。
2018-04-10 15:07:41
358
原创 HTML5+百度地图，获取精确定位
昨天用HBuilder打包MUI做的一个混合开发APP，碰到一个问题：真机测试可以获取到设备定位，但打包成APP后就获取失败。所以......(百度来的)首先，引入百度地图的两个接口文件。 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZHCxHaAF7Eq1Lt9Il09GGRiZ...
2018-04-09 10:10:41
7837
1
原创 PC端/移动端如何禁止底层页面滚动
今天在写一个首页，移动端底部有个导航按钮，导航里的选项只有在点击导航按钮时才会以弹出层/遮罩层的方式显示。如下图所示：用js和css3写完动画后，在PC上的chrome浏览器里测试手机的效果时，没有问题，鼠标拖动/滚动，遮罩层底下的body可以滚动。但是拿手机真机测试时，出现以下问题：Safiri/Andriod手机自带浏览器：遮罩层显示后，手指滑动屏幕，浏览器底部自带的导航栏会自动隐藏，遮罩层就...
2018-04-04 17:17:09
3255
原创 JS和JQuery使用localStorage方法
localStorage方法用来在本地存储数据。比如用户刚刚已经填过一次资料，后返回这一页查看，需要之前填的信息都显示着。写入localStorage方法：1、localStorage.a = "Aubrey";2、localStorage.setItem("a","Aubrey");读取localStorage方法：1、localStorage.a;
2018-03-28 14:15:00
3581
原创 HTML5+调用手机相册，转码为base64并替换元素背景图
HTML5+ 调用手机相册图片，并显示。HTML部分：<div id="IDcard"> <div class="top">贷款申请</div> <h1>请提交身份证照片</h1> <form> <div class="positive p
2018-03-28 14:04:06
1717
原创 VUE2.0学习笔记（三）：如何设置当前页面的背景色
代码如下：<template> <div> //div里面的代码省略了.div代表下图中灰色的容器 <div></template><style scoped>div{ width: 100%; height: 100%; background-color: #f5f5f5;}</scoped&g...
2018-02-26 16:37:35
15578
4
原创 VUE2.0学习笔记（二）：底部导航栏
用VUE2.0写一个放在微信公众号里的移动网站。一：微信公众号里的页面是自带一行深色的标题栏的，如下图：中间的title文字是可以自定义的，所有我们不需要为我们的vue页面做一个公共的顶部栏。配置方法如下：1、在main.js文件里加入以下代码：router.beforeEach((to,from,next) => { window.document.title = to.meta.tit...
2018-01-30 11:03:46
1535
原创 VUE2.0学习笔记（一）：VUE-CLI 脚手架
个人理解：搭建vue-cli vue脚手架的作用是，写的项目可以通过webpack 快速打包，加密代码，避免源码泄露。脚手架的搭建步骤（摘录自技术胖博客：点击打开技术胖博客）：1、前提：安装了npm（在终端可以用npm -V检查版本）2、打开终端，在当前文件夹下执行命令： npm install vue-cli -g (-g代表全局安装）3、终端运行命令： vue init <temp...
2018-01-29 14:19:34
4306
原创 不同入口进入同一页面，页面中的显示内容不一样
//从两个a链接进入同一个页面recharge.html，点击“充值”进入页面时需要显示 $('.addmon')，隐藏$('.mywallets')，点击“购物券”时则相反。此时需要判断用户是点击了哪个按钮进入页面的。方法是传参，加“#1”（1是随便写的数字）1))}">充值1))}">购物券$(document).ready(function(){ if(window.loca
2018-01-25 16:13:01
11683
4
原创 JS实时获取输入框里的值
值1： 值2： 和是： 0var oInp1 = document.getElementById("input1");var oInp2 = document.getElementById("input2");var oAmount = document.getElementById("amount");if("oninput" i
2018-01-25 16:12:06
13795
1
原创 JS实现点击按钮复制&lt;input&gt;标签中的值到剪贴板
我的推广链接： 点击复制链接function copyUrl() { var Url=document.getElementById("input"); Url.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令
2018-01-25 16:11:03
14981
原创 iusesvn 工具使用方法
举例：公司有个项目，团队5个人使用SVN合作完成，每个人每天都会更新不同的文件到SVN上，这些文件再由一个人一起提交到服务器上。一般有两种方法：1、把整个项目文件传到服务器上，优点：不会有文件漏传；缺点：当项目文件很大时，耗时太久。2、在项目文件中把更新的文件一个个手工找出来并上传，优点：上传省时；缺点：找文件浩时，且容易遗漏。这里我们就可以使用iusesvn工具了。
2018-01-25 16:06:22
388
原创 微信小程序开发（技术篇）
技术篇，有些是我自己学到的，有些是我们公司的全栈大神教的，还有些就是各种百度的。会持续更新，每天写一点~----------------------------------------------------------------------------------------------------------------------------------------------
2017-11-17 09:54:06
15369
原创 微信小程序开发（踩坑篇）
公司最近打算做一个项目，分配让我开始学习微信小程序开发。今天是第二天，碰到一些奇奇怪怪的问题，记录下。1、页面图片要与该页面放置在一个文件夹中，否则无法读取到。原先在项目下建了一个image文件夹，打算专门用来放整个项目的图片的，同级的有个index文件夹。当我需要在index.wxml里引入image文件夹里的图片时，无论路径怎么填，图片都无法显示。后台显示说无法获取图片
2017-10-18 10:59:09
2475
原创 CSS3 动画效果专辑（animation）
最近同事推荐了我一个网站，让我照着那网站全部自己写一遍，学习学习，练练手。所以用到了动画效果，觉得以后都会用到，所以索性整理记录下来，方便重复使用。动画效果实例中的元素id、class名等都是直接从项目中粘贴过来的，可以根据实际需要更改。首先写一下动画效果实现的基本语法等：1、首先，用@keyframes声明一个动画，前面一般加浏览器前缀，后面加动画名称。Chrome/Safiri
2017-10-13 13:48:14
627
原创 抓包工具 Charles 花瓶
软件下载地址：https://www.charlesproxy.com/download/用途：可以抓取PC端在运行的所有网页里的内容，比如：图片、CSS、HTML、JS文件等。连接手机后，可以抓取手机端运行的网页、程序的内容......1、进入上面的官网，选择好版本后点击下载。然后按照正常程序安装即可。
2017-09-28 16:41:16
8808
原创 JavaScript高级程序设计(第5章 引用类型)
第5章 引用类型引用类型的值（对象）是引用类型的一个实例。引用类型（也被称为对象定义）是一种数据结构，用于将数据和功能组织在一起。新对象是使用new操作符后跟一个构造函数来创建的。var person = new Object();5.1 Page 83 Object 类型（对象类型）创建Object实例的方式有两种。方法一：使用
2017-09-20 16:32:50
221
原创 JavaScript高级程序设计(第4章 变量、作用域和内存问题)
第4章 变量、作用域和内存问题4.1 Page 68 基本类型和引用类型的值ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段：Undefined、Null、Boolean、Number和String。引用类型值指可能由多个值构成的对象，是保存在内存中的对象。4.1.1 Page 6
2017-09-20 10:46:20
321
原创 JavaScript高级程序设计(第3章 基本概念)
第3章 基本概念3.1.1 Page 19 区分大小写ECMAScript中的一切（变量、函数名和操作符）都区分大小写。3.1.2 Page 19 标识符标识符，指变量、函数、属性的名字，或者函数的参数。标识符格式规则：1、第一个字符必须是字母、下划线（_）或者美元符号（$）;2、其他字符可以是字母、下划线、美元符号或者数字；3、标识
2017-08-31 16:21:22
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人