自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(353)
  • 收藏
  • 关注

转载 常用数据结构的英文说明

Arrays are the most commonly used data structure. Arrays are of fixed size, indexed, and all containing elements are of the same type (i.e. a homogenous collection). For example, storing emplo...

2019-09-25 04:52:59 527

转载 ajax的第一天

Asynchronouse Javascript and XML是缩写① ajax是一个与服务端语言无关的技术. 即可以使用在(php/java ee/.net网站/ asp)② ajax可以给客户端返回三种格式数据(文本格式,xml,json格式)③ 无刷新数据交换技术有以下: flash, java applet, 框架, iframe, ajax)是7种技术的综合...

2019-09-25 04:52:56 185

转载 Web APP开发技巧总结(转)

一、META/LINK相关:  1、百度禁止转码  通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:  <meta http-equiv="Cache-Control" content="no-siteapp" />  相关链接:SiteApp 转码声明  2、添加到主屏后...

2019-09-25 04:52:50 357

转载 使用 AngularJS & NodeJS 实现基于token 的认证应用(转)

认证是任何 web 应用中不可或缺的一部分。在这个教程中,我们会讨论基于 token 的认证系统以及它和传统的登录系统的不同。这篇教程的末尾,你会看到一个使用 AngularJS 和 NodeJS 构建的完整的应用。一、认证系统传统的认证系统在开始说基于 token 的认证系统之前,我们先看一下传统的认证系统。用户在登录域输入 用户名 和 密码 ,然后点击 登...

2019-09-25 04:52:48 189

转载 Angularjs Controller间通信的几种方法

先说最简单的,适合简单数据一、使用controller as<body ng-controller="ParentCtrl as parent"> <input ng-model="parent.name" /> {{parent.name}} <div ng-controller="ChildCtrl as child"&g...

2019-09-25 04:52:46 202

转载 新内容转入github

所有新内容已经转入https://github.com/honggzb/Study-Generalhttps://github.com/honggzb/Study2016转载于:https://www.cnblogs.com/JoannaQ/p/7282640.html

2019-09-25 04:52:44 118

转载 Javascript设计模式(摘译)

说明: 未完成。。。更新中。。。。一、javascipt设计模式分类设计模式分类有很多标准,最流行的三种如下1) creational -- 主要关注对象创建Creational design patterns deal directly with object initialization procedures focusing on the creation o...

2019-09-25 04:52:44 138

转载 RESTful API 设计指南(转)

一、协议API与用户的通信协议,总是使用HTTPs协议。二、域名应该尽量将API部署在专用域名之下。https://api.example.com如果确定API很简单,不会有进一步扩展,可以考虑放在主域名下。https://example.org/api/三、版本(Versioning)应该将API的版本号放入URL。https://api.examp...

2019-09-25 04:52:43 174

转载 ITPUB网站的知识索引汇总

1.ITPUB知识索引树http://www.itpub.net/tree/http://www.itpub.net/pubtree/index.htm2.ITPUB知识索引贴——全文索引http://www.itpub.net/forum.php?mod=viewthread&tid=1314534&highlight=ITPUB%D6%AA%CA%...

2019-09-25 04:52:43 86

转载 节约内存:Instagram的Redis实践(转)

一、问题: 数据库表数据量极大(千万条),要求让服务器更加快速地响应用户的需求。二、解决方案: 1.通过高速服务器Cache缓存数据库数据 2.内存数据库三、主流解Cache和数据库对比:从以上各数据可知,对于我们产品最可行的技术方案有两种: 1.Memcached 内存Key-Value ...

2019-09-25 04:52:41 119

转载 使用jQuery Mobile的注意事项(译)

翻译编辑自:http://www.appnovation.com/blog/7-things-know-about-jquery-mobile-working-it一、Android和IOS的内置键盘(Native keyboard)是不一样的对手机的内置键盘的操作是比较复杂和富有争议的,不同的手机可能需要不同的css。Android使用的是第三方的键盘插件(3rd party ...

2019-09-25 04:52:41 143

转载 Accessibility应用之focus篇

最近项目中需要应用accessibility,大量使用了focus和blur,总结如下一、设置焦点focus如创建无障碍对话框:当一个对话框出现时,焦点应在对话框内,这样用户才可以使用键盘继续浏览。焦点设置在对话框内的确切位置,在很大程度上取决于对话框本身的目的。如果确认对话框(confirmation dialog )内有一个“继续”按钮和一个“取消”按钮,那么你可以将焦点默认...

2019-09-25 04:52:39 325

转载 javascript错误处理与调试(转)

JavaScript 在错误处理调试上一直是它的软肋,如果脚本出错,给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try...catch 和 throw 语句以及一些错误类型,让开发人员更加适时的处理错误。一.浏览器错误报告随着浏览器的不断升级,JavaScript 代码的调试能力也逐渐变强。IE、Firefox、Safari、Chr...

2019-09-25 04:52:39 164

转载 iScroll4.2.5中的无法滑动或点击的解决方案(转)

又见iScroll问题,特别是三星手机和iPhone,顺便提一句,现在的项目中他们给div加了height属性来解决不能滚动问题,个人认为是个非常愚蠢的解决方案,我必须使用media query来解决随之而来的不同手机有不同高度问题,既不能适应所有手机,万一将来有了新手机型号,也会发生问题。不过他们是公司专门雇佣的顾问和专家,我也没辙。转载自:http://www.websqq.o...

2019-09-25 04:52:38 288

转载 创建无障碍的对话框(转)

如今的web应用程序中,对话框如同在桌面应用程序中一样常见。我们使用较少的JavaScript和CSS就可以很容易的显示或隐藏一个元素,但很少会考虑对话框对可访问性的影响。多数情况下,它是可访问性的一个灾难。输入焦点未能正确处理以及屏幕阅读器无法感知内容变化。其实,使对话框可访问并非如此困难,你只需要理解几行代码的作用。ARIA role如果你想要屏幕阅读器用户感知到弹出了一个对...

2019-09-25 04:52:37 214

转载 动态加载脚本和样式(转)

一.元素位置这次补充一个 DOM 的方法:getBoundingClientRect()。这个方法返回一个矩形对象,包含四个属性:left、top、right和 bottom。分别表示元素各边与页面上边和左边的距离。var box = document.getElementById('box');//获取元素alert(box.getBoundingClientRect(...

2019-09-25 04:52:36 92

转载 HTML5的 2D SVG和SVG DOM的学习笔记(2)---SVG动画

SVG支持动画。可以通过以下几种方法获得动画效果:使用SVG动画元素。SVG可以描述随时间变化的图形对象,使用不同的动画元素可以定义运动路径,淡入淡出效果和对象的膨胀、收缩、旋转和变换颜色。使用SVG DOM。SVG DOM兼容DOM1和DOM2,而SVG又定义了一套附加的DOM接口,支持脚本动画。通过这个方法可以获得各种动画效果。脚本语言中的定时器对象可以用来启动和控制动画...

2019-09-25 04:52:36 184

转载 【必备】史上最全的浏览器 CSS & JS Hack 手册(转)

浏览器渲染页面的方式各不相同,甚至同一浏览器的不同版本(“杰出代表”是 IE)也有差异。因此,浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册,那查询起来就方便多了。这篇文章就向大家分享 Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScript Hack,记得推荐和分享啊!移动手机iphone media quer...

2019-09-25 04:52:34 106

转载 Remote Debugging Chrome 结合Genymotion模拟器的移动端web真机调试(转)

尝试了好多方法,刚开始想用bluestacks调试手机页面,不过在打开chrome的时候,会黑屏,什么也看不了。最后又是更新android系统,又是卸掉bluestacks重新安装,怎么都不行。最后没办法弃用bluestacks,改用Genymotion。这样就可以在pc上模拟真机环境调试移动端样式了。以后打包成phonegap的话,=======================...

2019-09-25 04:52:34 154

转载 无障碍网页设计(WCAG2.0)

无障碍化是指无论健全人还是残疾人,年轻人还是老年人都可以平等地获取互联网上的信息和服务。无障碍化网站建设不单可以增加网站的受益群体,更是一个有情怀、有担当的互联网企业的责任,也是一个互联网从业人员应该关注到的一个方面。无障碍化受益人群:普通人普通网站用户;文化背景和习惯与主流用户不同的用户;老年人或儿童等用户;无障碍化可使得用户更轻松地使用网站服务,降低使用、...

2019-09-25 04:52:32 380

转载 SASS学习笔记1 —— 安装、编译和调试

一、什么是SASSSASS是一种"CSS预处理器"(css preprocessor)的开发工具,为CSS加入编程元素,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样使用。只是必须先安装Ruby,然后再安装SASS。先导官网下载个ruby...

2019-09-25 04:52:32 246

转载 SASS学习笔记2 —— 语法

sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种是scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。在此也建议使用后缀名为scss的文件,以避免sass后缀名的严格格式要求报错。所有的sass导入文件都可以忽略后缀名.scss。一般来说基础的文件命名方法以_开头,如_mixin.scss。这种文件在导入的时候可以不写下划线,可写成@im...

2019-09-25 04:52:30 139

转载 git在公司内部的使用实践(转)

从2011.10月左右,开始在后台组推行git版本控制,到现在也差不多半年了,也形成了一套基于git flow的副官模式工作流程:版本定义:版本号使用x.x.x进行定义,第一个x代表大版本只有在项目有重大变更时更新第二个x代表常规版本有新需求会更新第三个x代表紧急BUG修正一个常见的版本号类似于:0.11.10分支定义:master分支对应线上版本,上线都使用ma...

2019-09-25 04:52:30 108

转载 支持新版chrome,用webstorm编译形成css和sourcemap,调试sass和less源文件(转)

旧版的chrome有个support for sass,但是新版chrome没有这个功能了。看到网上提供的方法比较多,也很乱,旧版新版的都有。而且不能指定自己所需要的路径。所以就做了下改版。sass和less都有提供一个map文件,这个文件是用来干嘛的呢?.map文件是一个json格式的文件,可以直接调试less/sass源文件。=====================...

2019-09-25 04:52:28 132

转载 angularJs项目实战!03:angularjs与其他类库的协作(转)

angularjs,在我看来是个中等重量级的框架。即不像backbone那么简单,也不像dojo和Yui那么包罗万象。很多时候,妄图包罗万象,往往会出现很多子模块的质量高不成低不就,并且修改起来较为困难。过分精简,则框架内容单薄需要写的内容太多。angularjs这种相对中庸的风格,则非常符合我的需求。目前,AngularJS三个我认为最为精妙的组件就是数据绑定(Scope),指令(...

2019-09-25 04:52:25 93

转载 六个前端开发工程师必备的Web设计模式/模块资源(转)

[导读] Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件和模块响应式设计模式库这个响应式的设计模式库Yahoo的设计模式库Yahoo的设计模式库包含了很多可以帮助开发设计人员解决遇到的问题的资源,包括开发中常常需要处理的导航,互动效果及其布局网格等大家常用的组件...

2019-09-25 04:52:23 81

转载 HTTP脚本化——XMLHttpRequest对象的学习笔记

一、 HTTP 请求和响应一个HTTP请求由4部分组成HTTP请求方法(也叫动作Verb)正在请求的URL一个可选的请求头集合(可能包含身份验证信息等)一个可选的请求主体服务器返回的HTTP响应由3部分组成一个数字和文字组成的状态码,用来显示请求的成功和失败一个响应头集合响应主体说明:XMLHttpRequest不是协议...

2019-09-25 04:52:21 179

转载 Javascript 严格模式详解(转)

一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个:- 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;- 消除代码运行的一些不安全之处,保证代码运行的安全;- 提高编译器效率,...

2019-09-25 04:52:18 55

转载 CommonJS规范(转)

概述CommonJS是服务器端模块的规范,Node.js采用了这个规范。根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports对象。下面就是一个简单的模块文件example.js。console.log("evaluating example.js");va...

2019-09-25 04:52:15 110

转载 mouseover和mouseout多次触发解决方法(兼容ie和firefox)(转)

在用到mouseover和mouseout事件来作为事件触发的条件,但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反复的触发mouseover和mouseout事件,如导致菜单闪烁等问题。因为内部元素在鼠标移上的时候会向它的父对象派发事件,所以外面元素相当于也触发了mouseover 事件。为了阻止mouseover和mouseout的反复触发,这里要用到even...

2019-09-25 04:52:15 276

转载 javascript DOM操作HTML文档

文档对象模型(DOM)是W3C为解决浏览器混战时代不同浏览器环境之间的差别而制定的模型标准。W3C将文档对象模型定义为:是一个能让程序和脚本动态 访问和更新文档内容、结构和样式的语言平台。提供了标准的HTML和XML对象集,并有一个标准接口来访问并操作他们,即任何一个 html 元素可以使用 JavaScript DOM 动态访问和控制。1. DOM概述 文档对象模型定义了J...

2019-09-25 04:52:12 213

转载 HTML5的 2D SVG和SVG DOM的学习笔记(1)

(项目中要使用SVG,只好补充知识了)HTML体系中,最常用的绘制矢量图的技术是SVG和HTML5新增加的canvas元素。这两种技术都支持绘制矢量图和光栅图。一、SVG概述  可缩放矢量图形(Scalable Vector Graphics,简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法)。 SVG允许三种类型的图形对象:矢量图形形状(例如...

2019-09-25 04:52:11 315

转载 JavaScript学习——判断数据类型总结(转)

一、JS中的数据类型   1.数值型(Number):包括整数、浮点数。   2.布尔型(Boolean)   3.字符串型(String)   4.对象(Object)   5.数组(Array)   6.空值(Null)   7.未定义(Undefined)二、判断一个变量的数据类型1.数值型(number)变量a是NaN,它是不能用于数值运算...

2019-09-25 04:52:08 76

转载 你需要知道的三个 CSS3技巧(转)

1. 在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现,但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性,在很多情况下都能帮你省去了以往需要Javascript处理的过程。要想使用这个功能,你需要用到三种元素:一个:before 或 :after CSS伪类样式, .content属性,和一个带有你想使用的...

2019-09-25 04:52:08 64

转载 使用Yeoman,Grunt和Bower开发AngularJS(译)

使用Yeoman产生AngularJS的主要骨架使用Grunt加速开发和帮助执行使用Bower来加入第三方插件和框架——third party plugins/frameworks一、准备工作安装好NodeJS和NPM(读者可自己去google)二、安装Yeoman, Grunt and Bower,产生AngularJS的主要骨架2.1 新建一个目录,并...

2019-09-25 04:52:04 119

转载 程序员/设计师能用上的 75 份速查表(转)

75 份速查表,由 vikas 收集整理,包括:jQuery、HTML、HTML5、CSS、CSS3、JavaScript、Photoshop、git、Linux、Java、Perl、PHP、Python、Ruby、Ruby on Rails、Scala、C#、SQLite、C++、C语言、Ubuntu、WordPress、Node.js、Oracle、NMAP、Mac OS X、Ha...

2019-09-25 04:52:01 189

转载 Jquery操作select小结

每次操作select都要查资料,干脆总结一下。为select设置placeholder<select class="form-control selOP" placeholder="Pick Orchestration Plan"> <option value="" disabled selected style='display:none;'...

2019-09-25 04:51:59 82

转载 用JavaScript操作Media Queries

在响应式(或自适应)设计中要用到Media Queries这个CSS属性,但在某些时候我们需要对Media Queries进行动态操作,这时候可以使用Javascript。如以下Media Queries的代码:@media all and (max-width: 700px) { body { background: #FF0; }...

2019-09-25 04:51:58 114

转载 AngularJS开发经验(转)

  AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。一、AngularJS 中的精美特性双向绑定上面的例子已经说明了,我们可以像 PHP Smarty 模板一样在 HTML 中写表达式,用 {{ 和 }...

2019-09-25 04:51:56 89

转载 详解Jquery和AngularJs,Servlet中jsonp解决跨域问题(转)

众所周知,jsonp可以解决跨域问题,下面是我在查阅资料和实际项目使用后的一些总结。Jquery中jsonp的使用//myUrl = "http://localhost:8090/api/test";$.ajax({  type:"GET",  url:myUrl,  dataType:"jsonp",  jsonp:"callback",  ...

2019-09-25 04:51:50 75

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除