2018年06月_极地雪狼li

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

阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了Webpack的...

2018-06-25 10:05:46 181

原创使用Gulp打包ionic1项目

关于GulpGulp是一个前端的自动化构建工具，做前端的同学应该都知道。比如之前的Grunt，以及现在流行的Webpack。但是作为一个从做原生（Native APP）开发到做混合（Hybrid APP）开发再到把混合开发的APP移植到微信公众号程序猿来说，这是一个新的知识点。通过自动化构建工具，我们可以完成对代码的合并、压缩以及混淆，这里的代码包含JS、HTML、CSS甚至还有图片文...

2018-06-19 10:40:02 763

原创 return false,e.preventDefault(),e.stopPropagation()的区别

e.stopPropagation()阻止事件冒泡<head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script></head><body><table&g...

2018-06-15 10:25:46 262

转载 ionic 通过PouchDB ＋ SQLite来实现app的本地存储（Local Storage）

参考地址：http://gonehybrid.com/how-to-use-pouchdb-sqlite-for-local-storage-in-your-ionic-app/1. ionic是跨平台app开发的工具（Cordova）的一个框架！2.PouchDB是操作SQLite数据库的javascript库（跟mongoose操作mongodb一样）！3.SQLite是一种轻量级的嵌入式数据...

2018-06-14 10:30:18 346

转载 JS面向对象思想（OOP）

直接看js好了，模拟创建一个奥运会function 奥运会Class(主题) { // 删除主题 // delete this.主题; this.主题 = 主题; this.开幕时间; this.闭幕时间; this.公告簿 = ""; //模拟开幕 this.开幕 = function () { this.开幕时间 = "2012年7月...

2018-06-14 08:34:27 1103

转载关于ionic开发中遇到的坑与总结

这次是第二次使用ionic开发混合app，今天算是对这个框架做一个总结，基础的我就不再重复了，网上都有教程。我就说说自己的心得和遇见的各种坑，之后会陆续补充，想到什么说什么吧。1.关于ionic效率的问题，这个是我最关心的问题，毕竟用户体验才是第一位啊。a)Native transitions这个是一个cordova插件，主要是让页面间的切换更贴近原生，可以通过命令行安装。 cnpm insta...

2018-06-13 09:03:58 1081

原创 angular动态按需加载

ionic 框架1.引用index.html 加载<script type="text/javascript" src="lib/oclazyload/ocLazyLoad.min.js"></script>2.注入angular.module('starter', ['ionic', 'oclazyLoad'])3.配置.state('app...

2018-06-12 19:15:13 1952

转载小程序之『图片懒加载』终极解决方案

微信小程序中，懒加载特效让人头疼不已，因为小程序完全没法操作dom，所以位置的操作在小程序中，变得极其的难~~先看特效：图片懒加载我们将其拆分为如下几个步骤进行讲解~~1）如何获取图片的位置高度先看一张图：图片位置高度通过上图可以知道，图片位置高度其实可以通过img.height + margin值算出。js代码：arrHight[i] = Math.floor(i/2)*(img.height ...

2018-06-10 14:31:41 3864

转载微信小程序『侧边栏滑动』特效

侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果：点击按钮侧边滑动wxml:<view class="page"> <view class="page-bottom"> <view ...

2018-06-10 14:29:56 750

转载微信小程序仿闲鱼『下拉菜单』

下拉菜单我们非常常见了，但是要在微信小程序中实现并不容易，今天带来的是仿闲鱼下拉菜单，相信对您有一定的帮助~~先看效果：展示效果麻雀虽小五脏俱全，此效果很复杂，我们将其拆分为多个步骤来分析~1）tab状态的切换先看效果：tab切换wxml代码：<view class="{{navindex == 1? 'active' : ''}}"> <view class="cont...

2018-06-10 14:11:19 2205

转载最全整理浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案　　所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。　　在学习浏览器兼容性之前，我想把前端开发人员划分为两类：...

2018-06-07 13:45:43 439

转载 H5混合开发中android终端和ios终端常见的兼容问题

1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3...

2018-06-07 08:59:20 6017

原创面向对象的特性

JavaScript面向对象的特性1. 封装性对象是将数据与功能组合到一起, 即封装js 对象就是键值对的集合键值如果是数据( 基本数据, 复合数据, 空数据 ), 就称为属性如果键值是函数, 那么就称为方法对象就是将属性与方法封装起来方法是将过程封装起来2. 继承性所谓继承就是自己没有, 别人有,拿过来为自己所用, 并成为自己的东西2.1. 传...

2018-06-05 14:17:19 186

原创 js知识内置对象与方法

Array对象Array对象属性属性描述 length 设置或返回数组中元素的数目。 Array对象方法方法描述 concat() 连接两个或更多的数组，并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素 push() 向数组的末...

2018-06-05 08:36:47 154

xuehu837769474的博客