自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 git 提交代码合并分支到正式环境

3.第一步,在dev上开发完成之后git add .git commit -m '提交的备注信息'git push -u origin dev第二步,将dev分支合并至master分支,操作如下1.首先切换到master分支,git checkout master2.如果是多人开发的话 需要把远程master上的代码pull下来git pull origin master//如果是自己一个开发就没有必要了,为了保险期间还是pull3.然后我们把dev分支的代...

2021-09-07 15:19:38 488

原创 js的深拷贝和浅拷贝

首先我们知道js有两种数据类型,一种是基本数据类型,包括(null,undefined,String,Number,Boolen),这几种数据类型在内存中有固定的大小和空间,另外一种就是引用数据类型,如Object,这种值大小不固定,可以动态添加属性和方法,而基本数据类型是不可以的。...

2021-08-30 14:15:56 97

原创 手机端网页禁止在非微信浏览器中打开

//需要放到body外面            var ua = navigator.userAgent.toLowerCase();            var isWeixin = ua.indexOf('micromessenger') != -1;            var isAndroid = ua.indexOf('android') != -1; 

2017-08-29 15:14:22 2119

转载 在网页中实现录音功能

最近在项目中遇到问题,需要在页面中实现录音功能,如下:需求分析:在微信浏览器内打开的页面,制作一个按钮,用户按住按钮后开始录音,松手后停止录音并将录音上传并长期保存。1.开发流程        录音功能需要调用微信app的录音接口,需要使用微信jssdk。          使用微信jssdk:微信JS-SDK说明文档先登录微信公众平台进入“公众号设置”的“

2017-08-29 14:18:18 10872

原创 苹果手机用H5audio标签无法自动播放音乐处理方法

手机端网页苹果手机用H5audio标签无法自动播放音乐处理方法,代码如下;      js代码                    document.addEventListener('DOMContentLoaded', function () {                function audioAutoPlay() {                  

2017-08-25 14:42:42 2954 2

原创 关于input在苹果和安卓手机上调用相机和相册的问题

最近在项目中遇到一个问题,用H5做手机端页面,用input调用相机,苹果手机无法调出相册,安卓手机可以,针对此情况,对手机做出判断,代码如下;          苹果手机可以直接使用,无需做js判断,安卓手机需要进行判断。     js判断手机             //判断是否是安卓手机            function checkPlatform(){ 

2017-08-25 14:25:24 8070

原创 js中加减法注意

最近在理清js中加减法注意事项,特整理如下;1.前置性加法先加减再执行例如:++age=age+1;             --age=age-1;2.后置性加法先执行再加减例如:var  num1=2;            var   num2=3;            var    sum=num1--   +num2;     // 5   

2017-08-24 11:01:16 1372

原创 margin值根据标签文本内容变化

项目中遇到的问题,生产商信息这个页面,每个生产商信息会出现有时字多,有时字少的情况,为了保持在字数变多的情况下margin值缩小,字数变少的情况下margin值变大,整体页面布局会更美观,用JS判断,demo如下;HTML部分                                    名    称:(说)分的呵呵的的额的的的     

2017-08-04 15:05:41 398

原创 移动端页面滑动轮播

html部分; Rundiv/* Rundiv required styles */#rundiv {  overflow: hidden;  visibility: hidden;  position: absolute;  width:188px;  height:200px;  background:

2017-07-24 17:28:06 363

原创 H5调用相机,裁剪,压缩照片

最近项目中遇到拍照,预览上传的问题,苹果手机不兼容,拍照旋转90度,在网上查找出好多方法,都无效,最后用input调用相机,然后用canvas画布裁剪照片,压缩保存,代码如下。                                                                                    

2017-07-24 17:05:48 1490

原创 实现照片拍照保存插件

拍照            input{width:200px;height:200px; 若不想要input显示的文本内容,可以直接设置input透明opacity:0;}        #img{width:200px;height:200px;}            var upload = function(c, d){    "use s

2017-06-23 17:46:45 460

原创 wampserve配置台式电脑,手机端访问pc端文件

1.安装wampserver      安装wampserver的过程很简单,只要一直点击next就可以完成安装了.2.左键单击,再点击“www 目录”会打开安装wampserver默认存放网页文件夹.3.手机与pc端必须使用同一网络。4.手机浏览器输入:IP地址/文件夹名/文件名.html 如:192.168.1.204/ceshi/index.html.

2017-06-21 10:46:16 489

原创 H5加载音乐

loop="loop",循环播放autoplay="autoplay"自动播放controls="controls"添加音频控件

2017-06-20 17:51:26 409

原创 页面自动跳转js代码

function jumurl(){                    window.location.href = 'http://expo.xafrhy.com:8090/xafr/index.php/home/syh/nav/pid/{$Think.session.pid}';                }              setTimeout(jumurl,5

2017-06-20 17:50:04 775

原创 swiper切换动画效果,需要先加载swiper.animate.min.js和animate.min.css。

移动端动画练习                                                               内容                                                   内容                                                  

2017-06-16 14:54:15 6539

原创 移动端上下滑动swiper,第二个页面内容大于屏幕尺寸,现在的问题是,超出部分无法通过滚动条下滑查看。

相关链接:https://segmentfault.com/q/1010000005605451上下滑动的swiper,有两页,第二个slider是列表页,内容会超出屏幕高度,现在的问题是,超出部分无法通过滚动条下滑查看。想要的效果是,第二页slider不受影响,出现滚动,正常下滑查看内容。(如果禁用swiper某个方向的移动,会导致无法滑动到上一页)  

2017-06-15 16:12:01 7542

原创 CSS选择器优先级

选择器优先级当两个规则都作用到了同一个html元素上时,如果定义的属性有冲突,那么应该用谁的值的,这时就需要用到选择器优先级。看下面几个例子: html    Milk    Sausagecssul {    color: red;}li {    color: blue;}网页显示:  ▪Milk           

2017-03-26 06:17:56 335

原创 CSS盒子模型

2.margin-top和margin-bottom对于行内(内敛inline)元素效果一样么?     针对于行内元素是否有效,要区别于行内替换元素和行内非替换元素,      html中的img , input , textarea , select , object都是替换元素。这些元素没有实际的内容,即是个空元素。margin  padding 对行内替换元素行内替换元素设置可

2017-03-25 14:45:33 220

原创 css垂直居中

怎样使一个层垂直居中于浏览器中?div{position: absolute;top:50%;left:50%;margin: -250px 0   0   -250px;(外补丁负值,负值大小为自身高宽度除以二)width:500px;height:500px;border:1px solid red;}

2017-01-19 15:26:16 199

原创 同名函数覆盖

同名函数在同时使用时,函数会覆盖,执行后者;  例如:                             var   x=1;                              var    y=0;                              var    z=0;                        function   add(){

2017-01-19 15:14:08 418

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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