Gavin__Xie-CSDN博客

转载在Windows下安装Node.js及环境配置

在Windows下安装Node.js及环境配置最近又开始捡回来了以前学过的webpack，在进行webpack的使用时，首先我们要先保证自己的电脑有安装好node.js并配置好了环境。现在就记录一下自己安装及配置node.js的过程，以备后期查阅；重要说明一下，这篇文章不是自己原创，只是在原文的基础上修改一下，因为现在的版本已经升级了，原文地址：https://www.cnblogs

2017-12-22 10:03:19 468

原创解决ios上audio不能自动播放的问题以及监听audio播放状态

最近做了个H5产品的宣传活动，用到了audio标签并且要求自动播放，我们都知道safri on ios里面明确指出等待用户的交互动作后才能播放media，也就是说如果你没有得到用户的action就播放的话就会被safri拦截。百度了许多方法，其实很多都说亲测可用，然而都是骗子，用上去之后再iphone还是不能自动播放，这里我是做微信上的H5活动，所以使用了微信上的插件配合就能达到自动播放的效果，在

2017-06-27 14:04:01 10904 1

原创移动端类似于百度搜索自动补全功能

选择当前位置广州体育学院广州体育学院广州体育学院广州体育学院广州体育学院 --> #city { width: 100%;}#city_header_3 { position: fixed; top: 0; left: 0; z-index: 9999; }#c

2017-05-26 18:07:41 2089

原创使用json数据实现简单的三级联动

json数据格式:var data = { "province": ["广东省","广东省","广东省","广东省","广东省","广东省","广东省"], "city":{ "广东省":["韶关市","韶关市","韶关市","韶关市","韶关市"], "山东省":["韶关市","韶关市","韶关市","韶关市","韶关市"], "广东省":["韶关市","韶关市","韶关市"

2017-05-19 00:23:01 10428

转载 JS及jQuery获取各种宽度、高度的简单介绍以及判断滚动条滚动到底部事件

JS获取各种宽度、高度的简单介绍：JS获取各种宽度、高度的简单介绍：scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获

2017-05-18 23:46:54 9967

转载入门 Webpack，看这篇就够了

关于webpack我是看了下面这篇文章以及在慕课网上的webpack视频学习的，文章原文地址：https://segmentfault.com/a/1190000006178770 慕课网webpack视频地址：http://www.imooc.com/learn/802阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限

2017-05-17 00:01:34 364

转载配置grunt进行css、js的检查、合并和压缩

感谢原文博主，原文地址： http://www.cnblogs.com/beiz/p/5647780.html现在会进行代码的合并和压缩已成为前端人员的必备知识，那么现在来介绍一个grunt的工具。grunt是个风靡世界的工具，它的首页是 http://www.gruntjs.net这是个中文网站，有文档可以参考。好了，废话不多说，直接发安装步骤和注意事项。首

2017-05-16 23:52:57 394

转载用grunt搭建自动化的web前端开发环境-完整教程

最近在学习前端方面的构建工具，学习了grunt和webpack，也想总结一下，我是跟着别人的文章与视频来学习的，所以就把他们的文章转载过来吧，因为已经写的特别好了，在此特别感谢写这篇文章的博主，看了文章或者视频基本已经能够入门了；现在先转载关于grunt的搭建，一下是转载内容，也方便自己以后查看：（博主原文地址：http://blog.csdn.net/wangfupeng1988/articl

2017-05-16 23:38:04 2390

原创图片之间的自动向上翻滚同时配上触摸动作

最近一个微信开发的项目需要实现一个功能，三张图片的自动向上翻滚显示，同时还要配上手指的向上触摸动作；在我看来难点在于，定时器启动之后手指的触摸动作位于哪一张，然后得做判断在继续执行定时器；我是使用参数来判断的；然后三张图片都显示完后就要展示一个玩法页面，然后再是上传照片页面，这边我就没有贴出来，直接显示主kv了；下面先贴上html结构，三张图片我都是使用背景来做的，为的是更好的适应各种手机屏，

2017-05-11 10:18:22 761

原创 ajax的初始化方法$.ajaxSetup();

ajax表单序列化 $(function(){ //有时，我们可能会在同一个程序中多次调用$.ajax()方法。而它们很多参数都相同， //这个时候我们课时使用 jQuery 提供的$.ajaxSetup()请求默认值来初始化参数。 $('input').on('click',function(){ $.ajaxSetup({ type: 'POS

2017-04-20 15:32:39 2313 1

原创 ajax传递数据时的表单系列化方法.serialize()

ajax表单序列化 $(function(){ $('input').on('click',function(){ $.ajax({ type: 'POST', url: 'jinwen.php', data: { url:'jinwen' }, success: function(response,statu

2017-04-20 15:03:57 875 1

原创 ajax技术中的.load(),$.get()以及$.post()方法的整理

.load()和$.get()以及$.post()方法应用 $(function(){ /************************************************************************************************ ** .load()方法是有三个参数的：url(必须的，请求文件的地址，参

2017-04-20 12:04:52 1036

原创 jQuery each()方法的使用

/******************************************************************** each处理一维数组*********************************************************************/ var arr1 = [ "aaa", "bbb", "ccc" ]; $

2017-04-19 18:11:59 481

原创 JSON数据解析（JSON对象与json字符串json数组之间转换）

JSON数据解析（JSON对象与json字符串json数组之间转换） JSON的数据解析 $(function(){ var str = { "comments": [ { "content": "很不错嘛", "id": 1, "nickname": "纳尼" },

2017-04-19 17:46:44 2469

原创 highcharts.js实现曲线图、柱状图等

最近都在做数据的图标显示，使用的是highcharts.js插件，现在来记录一下，以免后期久了没用又忘记了；下面先添加两个链接：highcharts.js的API：https://api.hcharts.cn/highchartshighcharts.js的使用教程：https://www.evget.com/article/2014/8/27/21514.html1、实现一条曲

2017-02-18 14:11:34 3605

转载 js获取当前日期、前一天、后一天的日期

最近项目遇到一个需求，就是基于h5文本框的日期控件来获取当前日期、前一天、后一天的日期，我是使用了一个大兄弟的js代码来实现的额，自己稍微改了一点点；贴一下我的效果：下面是html代码：下面就是实现的js代码： var oBtn1 = document.getElementById('btn1'); var oDate = document.getElement

2017-01-09 13:32:26 13283

原创小感（2017-1-8）

在工作的时候，许多问题，总是会困扰着自己，花再多的时间也解决不了；然而后边自己回去或者心平气和的慢慢去查阅资料，问题的解决方法总是会出乎自己的意料，会想着这么简单自己当时怎么没想到怎么每注意到，关键还是自己心不够静，太燥！希望以后自己再遇上什么bug能够静下心来的去解决！

2017-01-08 22:04:28 390

原创纯css使用transform实现同心圆导航栏菜单

最近遇到客户来了一个我没遇到过的需求。那就是制作一个同心圆菜单栏。因为公司没有其他人指导我，所以我自己在网上搜索了很久，最后是根据(http://www.w3cplus.com/css3/building-a-circular-navigation-with-css-transforms.html)这个链接上的教程逐步实现了。是使用纯css3的transform来实现的，没有用过什么插件。之前对t

2017-01-07 10:32:08 2154

原创 JS中选择被选中的单选框radio和jQuery选择被选中的单选框的方法以及简单的数字加减

以下是代码片段HTML片段：起步价：75000 元当前价： 75200 元已关注选择加减金额： 100 200 500

2016-12-15 23:21:58 1573

J_W_Xie