我记得数年前,只要我们编写JavaScript,都必须用到几个常用的函数,比如,addEventListener 和 attachEvent,并不是为了很超前的技术和功能,只是一些基本的任务,原因是各种浏览器之间的差异造成的.时间过去了这么久,技术在不断的进步,仍然有一些JavaScript函数是几乎所有Web程序员必备的,或为了性能,或为了功能. 防止高频调用的debounce函数 这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数.如果你在使用scroll,…
防止高频调用的debounce函数 这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数.如果你在使用scroll, resize, key*等事件触发执行任务时不使用降频函数,也行你就犯了重大的错误.下面这个降频函数 debounce 能让你的代码变的高效: // 返回一个函数,that, as long as it continues to be invoked, will not // be triggered. The function will be c…
现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计.为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等.有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力.这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库.有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:) 1) Headroom.…
现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计.为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等.有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力.这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库.有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧收藏起来吧:) 1) Headroom.…
对于一份工作,你可能专注于修炼自己的内功,会在不自觉中忽视软技能.硬技能决定你是否能得到工作,而软技能能够表明你是否适合这份工作和适应工作环境等.所有的公司都有属于自己的文化,并努力将这些文化传承下去,所以他们必须确保每一位新员工能够适应这个环境. 许多硬技能很容易获得并可很快的提高,而软技能由于和你性格等联系紧密,可想要改变他们是一件很困难和缓慢的事情.这里有七个核心的软技能,适用于大多数的 企业,它们不分行业,但作为Web开发者不应该忽视其中的任何一个.但是,有两个软技能不仅有利于Web开发…
前言 最近公司向员工搜集公司杂志的文章,刚好最近学习了机器学习相关课程.为了赚取购买课程的费用,所以写了如下文章投稿赚取稿费. 如下文章可能涉及一些我所购买课程的内容,所以不便将所有资源进行展示. 当初写这篇文章的目的除了赚取公司的稿费外,还有就是给现有web开发的同事提供一些新的开发方向,认识新的开发领域. 一.人工智能.机器学习.Tensorflow三者关系 人工智能是近几年火热的话题,同时人工智能也是一门很庞大的学科.那么如何实现人工智能?机器学习就是其中一种实现方式. 机器学习又是什么?…
1.Allow-Control-Allow-Origin    安装此插件解决跨域问题,在本地起服务器可访别的域的数据. 需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问) 2.clear Cache    一键清浏览器缓存. 3. EditThisCookie     EditThisCookie是一个cookie管理器.您可以添加,删除,编辑,搜索,锁定和屏蔽cookies! 4.Postman…
过去,应用开发需要注重大量的专业知识,程序员只需关注单一的语言(比如COBOL.RPG.C++等),并利用该语言创建应用.而如今,时代在变迁.Web不再是单单关注独立的一面.相反,一个现代化的Web应用开发者应该是"样样精通".他们不仅要理解开发方面还要明白Web应用安全漏洞问题,了解如何与其他设备集成在一起等等.往深了说,他们还需要了解这些应用程序是如何运行在平板电脑和智能手机上的. 换句话说,Web应用开发正变得更加复杂化.它迫切需要一个不断增加以及不断发展的配套技能. 那么,现代…
SVG 是一种很好的 Web 技术方案,可以用来创建互动,在任何大小的屏幕上都会很好看.与分辨率无关的矢量图形.而这里推荐的 Snap.svg 这个 JavaScript 可以让你像 jQuery 操作 DOM 一样操作 SVG 资源. Snap.svg 是专为现代浏览器打造,支持剪裁,遮罩,纹理,渐变,分组等功能.凭借丰富的动画库和易于的事件处理,Snap.svg 可以帮助你轻松实现 SVG 功能. 您可能感兴趣的相关文章 10大流行的 Metro UI 风格 Bootstrap 主题 推荐3…
想成为一个高效的Web开发者吗?来看看大牛分享的经验吧~ 作为一个软(ku)件(bi)工(de)程(ma)师(nong),你有没有觉得做什么事都没时间?没时间学习新东西,没时间去回顾.整理原来写的烂代码,没时间写单元测试,没时间给接管你项目的家伙写文档,没时间思考,没时间喘气,没!时!间! 额--如果你肯花点时间看看这篇文章,我相信你会明白应该把时间花在哪. 我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作.这个想法差点毁了我.身体越来越差,和家人与朋友越来越疏远,很快我就撑不住了.后来我开…
Coursera课程<面向 Web 开发者的 HTML.CSS 与 Javascript> Johns Hopkins University Yaakov Chaikin Week1 Introduction to HTML5 对于网页来说,HTML定义的是网页的骨架(structure),CSS定义的是网页的风格(style),JavaScript定义的是网页的动作(Behavior). 使用http://validator.w3.org可以来验证你写的HTML是否符合标准. HTML标签的…
本文作者Spencer是一名专注于ASP.NET和C#的程序员,他列举了平时工作.在家所使用的大部分开发工具,其中大部分工具都是集中于开发,当然也有一些其它用途的,比如图片处理.文件压缩等. 如果你是一名.NET程序员,不妨来看看本文推荐的这些工具吧.灵活搭配并使用它们,或许可以给你带来意想不到的收获哦. 主要工具 Visual Studio—— IDEs工具之王,.NET开发者的必备IDE.Visual Studio提供非常强大的启动工具箱,并且还有一些让人惊喜的插件支持.在去年11月,微软发…
原文:.NET开发者必备的11款免费工具 如今,HTML5,jQuery,JavaScript等等这些热门技术,受到了开发者们的强烈追捧,有了这些开发工具也为开发者们减轻了许多负担.本文为开发者介绍了11款.NET框架,这些框架有很多优点,比如提供用户界面,数据访问,数据库连接,Web应用开发,加密,数值算法算法,网络通信,以及一些其它的服务.这些工具都是开源的,有的开发工具你既可以从网上下载可执行文件,也可以下载源代码:还有一些工具拥有可扩展的框架,是一个持续集成工具. 今天我们要介绍一些最适…
本文作者Spencer是一名专注于ASP.NET和C#的程序员,他列举了平时工作.在家所使用的大部分开发工具,其中大部分工具都是集中于开发,当然也有一些其它用途的,比如图片处理.文件压缩等. 如果你是一名.NET程序员,不妨来看看本文推荐的这些工具吧.灵活搭配并使用它们,或许可以给你带来意想不到的收获哦. 主要工具 Visual Studio—— IDEs工具之王,.NET开发者的必备IDE.Visual Studio提供非常强大的启动工具箱,并且还有一些让人惊喜的插件支持.在去年11月,微软发…
本文作者Spencer是一名专注于ASP.NET和C#的程序员,他列举了平时工作.在家所使用的大部分开发工具,其中大部分工具都是集中于开发,当然也有一些其它用途的,比如图片处理.文件压缩等. 如果你是一名.NET程序员,不妨来看看本文推荐的这些工具吧.灵活搭配并使用它们,或许可以给你带来意想不到的收获哦. 主要工具 Visual Studio—— IDEs工具之王,.NET开发者的必备IDE.Visual Studio提供非常强大的启动工具箱,并且还有一些让人惊喜的插件支持.在去年11月,微软发…
Chrome Sniffer Plus: Chrome 探测器,可以探测正在使用的开源软件或者 js 类库,开发者必备. 通过本插件,您可以探测: javascript 库: jQuery.ExtJS.Angular 等. 常用的 web 服务: 百度统计.cnzz.Google Analytics 等. Web 框架: WordPress.phpBB.Drupal.MediaWiki 等. 服务器环境: PHP.Apache.nginx 等. 当你安装此插件去浏览网页时,还可以发现更多你未知的…
摘要: 最常用的Web服务器 -- Nginx 原文:前端开发者必备的Nginx知识 作者:ConardLi Fundebug经授权转载,版权归原作者所有. Nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写. nginx现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应用程序中所担任的角色,…
返回VS插件总目录 本篇目录 初识Web Essentials 看国外大牛如何评价Web Essentials Web Essentials下载与安装 Web Essentials涉及到了哪些内容 初识Web Essentials Web Essentials Web Essentials给Visual Studio扩展了很多新的功能,对于Web开发者来说,这些功能我们已经等待好多年了. 如果你正在编写CSS, HTML, JavaScript, TypeScript, CoffeeScript…
modern.IE 是微软推出的一个开发人员中心,提供免费的工具和资源,旨在使您能够花更少的时间来测试各种版本的 Internet Explorer,并留出更多时间在现代 Web 上构建重要的内容.modern.IE 在支持旧版 IE 的同时,可使您更加轻松地利用 Web 标准(例如 HTML5 和 CSS3)构建创新体验,从而帮助推动 Web 的发展. 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开发博文 小伙伴们惊呆了!8个超炫的 Web 效果 35个让人惊讶的 CSS3 动画效果…
这里向大家分享一组创新的 Off Canvas 导航效果.Off Canvas 导航在一些移动应用程序中被广泛使用.当你点击汉堡按钮(一般是三条横线组成)时,在左侧或者右侧拉出一个菜单,这样可以充分利用移动设备界面中极为有限的空间. 在线演示      立即下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典…
http://mobile.51cto.com/ahot-426035.htm Android开发者必备的42个链接 下面收集了42个帮助大家学习Android的内容链接,部分内容是面向初学者的,帮助大家从头开始学习Android开发,其他则面向较高级的开发者.希望推荐的这些内容对你有帮助. 官方网站 1.谷歌Android开发者页面 这里是主站点,在这您可以找到一切资源帮助您开始Android开发.此站包含了很多关于学习基础知识的资源,完整的API引用,以及你开始开发所需的各种工具.此站共分为…
转自:http://www.oschina.net/translate/12-best-bootstrap-tools-for-web-designers Bootstrap是一个非常棒的前端网站开发平台,它提供了大量的开发高体验的.高效的网站所需要的组件.这给网站开发人员与网站设计师提供了很好的便捷性,他们能很快很便捷在这一平台上找到开发所需的所有组件.Bootstrap打破了原有的世界记录,并且在Github的所有项目中排名第一.Bootstrap兼容所有新的浏览器,同时向下兼容IE7.平台…
代码调试平台是Web开发者进行开发.测试.分享.协作和交流的网络应用,它们支持实时的编辑.预览HTML.CSS和JavaScript的客户端代码.这些代码调试平台最值得称道的地方在于,它们中的大多数都是免费的,你可以很容易的以学习或者调试程序为目的与他人分享你的工作. 就个人而言,这些web应用程序在日常工作中给我带来了不小的帮助.每当在使用JavaScript或者CSS编程碰到瓶颈的时候,我可以在代码调试平台上分享自己的代码并邀请其他的开发者朋友来解决.这种模式的有趣性和互动性对于新手的学习有…
当前iOS和Android两大移动操作系统“二足鼎立”,几乎覆盖了市面上大部分的智能手机.相比Android,iOS开发适配更简单,且随着各种实用工具和Swift语言的出现,iOS开发门槛地降低,开发前景巨大.而对于开发者和设计师来说,是否拥有一款功能强大且实用的开发工具将直接影响其工作效率和成果.为此,我们结合现有资讯.整合最新资源,从开发.设计.分析.内测分发等方面整理出“iOS开发者必备的十款工具”供大家参考. 开发环境: 1)Xcode 作为苹果公司的当家IDE(IDE是Integrat…
这两本书就一块儿搞了,大多数已经理解,简单做个标记.主要对自己不太了解的地方,做一些记录.   一.读<高性能网站建设指南> 0> 黄金性能法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上.其余的80%~90%时间花在了下载页面中的所有组件上. 1> 尽量减少HTTP请求 2> 使用CDN 3> 添加Expires头 4> 采用Gzip压缩组件 5> 将样式表放在顶部 6> 将脚本放在底部 7> 避免CSS表达式 8> 使…
原文出处: mobilexweb   译文出处:罗磊(@罗罗磊磊)   欢迎分享原创到伯乐头条 喜大普奔,喜极而泣,喜当爹,随着iPhone 6和iPhone 6 plus的上市,ios 8终于在上周推送更新了.新的设备,新的分辨率.接下来这篇文章介绍下 iOS 8有哪些变化. 概述 简介 iOS 8 上的 Safari 的更新 iPhone 6 和 iPhone 6 Plus 新 Api 支持 Safari 新功能和支持 iOS 8 原生优化 Safari 插件 新的设计 视频增强 iOS 8…
HTML已经走过了近20的发展历程.从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展.但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意.下面,向大家介绍这些应该遵循的开发原则. 1.善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点.将这些内容用DIV标签包含起来,页面的代码会呈现出整洁.缩进良好的风格. 1 2 3 4 5 6 <div id="header"></div>  <di…
我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTTP 协议有所了解,这样才能帮助你更好的完成开发任务.在这篇文章中,我将讨论什么是 HTTP,它是怎么产生的,它的地位,以及我们应该怎么使用它. 作者:Kamran Ahmed来源:Linux中国|2016-09-28 22:44 收藏 分享 自从我写了上一篇博文之后,就再也找不到空闲时间写文章了.今天我终于可以抽出时间写一些关于 HTTP 的东西. 我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTT…
1. Cloud9 IDE cloud9 Cloud9是我最喜欢的一个最好的云开发环境,它可以让我在任何时间任何地点进行代码编写.运行和调试.Cloud9对Node.js 和 JavaScript代码的运行和调试进行了特别设计 ,而且基于这些应用,开发者也可以对 Python.Ruby和Apache + PHP进行运行和调试. 这就是为什么它能成为所有UI设计人员和开发人员的理想的平台. Cloud9的特性: 对C#.C++.Python.Perl.Ruby.Scala和其它几种语言设置语法高亮…
国外站点DATAVISUALIZATION.CH为大家总结出了当前热用的43款可视化工具,包括Arbor.Chroma.js.D3.js.Google Chart Tools等,绝对让你一饱眼福. 1.Arbor.js Arbor是一个免费的.可视化的图形库,基于矢量创建动态的连接图.它为图形组织和屏幕刷新处理提供了一个高效的.力导向的布局算法. 2.CartoDB CartoDB是一个地图Web Service,并提供非常丰富API,利用它可以轻松创建动态的.可视化的数据驱动地图. 3.Chr…