程序员在周末学习的8个实用技术

无论你是刚开始接触软件项目开发的新手程序员,还是一个正在寻找拓展技能的经验级软件工程师,都有许多学不完的新技术等待着你去拓展。当然如果你可以在周末学习下面这些实用技术,那就更棒了。学会一下8个技术或许会让你以后有更多的周末休息时间。 熟练掌握版本控制 如果你从来没有使用版本控制的经历,那么也许你现在会处于一种很艰难的境地:无法将代码恢复到上一个版本,或许你只能将你的代码以文件命名的方式进行备份,比如index_17.html,这是多么痛苦的一件事情。 版本控制意味着你可以将你的代码恢复到任意的版本——甚至精确到小时或者分钟。如果你使用过Google Drive,也许会对恢复到上一个版本的功能比较熟悉,… Read More

取代cookie的网站追踪技术:”帆布指纹识别”初探

博文作者:rices 发布日期:2014-07-28 阅读次数:4120 博文内容:   【前言】 一 般情况下,网站或者广告联盟都会非常想要一种技术方式可以在网络上精确定位到每一个个体,这样可以通过收集这些个体的数据,通过分析后更加精准的去推送广 告(精准化营销)或其他有针对性的一些活动。Cookie技术是非常受欢迎的一种。当用户访问一个网站时,网站可以在用户当前的浏览器Cookie中永久 植入一个含有唯一标示符(UUID)的信息,并通过这个信息将用户所有行为(浏览了哪些页面?搜索了哪些关键字?对什么感兴趣?点了哪些按钮?用了哪些功 能?看了哪些商品?把哪些放入了购物车等等)关联起来。 而 随着网民对个人… Read More

magento: configurable 显示所有属性及获取 Json Config how to get Json Config by product id

1. 显示所有属性 $config_product = Mage::getModel('catalog/product')->load($_product->getId()); $productAttributeOptions = $config_product->getTypeInstance(true)->getConfigurableAttributesAsArray($config_product); 源于:http://stackoverflow.com/a/17045189/602382   2. 获取 Json Config $mageFilename = 'app/Mage.… Read More

推荐 10+ 个很有用的 jQuery Google 地图插件

Google 地图提供很多 API ,用来在你的网站中使用地图功能,但很多 API 使用比较复杂而且难以理解,使用 jQuery 的地图插件可以帮你简化集成地图的开发。oschina 向你推荐 11 个很有用的 jQuery 地图插件: 1) Jquery GPS 2) Jquery gMap 3) jMapping   4) goMap jQuery Google Maps Plugin 5) JQuery bMap Plugin 6) JQuery Mapbox 7) IM Google Maps 8 ) JQuery and Google Map 9) My JQuery map 10) gMap3 11) Google Map using JQuery Via:http://zoomzum.c… Read More

Prefix free:摆脱 CSS3 前缀

做前端开发,经常各种Code (html css js),特别是css3的一些属性,经常需要添加-moz-、-webkit-、 -o-、 -ms-,表示无比的淡疼;本来很简介的代码,这样下来,乱乱的感觉。 还好,有些牛逼的前端开发的人在,有个叫Lea Verou的家伙就搞了一个Prefix free的东东来完善减轻一些负担。类似插件还有jQuery CSS3 Finalize。 Prefix free简介 特点: 处理 <link> 或<style>元素,在需要的地方自动添加前缀; 处理新的<link>或<style>元素,即网页加载完后再添加的新标签,需要Dynamic DOM p… Read More

jquery 很赞的背景图片转换插件 Backstretch

Backstretch Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes. Demo There are a couple of examples included with this package, or feel free to check… Read

5个响应式全屏背景图片变换插件 5 jQuery Responsive Fullscreen Background Image Plugins

1. Vegas Background jQuery Plugin Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.s SourceDemo 2. Backstretch A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element Source + Demo 3. Supersized jQuery Plugin… Read More

CSS如何去掉链接虚线框

链接的虚线框影响整体风格,我们在工作经常会将它去掉,而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待,这种技巧经常用到,作个记录,以备不时之需。 当一个链接得到焦点时,默认会有个虚线框。如图: 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉。所以我们可以这样写: a:focus { outline:none; -moz-outline:none; }   顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果。   如果想去掉阴影效果也可以用 outline 属性。 input,t… Read More

搜索互联网缓存页面 How to View the Cached Page of any URL or Website

Using Google’s Cache to view Cached page of an Website Copy and paste the following URl address in any web browser and replace Website URL with the URL address of the webpage you want to view : Http://webcache.googleusercontent.com/search?q=cache:<Website URL> Alternatively if you are using Google Chrome, then you can directly type in Cache:<… Read More

图片裁剪:CropZoom插件的应用

我们在使用QQ空间或者开心网等网站的个人中心时,有个上传个人头像的功能。用户在上传自己的照片后,由于照片尺寸不符合网站的要求,要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像。 查看演示   最近在项目中也要用到这样的功能,用户可以对上传的图片进行自由缩放、裁剪,使之符合彩信图片的大小。于是,发现了CropZoom。 CropZoom特性 CropZoom是由Gaston Robledo写的一个功能非常强大的jquery图片裁剪插件,它具有以下主要特性: 1、任意放大和缩小图片 2、360度旋转照片 3、自由拖动,自定义选择区样式 4、及时显示裁剪后的照片,可以与后台程序PHP、JAVA、Asp.… Read More

使用 jQuery Mobile 与 HTML5 开发 Web App (一) ——开发原则

最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mobile 与 HTML5 ,可以很方便的开发出一款具有良好界面及用户体验的 Web App,在这个过程中我收获良多,因此决定针对使用 jQuery Mobile 与 HTML5 开发 Web App 写一个系列的文章。在开始之前,我首先简述 Web App 与原生 App 各自的优缺点。 一. Web App 与原生 App 的优缺点 1.Web App (1).优点 1.开发成本低,周期短, Web 开发者可以使用现成的工具及开发技术。 2.跨平台,用户只需要一个标准的移动浏览器。 3.维… Read More

使用 jQuery Mobile 与 HTML5 开发 Web App (二) —— jQuery Mobile 基础

这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件、事件响应以及可以调用的方法,而作为该系列的第一篇文章,Kayo 将会先介绍 jQuery Mobile 的基本情况和一些基础的实例。 一.jQuery Mobile 的渐进增强设计与浏览器支持 在上一篇文章中, Kayo 简单介绍了渐进增强设计的概念,可以参考文中的第四点内容。而 jQuery Mobile 虽然是一些新 web 技术( HTML5、CSS3 和 JavaScript )的产物,但对于不能提供以上技术支持的设备也会尽量提供最好的体验。   根据维基百科( Wi… Read More

使用 jQuery Mobile 与 HTML5 开发 Web App (三) —— jQuery Mobile 按钮

一.Button 组件及 jQuery Mobile 如何丰富组件样式 在 jQuery Mobile 里,可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件,jQuery Mobile 会追加一定的样式到链接,值得注意的是,jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应,一般还会追加一些新的元素使到组件的样式更接近于原生的 App 组件样式。下面给出一个例子:   这是一个添加了 data-role=“button” 属性的链接,原 HTML 如下 <a href="#page2" data-role="button">… Read More