- 博客(14)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 在Web应用中接入微信支付的流程之极简清晰版（原文出处：http://blog.sina.com.cn/s/blog_48422a050102w364.html）
背景：在Web应用中接入微信支付，我以为只是调用几个API稍作调试即可。没想到微信的API和官方文档里隐坑无数，致我抱着怀疑人生的心情悲愤踩遍了丫们布下的所有坑。简要介绍几个主要大坑：坑一：关于WeixinJSBridge这个对象查阅网页端调起支付API的开发文档，此对象即旁若无人的映入眼帘。然后我们就理所应当的在代码里调用了丫的。可是，to
2016-06-07 16:56:10
3421
原创 javascript深入理解js闭包
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999;
2016-04-21 13:24:00
3844
1
原创 js中namespace命名空间模式
命名空间有助于减少程序中所需要的全局变量的数量，并且同时有助于避免命名冲突或过长的名字前缀。关于命名空间的例子：/*** 创建全局对象MYAPP* @module MYAPP* @title MYAPP Global*/var MYAPP = MYAPP || {};/*** 返回指定的命名空间，如果命名空间不存在则创建命名空间。* 备注：命名时需小心，注
2016-04-20 15:51:55
348
原创 Web移动端Fixed布局的解决方案(原文出处：http://efe.baidu.com/blog/mobile-fixed-layout)
移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个栗子，最直观的说明一下这个 BUG 的现象。 常规的 fixed 布局，可能使用
2016-04-18 10:29:21
3086
1
原创 HTML与CSS布局技巧总结
很多人对CSS的布局有困惑，实际的应用场景中由于布局种类多难以选择。今天我花些时间总结下自己对CSS布局的理解，分析下了解各种布局的优劣，同时希望能分享给初入前端的朋友们一些在布局上的经验，如果有那些地方总结的不好，欢迎大家指正。言归正传，现在就来揭开各种布局的面纱。单列布局div class="parent"> div class="child">div>div>1
2016-04-15 14:55:00
5501
4
原创 初学webpack
如今前端开发已经模块化，它改进了代码库的封装和结构。打包工具已经成为了一个项目必不可少的部分，如今这儿有几种可能的选择，例如webpack，grunt，gulp等。webpack因为他的功能和扩展性在过去的几年中，受到非常大的欢迎。但是webpack的配置总是让人觉得很困惑，今天我们将从一个空的配置文件逐步完成一个完整的设置进行打包文件。一、概念webpack是收把项目当作一个
2018-01-02 21:53:08
443
原创 在JavaScript中创建命名空间的几种写法
在JavaScript中全局变量经常会引起命名冲突，甚至有时侯重写变量也不是按照你想像中的顺序来的，可以看看下面的例子：var sayHello = function() { return 'Hello var';};function sayHello(name) { return 'Hello function';};sayHello();
2016-04-22 14:16:50
251
原创 jQuery插件的写法
这几天在学习jQuery插件的写法，搜索了一些资料，包括jQuery官方的示例，但发现描述的并不是很清晰。最后，终于搜索到一篇讲解比较清晰的文章，这里自己总结了一下，并以一个具体的示例来说明jQuery插件的写法。1、概述先看看html代码 id="catagory"> href="#">jQuery href="#">Asp.net hr
2016-04-20 16:59:31
376
原创 jQuery.extend 函数详解
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并
2016-04-20 16:22:50
251
原创 JavaScript 单例模式
单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。最基本的单例模式——对象字面量对象字面量可以包含大量的属性和方法，将这些方法和属性组织在一起[javascript] view plain copyvar Singleton = {
2016-04-15 18:00:06
391
转载 CSS弹性盒子Flexbox布局详解
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。以下内容主要参考了：Flex 布局教程：语法篇
2016-04-15 14:52:07
8064
转载 HTML5技术学习总结
背景： HTML5（下面简称H5）技术早在N多年前就“如火如荼”了，当然现在的热度依旧不减。尤其是移动市场大火的今天，很多网站都采用了H5的技术。其实很多时候我们实际开发中或多或少的都会用到H5技术。尤其是像我这种“半道出家”的非“职业前端”开发人员，很多页面效果都是度娘和google的，网上dang下来简单测试下兼容性也就用了。我想这也是H5工作小组想要达到的目的，“文
2016-04-15 14:47:23
2753
1
转载 HTML5和HTML属性及元素整理
背景： 我们在开发的时候，经常被问到，你们用到了哪些H5的特性？有的时候这个问题真的很不好回答，除了那几样非常有特点的H5技术，比如LocalStorage、Canvas、Offline Application、图形绘制或者CSS的圆角等，剩下的H5属性、CSS3很多都细节都我们自己都不知道是否用到了H5技术，所以今天特地整理了下H5的元素和属性。经过整理和发现，原来我们不经
2016-04-15 14:44:18
389
转载 JS冒泡和闭包案例分析
背景： 今天逛网页发现了百度知道上一个有意思的JS问题，提问者的问题其实蛮简单的，懂点前端开发技术的应该都能实现。提问者的要求：实现子菜单的弹出，菜单共有三级，每级菜单显示时有500毫秒的延迟。然后提问者贴出了他的问题代码。 对别人贴出来的代码，只要不是特别复杂，我都会看一眼。毕竟程序员交流，源代码是最好的语言，刚开始看他的代码就有点感觉哪里不对。后来仔细分析了下
2016-04-15 14:35:07
664
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人