愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
前端技术

FormData

今天的天气很不错,有风,有你,有太阳,但不热,随手写一下FormData。 FormDate是XMLHttpRequest level2 (有人说是FF4中新增加的对象,是谁无所谓啦)中新添加的一个接口,利用FormData对象,我们可以通过JavaScript用一下键值对来模拟表单控件,我们还可以使用使用ajax的send()方法来异步提交这个‘表单’,比起之前(我们都是将表单中的name  和value组成一个querystring提交到后台),FormData是在是好用多了,比起普通的ajax提交来说,For…

2016年07月17日 2条评论 3881点热度 0人点赞 阅读全文
AngularJS

路由

route AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。 通常我们的URL形式为 http://hairecord.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如: http://hairecord.com/#/first http://hairecord.com/#/second http://hairecor…

2016年07月15日 1条评论 2980点热度 0人点赞 阅读全文
前端技术

js常用的继承方式

js是一门事件驱动型语言同时也是面向对象的语言,面向对象是个什么概念我这里就不阐述了,继承、封装、多态 是面向对象的三个特点,封装和多态暂时不讲,这篇博文就聊一下继承,在总结继承之前先来熟悉一下原型链机制。 在ECMAscript中描述了原型链的概念,并将原型链作为实现继承的主要方法,其基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。 构造函数和原型还有实例之间的关系:每个构造函数都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针(constructor),而实例都包含一…

2016年07月13日 1条评论 2980点热度 0人点赞 阅读全文
前端技术

js设计模式之订阅发布模式

JS 设计模式如此之多,这篇文章就简单的介绍一下订阅发布模式(观察者模式),撇开理论逻辑不说,说一下生活中的事情。经典的示例就是烧水的示例。我们通常在烧水之前都会计划一些事情,我们为什么要烧水,烧完水我们要做什么,比如我们计划三件事情: 1、水开了我要洗脸 2、水开了我要泡面 3、水开了我要给邻居的花浇点水(这个邪恶的想法可以忽视,哈哈) 现在我们计划好了三件事情,然后我们去烧水,水壶放在炉子上烧,我们也不能一直盯着它呀,这个时候我们可以去看电视,听说最近有个叫啥啥啥啥的综艺节目不错,我去瞅瞅,这个时候烧水的事情在…

2016年07月11日 0条评论 2409点热度 0人点赞 阅读全文
前端技术

js编程之柯理化函数思想

今天饭桌上的时候,朋友突然问了我一个问题,JS中柯理化函数思想是个什么思想,我当是第一反应就是这个东西我知道,但是忘了,,,,好尴尬。所以回来瞅了一眼,写点总结给那位仁兄看,同时给自己一个提示,好记性不如烂笔头啊! 柯理化函数思想是一种编程思想,体现出JS的预处理机制,预处理什么呢?就是把多参数的函数变成一个接受单一参数的函数。 其实更多的是预处理this指向的问题,处理this指向问题,JS提供了两个方法call() 和 apply() 方法,两个区别在于后者传参是以数组形式传递进去的,前者是单个传入;共同点就是…

2016年07月11日 2条评论 4029点热度 0人点赞 阅读全文
jQuery

jQuery中绑定事件的几种方法

整理一下jQuery中的事件绑定的方法: 我使用过了和了解的 有 bind 、on 、live 、delegate 、one 剩下的就没有用过了,现在整理一下这几种方式的异同: 1、bind方法 bind方法应该是使用率比较高的事件绑定方法了,作用就是给选择到的元素绑定事件监听函数 $('div').bind('click',fn)   因为jQuery自带循环机制 ,所以用选择器选到的元素都会绑定当click事件  ,bind事件和 原生中的 oDiv.click = fn  ,类似,原理基本相同。 bind的特…

2016年07月08日 0条评论 2586点热度 0人点赞 阅读全文
iScroll.js

iscroll.js 5+ 使用方法

版本 针对iScroll的优化。为了达到更高的性能,iScroll分为了多个版本。你可以选择最适合你的版本。 目前有以下版本: iscroll.js,这个版本是常规应用的脚本。它包含大多数常用的功能,有很高的性能和很小的体积。 iscroll-lite.js,精简版本。它不支持快速跳跃,滚动条,鼠标滚轮,快捷键绑定。但如果你所需要的是滚动(特别是在移动平台) iScroll 精简版 是又小又快的解决方案。 iscroll-probe.js,探查当前滚动位置是一个要求很高的任务,这就是为什么我决定建立一个专门的版本。…

2016年07月06日 1条评论 2871点热度 0人点赞 阅读全文
iScroll.js

iScroll.js 出坑指南

因为需求所以用到iScroll.js ,因为本人英语渣,再加上没有找到官方的中文API文档,通过浏览各位大神的博客结合本人在项目中的实际操作总结出一些微不足道的经验,记录之: 首先埋一下坑,因为iscroll 4+ 版本(以下称为I4) 和iscroll 5+ (I5) 改动较大,所以在引入的使用确认自己使用的是iscroll的哪个版本的,之前用I4的方法,但是引用的I5的文件,以至于调了一晚上的bug,最后才发现是自己太傻了。现在总结一下不同之处(只是目前本人遇到的,因为没有看源码,目前还不知道所有) 1、 首先…

2016年07月06日 0条评论 2843点热度 0人点赞 阅读全文
CSS3

FlexBox

天神亦凡人! 应小衫要求写一下FLexBox的基本知识点。 网上各种介绍,各种神人的总结,可能是翻译的不好的原因吧,多少会与原本意思有些出入,虽然逻辑没什么问题,但是理解起来比较吃力,所以在这里我就总结一下供他人和自己学习总结。 什么是flexbox? Flexbox Layout(Flexible Box)模块,W3C官方称为CSS弹性盒子布局,是在CSS3中定义的一种新的布局模式。 相对于传统的布局解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局…

2016年06月25日 0条评论 3019点热度 0人点赞 阅读全文
前端技术

Promise

直接正题,ES6的Promise解决了困扰人们很久的回调问题,回调函数在编码中用的很多,但是多层嵌套的回调会让代码看起来不是很整洁,也影响阅读,Promise旨在解决这个问题,用同步的写法解决异步的问题。 解决了用同步的写法解决异步的问题 没有使用promise的多层回调: function fn() { function fn1() { function fn3() { function fn4() { ... } } } } 不直观,维护起来也比较麻烦。 promise的使用: 直接可以使用new Promis…

2016年06月25日 0条评论 2839点热度 0人点赞 阅读全文
1…7891011
搜搜看看
历史遗迹
  • 2023年5月
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年12月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS