Aubrey's blog

前端小白的学习笔记

Jquery点击切换图片

功能效果图如下:点击左右切换按钮时,图片左右按顺序切换。点击下面的小图片时,切换为对应的图片。当前显示的图片对应的底下的小图片加外边框(这里是蓝色,可能不太看得清,在第四张小图外面)。主要思路是,将span里的自定义属性data-index与两组图片的索引值挂钩。HTML部分代码:&amp...

2018-04-12 19:17:18

阅读数 1708

评论数 0

CSS/JS实现并排的两个Div自适应高度(一样高) 【转载】

链接1:点击打开链接链接2:点击打开链接转自他人博客。

2018-04-12 12:46:25

阅读数 331

评论数 0

获取设备IP(搜狐接口)

引入接口文件<script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8">&lt...

2018-04-10 15:31:45

阅读数 601

评论数 0

Andriod系统如何阻止手机自带的返回按钮的原路返回

最近在用mui混合开发Andriod APP时,碰到一个问题:手机自带的返回按钮,会一直原路返回前面打开过的页面。比如注册-登录-填写资料-个人中心,在个人中心点击自带按钮时,会一直返回到注册页面。按照正常的业务逻辑,进入个人中心页面后,不能让用户再返回注册页面的。解决方法是,让用户点击一次按钮时...

2018-04-10 15:17:08

阅读数 160

评论数 0

正则表达式--验证身份证号码

function isCardNo(card){  var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;  return pattern.test(card); }在需要的地方调用isCardNo函数,传入身份证号码参数,即可,正确...

2018-04-10 15:09:21

阅读数 302

评论数 0

正则表达式--验证手机号码

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

阅读数 39

评论数 0

HTML5+百度地图,获取精确定位

昨天用HBuilder打包MUI做的一个混合开发APP,碰到一个问题:真机测试可以获取到设备定位,但打包成APP后就获取失败。所以......(百度来的)首先,引入百度地图的两个接口文件。 <script type="text/javascript&...

2018-04-09 10:10:41

阅读数 692

评论数 0

PC端/移动端如何禁止底层页面滚动

今天在写一个首页,移动端底部有个导航按钮,导航里的选项只有在点击导航按钮时才会以弹出层/遮罩层的方式显示。如下图所示:用js和css3写完动画后,在PC上的chrome浏览器里测试手机的效果时,没有问题,鼠标拖动/滚动,遮罩层底下的body可以滚动。但是拿手机真机测试时,出现以下问题:Safiri...

2018-04-04 17:17:09

阅读数 510

评论数 0

JS和JQuery使用localStorage方法

localStorage方法用来在本地存储数据。比如用户刚刚已经填过一次资料,后返回这一页查看,需要之前填的信息都显示着。 写入localStorage方法: 1、localStorage.a = "Aubrey"; 2、localStorage.setItem(...

2018-03-28 14:15:00

阅读数 334

评论数 0

HTML5+调用手机相册,转码为base64并替换元素背景图

HTML5+ 调用手机相册图片,并显示。HTML部分:<div id="IDcard">     <div class="top">贷款申...

2018-03-28 14:04:06

阅读数 469

评论数 0

VUE2.0学习笔记(三):如何设置当前页面的背景色

代码如下:<template>    <div>    //div里面的代码省略了.div代表下图中灰色的容器    <div></templa...

2018-02-26 16:37:35

阅读数 2572

评论数 2

VUE2.0学习笔记(二):底部导航栏

用VUE2.0写一个放在微信公众号里的移动网站。一:微信公众号里的页面是自带一行深色的标题栏的,如下图:中间的title文字是可以自定义的,所有我们不需要为我们的vue页面做一个公共的顶部栏。配置方法如下:1、在main.js文件里加入以下代码:router.beforeEach((to,from...

2018-01-30 11:03:46

阅读数 405

评论数 0

VUE2.0学习笔记(一):VUE-CLI 脚手架

个人理解:搭建vue-cli vue脚手架的作用是,写的项目可以通过webpack 快速打包,加密代码,避免源码泄露。脚手架的搭建步骤(摘录自技术胖博客:点击打开技术胖博客):1、前提:安装了npm(在终端可以用npm -V检查版本)2、打开终端,在当前文件夹下执行命令: npm install ...

2018-01-29 14:19:34

阅读数 3072

评论数 0

不同入口进入同一页面,页面中的显示内容不一样

//从两个a链接进入同一个页面recharge.html,点击“充值”进入页面时需要显示 $('.addmon'),隐藏$('.mywallets'),点击“购物券”时则相反。此时需要判断用户是点击了哪个按钮进入页面的。方法是传参,加“#1”(1是随便写的数字) 1))}">充值 ...

2018-01-25 16:13:01

阅读数 1919

评论数 0

JS实时获取输入框里的值

值1: 值2: 和是: 0 var oInp1 = document.getElementById("input1"); var oInp2 = document.getElementById("input2&q...

2018-01-25 16:12:06

阅读数 4701

评论数 0

JS实现点击按钮复制<input>标签中的值到剪贴板

我的推广链接: 点击复制链接 function copyUrl() { var Url=document.getElementById("input"); Url.select(); // 选择对象...

2018-01-25 16:11:03

阅读数 3600

评论数 0

iusesvn 工具使用方法

举例: 公司有个项目,团队5个人使用SVN合作完成,每个人每天都会更新不同的文件到SVN上,这些文件再由一个人一起提交到服务器上。 一般有两种方法: 1、把整个项目文件传到服务器上,优点:不会有文件漏传;缺点:当项目文件很大时,耗时太久。 2、在项目文件中把更新的文件一个个手工找出来并上传...

2018-01-25 16:06:22

阅读数 53

评论数 0

微信小程序开发(技术篇)

技术篇,有些是我自己学到的,有些是我们公司的全栈大神教的,还有些就是各种百度的。会持续更新,每天写一点~ ----------------------------------------------------------------------------------------------...

2017-11-17 09:54:06

阅读数 2526

评论数 0

微信小程序开发(踩坑篇)

公司最近打算做一个项目,分配让我开始学习微信小程序开发。今天是第二天,碰到一些奇奇怪怪的问题,记录下。 1、页面图片要与该页面放置在一个文件夹中,否则无法读取到。 原先在项目下建了一个image文件夹,打算专门用来放整个项目的图片的,同级的有个index文件夹。 当我需要在index.wxml里...

2017-10-18 10:59:09

阅读数 1710

评论数 0

CSS3 动画效果专辑(animation)

最近同事推荐了我一个网站,让我照着那网站全部自己写一遍,学习学习,练练手。所以用到了动画效果,觉得以后都会用到,所以索性整理记录下来,方便重复使用。 动画效果实例中的元素id、class名等都是直接从项目中粘贴过来的,可以根据实际需要更改。 首先写一下动画效果实现的基本语法等: 1、首先,用@ke...

2017-10-13 13:48:14

阅读数 237

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭