莫小耿-CSDN博客

原创微信小程序介绍及使用

什么是微信小程序小程序是一种无需安装，即可使用的手机「应用」。只需要扫描二维码，或是搜一搜，就能立即使用。不同的小程序，能帮你实现不同的功能。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。微信小程序的优点优点速度快、不占内存：不需要再下载什么APP啦，既费流量，又占空间内存。小程序就是方便，即用即走；丰富的设备访问能力：微...

2019-03-26 10:57:26 1316

原创微信小程序添加音效createInnerAudioContext

可以查看微信小程序api文档中 //添加音效 const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = true // 是否自动开始播放，默认为 false innerAudioContext.loop =false ...

2019-02-13 16:30:22 9936 2

转载 JS如何区分Object与Aarry的六种方法

一、经常遇见的问题：JS中判断一个对象的类型时，通常使用typeof，这时候问题就来了，因为typeof()辨别数组的时候返回的是object,所以JS中判断一个对象是不是数组需要一些特殊的处理方式，下面将介绍个人总结的六种处理方法。二、开门见山开发中要判断一个对象是不是数组，推荐使用下面这个函数：function isArray(obj){ if(Array.is...

2018-08-16 10:22:53 563

原创 bootstrap-select下拉框模糊搜索和动态绑定数据

前言今天做项目的时候，需要对下拉框做一个模糊搜索，就想到了bootstrap-select插件，在运用中遇到的问题进行总结下。引入引入bootstrap和bootstrap-select文件 <link rel="stylesheet" href="/bootstrap/css/bootstrap.css" /> <link rel="stylesheet...

2018-08-15 16:02:31 8313 1

原创微信小程跳转页面方法总结

最近正在做微信小程项目，我会把我遇到问题都进行总结。微信小程序跳转页面方法总结（有什么错误的地方希望大家进行指正）微信小程提供的api方法// 保留当前页面，跳转到应用的某个页面，点击返回按钮时还可以返回原来页面wx.navigateTo({ url: '文件地址', 地址后面也可以追加参数 'page/index/index?id=123&page=2'}...

2018-08-09 14:37:08 1260

原创微信小程序之背景图片问题

微信小程序引入图片官方给出的是<image src='url'></image>设置背景图片，下面这种方法是不行的.page{ width: 100%; height: 500rpx; background: url('../../images/images.jpg') no-repeat; background-size: 1...

2018-07-03 17:51:57 5636

原创微信小程序 app.json设置背景不生效

官方文档给的是"window":{ "backgroundColor": "#000"}但是不生效，可以直接在wxss中设置page{ "backgroundColor": "#000",}

2018-07-03 17:41:27 1304

原创 webpack学习用法总结

Github源码地址webpack介绍webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。学习文档 :webpack官网: http:/...

2018-06-06 13:19:21 313

转载如何用js得到当前页面的url信息方法

1，设置或获取对象指定的文件名或路径。alert(window.location.pathname) 2，设置或获取整个 URL 为字符串。alert(window.location.href);3，设置或获取与 URL 关联的端口号码。alert(window.location.port)4，设置或获取 URL 的协议部分。alert(window.location.p...

2018-05-30 10:45:49 3405

原创字符串反转

var str = 'abcdefgh';第一种split()方法将一个字符串对象的每个字符拆出来，并且将每个字符串当成数组的每个元素reverse()方法用来改变数组，将数组中的元素倒个序排列，第一个数组元素成为最后一个，最后一个变成第一个join()方法将数组中的所有元素边接成一个字符串 console.log(str.split('').reverse().join(''))...

2018-05-21 13:15:36 122

原创 IOS中input键盘事件支持的解决方法

IOS中input键盘事件keyup、keydown、keypress支持不是很好, 用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中用输入法输入之后，并未立刻相应keyup事件，只有在通过删除之后才可以响应可以用html5的oninput事件去代替keyup&lt;input type="text" id="testInput"&gt;&

2018-05-15 11:34:22 4968

原创输入框首尾清除空格

//原生方法获取值，清除首尾空格上传str2 var str = document.getElementById("input").trim();Vue中提供了修饰符删除首尾空格。<input v-model.trim="msg">

2018-05-15 11:29:00 3611

转载前端常用的正则表达式总结

身份证号正则//第二代身份证号码正则let isTrue = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;//第一代身份证正则表达式(15位)let isTrue=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1...

2018-05-15 11:25:56 355

原创解决移动端底部input被弹出的键盘遮挡问题

方法1、Element.scrollIntoView()； // 让当前的元素滚动到浏览器窗口的可视区域内document.querySelector('#inputId').scrollIntoView();方法2：Element.scrollIntoViewIfNeeded();方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。如果该元素已经在...

2018-05-15 11:24:00 6018

原创 input中placeholder属性兼容ie提示信息

在ie中input的placeholder属性是不支持的，需要写他的兼容，下面的方法仅供大家参考&lt;input type="text" placeholder="请填写信息"/&gt;if(navigator.appName == "Microsoft Internet Explorer" &amp;&amp; (navi

2018-05-09 17:42:41 1557

原创解决toFixed()无法精准保留小数的问题

最近发现了一个问题用toFiexd() 保留小数有时不是很精确，例如下面保留两位小数不是很精确： var a = 12.035;console.log(a.toFixed(2)) // 12.04var b = 12.045;console.log(b.toFixed(2)) // 12.04b 保留两位小数应该是12.05的下面是我总结的保留两位小数的方法，有什么问题...

2018-05-09 17:34:42 7953 2

原创解决ajax无法给外部变量赋值

欢迎大家去我的网站查看因为Ajax默认是以异步方式来获取数据的，执行Ajax的时候你程序是继续往下面执行的，这样你那个变量没有被Ajax方法赋值, function btnclick() { var flag = ""; console.log(flag) $.ajax({ type...

2018-05-04 11:59:27 2542 1

JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。...

2018-04-24 15:07:38 310

转载 jquery下拉框text（）和val（）操作

一、触发事件$(“#select_id”).change(function(){//code…}); //为Select添加事件，当选择其中一项时触发二、jQuery获取被选中项1、直接获取被选中项$(“#select_id”).find(“option:selected”)2、获取被选中项的索引$(“#select_id “).get(0).selectedInd...

2018-04-24 13:42:30 4549

原创 FusionCharts用法总结

前言FusionCharts是一个Flash的图表组件，它可以用来制作数据动画图表，其中动画效果用的是Adobe Flash 8 （原Macromedia Flash的）制作的flash ， FusionCharts可用于任何网页的脚本语言类似于HTML ， .NET，ASP ， JSP， PHP ， ColdFusion等，提供互动性和强大的图表。使用XML作为其数据接口， FusionCh...

2018-03-26 14:08:58 4317 1

原创 bootstrapValidator表单验证使用方法

前言项目中运用到了表单验证，我运用了bootstrapValidator.js 表单验证，下面说下我是怎么运用的。欢迎大家去我的网站查看引入&lt;script type="text/javascript" src="../js/bootstrapValidator.js"&gt;&lt;/script&gt;&lt;link rel=&

2018-03-23 10:51:57 363

原创 ajaxFileUpload的图片上传插件

前言在工作中使用了Jquery的ajaxFileUpload的图片上传插件，还有工作中遇到的问题，接下来问大家介绍下这个使用方法欢迎大家去我的网站查看](http://genghongshuo.com.cn/)引入文件<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>...

2018-03-22 13:46:49 389

转载 nginx配置详情

欢迎大家进入博客查看 http://genghongshuo.com.cn/Nginx简介Nginx是一款开源代码的高性能HTTP服务器和反向代理服务器，同时支持IMAP/POP3/SMTP代理服务 #### Nginx工作原理 Nginx由内核和模块组成，完成工作是通过查找配置文件将客户端请求映射到一个location block(location是用于...

2018-03-01 13:47:59 292

原创一台电脑上使用多个git账号

欢迎大家进入博客查看 http://genghongshuo.com.cn/ 这里以work和github两个账户为例：取消全局变量git config --global --unset user.name #取消全局设置git config --global --unset user.email #取消全局设置git config -l #查看当前目录的git conf...

2018-03-01 13:39:07 639

原创 GIT安装配置

欢迎来我的个人博客观看http://genghongshuo.com.cn/git是什么Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 Git的读音为/gɪt/。 Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放...

2018-03-01 13:37:34 179

转载 IE9以下圆角兼容

下面的方法是在IE9以下版本的浏览器支持圆角的特性使用方法如何在IE9以下版本的浏览器支持圆角的特性.box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以...

2018-03-01 13:32:11 519

原创 sort用法总结

前言sort() 方法用于对数组的元素进行排序,并返回数组。欢迎进入我的个人博客查看 http://genghongshuo.com.cn/随机数返回介于 0（包含） ~ 1（不包含）之间的一个随机数： Number var arr1 = Math.random();在本例中，我们将取得介于 1 到 100 之间的一个整数：var arr2 = Ma...

2018-03-01 13:29:01 514

转载 Nginx简介及配置文件详解

个人博客地址genghongshuo.com.cn 一 Nginx简介 Nginx是一款开源代码的高性能HTTP服务器和反向代理服务器，同时支持IMAP/POP3/SMTP代理服务 1.Nginx工作原理 Nginx由内核和模块组成，完成工作是通过查找配置文件将客户端请求映射到一个location block(location是用于URL匹配的命令)，locati...

2018-02-27 11:25:33 535

转载 js实现跨域访问的几种方式

原文地址： http://blog.csdn.net/kongjiea/article/details/38867531#t1 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http

2018-01-08 17:59:06 1403

原创 ES6知识总结

前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。Babel转码器Babel Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。大家可以选择自己习惯的工具来使用使用Babel，具体过程可直接在Babel官网查看：

2018-01-08 17:45:30 226

原创搭建hexo中遇到的坑

hexo 下的分类和表签无法显示，解决方法打开页面的时候标签和分类总是提示Cannot GET /tags/这个错误步骤以tags标签为例注意：冒号后面都需要添加一个空格新建一个页面 $ hexo new page "tags"设置新建页面的类型（ \source\tags\index.md中查找设置） --- title: tags date:

2018-01-02 17:36:12 2606

原创 Hexo + github pages搭建博客

前言在技术成长的过程中，肯定会遇到各种各样的问题，为了方便节约重复问题的时间，同时也可以更方便的和很多朋友共同学习。程序猿这个道路上，只有不断的学习才能进步。今天用Hexo + github pages搭建个人技术博客。

2018-01-02 17:30:48 243

原创 javascript跳转页面传值

http://genghongshuo.com.cn/我的网址第一种self.location=''top.htm'';self指代当前窗口对象,属于window最上层的对象;location.href 指的是某window对象的URL地址.self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址.一般用于防止外

2017-06-14 21:41:39 744

webpack打包

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

2018-06-06

Swiper 移动端tab切换+滑动自适应

这个是基于Swiper库做的内容我给了一个高度，方便查看效果，应用到实际项目中不用设置高度内容自动撑开 // 进去页面就判断第一个页面内容的高度添加给swiper-container var divHgight=$(".divHgight").eq(0).height(); $(".swiper-container").height(divHgight); var mySwiper = new Swiper('.swiper-container', { autoHeight: true, onSlideChangeStart: function () { // 获取进去那个页面删除和添加样式 $(".tabs .default").removeClass('default'); $(".tabs li").eq(mySwiper.activeIndex).addClass('default'); console.log('第' + ((mySwiper.activeIndex) + 1) + '页'); // 对应页面高度自适应 var activeHight = $(".divHgight").eq(mySwiper.activeIndex).height(); $(".swiper-slide").eq(mySwiper.activeIndex).height(activeHight); console.log(activeHight); $(".swiper-container").height(activeHight); } });

2018-05-30

json2.js文件，json对象兼容

浏览器兼容模式下JSON未定义问题解决方法是：判断当前浏览器是否支持JSON对象，如果不支持，则引入json2.js文件即可。