什么是Viewport Meta(width详解)及在手机上的应用
viewport是专为手机浏览器设计的一个meta标签; 有些屏幕很小有智能手机,但分辩率却可以做得很大,比如小米4的默认分辨率为:1920*1080,比许多电脑桌面的都还大,传统桌面网站直接放到手机上阅读时,界面就会显得非常小,阅读体验就很差,就样就需要一种将原始视图在手机上放大的机制,使用viewport标签可以解决这个...
2015-02-09
java 编程思想 - Chapter11&Chapter17- 不同容器之间的比较
ArrayList 和 LinkedList 基本的 List 操作是相同的。但是 ArrayList 底层是 数组实现的,LinkedList 是双向链表实现的(其中每个对象包含数据的同时还包含指向链表中前一个元素和后一个元素的应用)。 因此,如果经常在表中插入删除应该使用 LinkedList,如果大量随机访问元素,应该使用ArrayList.
2015-02-10
100 行代码实现的 JavaScript MVC 样式框架
使用过JavaScript框架(如AngularJS, Backbone 或者Ember)的人都很熟悉在UI(用户界面,前端)中mvc的工作机理。这些框架实现了MVC,使得在一个单页面中实现根据需要变化视图时更加轻松,而模型-视图-控制器(mvc)的核心概念就是:处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。
Angular.JS学习记录(三)
Angular过滤器 AngularJS 过滤器可用于转换数据 过滤器 描述 currency 格式化数字为货币格式。 filter 从数组项中选择一个子集。 lowercase 格式化字符串为小写。 orderBy 根据某个表达式排列数组。 uppercase 格式化字符串为大写。 uppercase 过滤器格式化字符串为大写 (ng-app写在HTML标签上的哦!): {代码...} low...
java.sql.SQLException: Incorrect string value:
1、今天开发项目的时候,偶然遇到了: java.sql.SQLException: Incorrect string value: '\xE5\xBE\x88\xE6\x83\xB3...' for column 'fontContentThree' at row 1 的问题,通过查询资料发现,产生这个错误的原因,是因为当行字段的编码与表的编码不一致导致的。 2、解决办法,将该字段编码格式与表的编码格式设置一致即可。
2015-02-10
用phpunit进行TDD入门
在工程目录下建立两个目录, src和test,在src下建立文件 BankAccount.php,在test目录下建立文件BankAccountTest.php。
解读 webconponents.js 中对 ES6 WeakMap 的 shim (一)
ES6 中对 WeakMap 的要求主要是对 key(非 null 对象) 仅保留弱引用,且取值是 O(1) 复杂度,这导致了它的两个特性: 不能求大小,更不能枚举。 当 key 对象不被其他变量引用时,会被垃圾回收系统回收。 按说这种关乎内存管理的对象是没法 shim 的。但是webcomponents.js 对 WeakMap 有一个很奇妙的 shim。经过阅读后整...
每个程序员必知之SEO
这是一个老的,有些过时纸,但非常平易近人,甚至在我们中间的非白皮书的读者图标微笑什么每个程序员都应该知道的关于搜索引擎优化和他们绝对概念的解释更详细,我只提一笔带过。
控制反转与双向绑定
引子 在前端开发中,常常有这样的naive的代码,先是在HTML中定义了页面结构: {代码...} 在有交互时,用js通过其class来取到节点,然后将数据写进去,如$('.order-total').html(300)。 大约在三年前,这种做法在业界还颇为流行,几乎所有的书里,网上教义,都在鼓吹这种分离JS和HTML的行为,认为这么做就是天经地义。 但...
ipxe net boot configure (dnsmasq qemu iptables ...)
/etc/init.d/dnsmasq start enable tftp server; then you should disable tftp-hpa service service tftp-hpa stop
2015-02-11
js面向对象练习-拖拽效果
首先来了解一下,面向对象练习的基本规则和问题: 先写出普通的写法,然后改成面向对象写法项 普通方法变形 ·尽量不要出现函数嵌套函数 ·可以有全局变量 ·把onload函数中不是赋值的语句放到单独函数中 改成面向对象 ·全局变量就是属性 ·函数就是方法 ·onload中创建对象 ·改this指针问题 先把拖拽效果的布局完善好:HTML...
CSS3:border-image属性详解
border-image-slice,指定边框图像顶部、右侧、底部、左侧内偏移量。其作用就是把边框图像切成9个区域:4个角、4边区域和一个中间部位,俗称称作9宫格,其操作流程如下: 图片用了w3c指定专用产品~一个81px的正方形位图,9个菱形图案,每个菱形图案为27*27px
几个前端UI框架的的比较
刚开始接触HTML刚开始接触JS我也不懂就看了下- 正好我也在考虑怎么用HTML来搭我的APP UI。作为初学者,我发现Amaze UI是中文的,觉得对初学者看起来会更简单 - 尤其对HTML CSS等一窍不通,很快有人推荐了Ratchet,看了下感觉用来做手机APP确实很简单的样子.. 开始纠结了.. 跟公司大神讨教了下什么是UI框架以及一些主流的...
backebone源码
// (c) 2010-2014 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors // Backbone may be freely distributed under the MIT license. // For all details and documentation: // [链接]
2015-02-11
MongoDB主从和分片如何设置鉴权
在前面一篇文章中,我介绍了如何在单台 MongoDB 上设置鉴权,以防范对数据未经授权的访问。本文介绍在配置了主从(Replica Set)和分片(Sharding)的情况下,如何为数据库添加鉴权。这两种情况下的配置方式没有区别,为简单起见,我将它们都称作“多台服务器”。
2015-iOS面试总结(上)
{代码...}
怎么在elementary OS中使用中文输入法
I tried the conventional way of adding Chinese from language settings and then adding keyboard layout. The floating panel also showed Chinese and English but can’t switch. Zh for Chinese appears but can’t type in Chinese . I found an answer here about typing Chinese with FCITX but that also did’t...
2015-03-21
【译】stackoverflow 关于JavsScript的热门问答
我曾尝试向一个27岁的朋友解释js闭包并且完全失败了。你会如何向一个有概念(例如,函数,变量等)的人解释,来弥补闭包知识,但不理解闭包本身?
从输入 URL 到页面加载完成发生了什么事
看到 这篇文章,重拾计算机网络的知识,决定班门弄斧写一篇 下面的讨论基于最简单的情景:HTTP、无代理、不讨论功夫王、IPv4,并简单得从三个方面阐述。 浏览器会做些什么 接收 URL,并拆分成协议,网络地址,资源路径 与缓存进行比对,如果请求的对象在缓存中,则直接进行第九步 如果网络地址不是一个 IP 地址,向操作...
windows命令行下 git reset -hard HEAD^无法 正确执行
在windows的命令行中 git reset -hard HEAD^ 中 ^是一个特殊字符,使用时必须用双引号引起来才能正确运行 {代码...}
2015-03-21