背景 随时随地给大家提供技术支持的葡萄又来了.这次的事情是这样的,提供demo属于是常规操作,但是前两天客户突然反馈压缩传输模块抛出异常,具体情况是压缩内容传输到服务端后无法解压. 由于代码没有发生任何变动,前端相关依赖也没有升级,服务端java版本也没有变化,所以我们可以推定为环境问题:进一步仔细检查,经过反复对比后突然发现服务端收到的压缩内容变长了:和前端请求内容进行对比,发现所有的\r和\n都变成了\r\n. 综合以上分析我们初步判断:问题出在了浏览器转译之中.为了验证猜想是否正确,葡萄将…
1. 编辑器 写代码只是生产软件过程中的一环.无论是数据结构.编译原理.操作系统还是组成原理都是编码的重要基础,试问没有学过编译原理的人能够针对性地进行编译优化吗?不懂操作系统的人能玩得转linux吗?当然 nonono咯 对于编辑器来说这就好像一个木匠,只会使用斧子.锯子这些工具,是做不出好的家具一样.接来下我们谈谈前端开发的一些惊天利器. 话说大家还在用那么古老的什么DW(全称:Adobe Dreamweaver CC,软件名这么长我都不想用.....)啦,其实小编我没用过....几款编辑器…
20151208感悟: 前端人的角度来看的话,感觉像是阅读一个大牛前端的全部武功的一个秘籍说明,里面的思想高价值蛋白真是太多太多,推荐看. Web前端开发体会十日谈 一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘.我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要. 我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅…
zend studio 做前端推荐安装的插件 1.Aptana插件代码提示 Zend Studio的aptana插件,解决了Zend Studio对前台代码支持不足的问题,而且在某些方面还比诸如dw优秀的功能特性,下面是安装完aptana插件后的一些配置,尤其是可以添加js库的 代码提示,很强大!对html,css,js代码提示功能,装上用了下,感觉不错. 官方下载网址:http://www.aptana.com/ 在线安装,location中输入:http://download.aptana.…
我就挑干货说啦SEO可能听起来很高大上,其实翻译成中文就是"搜索引擎优化",它只是通过一定的方法在网站内外发布文章.交换连接等,最终达到某个关键词在搜索引擎上获得好的排名. 我有幸接触SEO是将近三年前,当时也是刚刚加入前端这个行业,当时只认为做好看的网页,做好交互,做好用户体验就是一个合格的前端技术人员,可后来了解到SEO之后才知道SEO对网页的影响真的很大很大,官方文档比较难以理解,下面我来谈一下SEO是什么,以及怎么做好它.记得刚开始接触SEO的时候感觉好简单啊,随便发发文章,找…
前言 今天这篇文章的标题,显然是要搞事情.一个JS交互效果,居然花费了一天的宝贵时间才研究出来,我是不是不太适合做前端? 别急,搬好小板凳,正文从这开始- 本来今天下班回来感觉有点累,想着今天就别学了吧,正好看见停播了好久的<极限挑战>在网上放出了最新的一期.但是,今天发生在公司的一件小事儿,在我心里产生了不小的波澜,正好拿这个话题跟同行们聊聊..... 今天早晨我按时去了公司,坐在我的工位上,习惯性地点开了编辑器SublimeText(我宠幸了它三年之久-),一天的编码工作正式开始. 我的大…
JavaScript库是预先编写的 JavaScript 工具代码,让开发者可以更容易开发 JavaScript 应用.这个列表我们列出了2017年1月份功能丰富的 JavaScript 库,可以帮助您建立有效和有用的 Web 应用程序. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery…
做前端好还是Java好?看这三方面 转载 2017年11月14日 00:00:00 1047这几年来伴随着互联网的迅速发展,新兴互联网产业的兴起,传统行业也逐渐开始互联网化,使得互联网职业在这样的背景下成了备受瞩目的热门职业,其中“前端开发”和“Java开发”就是热门职业其中之二,两者在关注度和热度上不分伯仲,但外界对他们得评价也是褒贬不一,随着互联网的继续发展,前端,Java工程师人才缺口大的现状也日益显著,在发展前景和薪资的吸引下,不断有刚毕业的大学生,或者有一定职场经验的工作者转行进入这个…
从cocos2d-html5中提取出来的,用做前端开发的框架——cc.js /**************************************************************************** Copyright (c) 2010-2012 cocos2d-x.org Copyright (c) 2008-2010 Ricardo Quesada Copyright (c) 2011 Zynga Inc. http://www.cocos2d-x.org P…
php是做前端的吗 不是,php是后台脚本语言,由服务器执行. PHP即“超文本预处理器”,是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 PHP 自创的语法.利于学习,使用广泛,主要适用于Web开发领域. 前端开发和后台开发是有区别的,工作的内容和负责的东西是完全的不同的,以下以网站的开发为例. 1.前端开发 前端开发现在一般指的就是web前端开发工程师,其负责是网站前端页面也就是网页的页面开发,简…
PHP Loser 说说做前端需要如何进一步学习 做前端的,需要如何进一步学习?书籍这个事情贵精不在多,我这里推荐两本即可: <javascript教程 高级程序设计> <CSS权威指南> 为什么只推荐两本呢?因为我发现很多朋友看书其实是有问题的,我个人看javascript高级程序设计至少三篇,其中写了很多demo 而很多朋友看书就跟看连环画似的,第一次看一个星期就看完了,我是该说你悟性高呢还是喜欢装B啊,这种书要细看,要慢慢看,要反复看 学习要有成果,学习要有效率,比如这小半年…
今年的软件自由日(SFD),我在广州Linux用户组的线下活动上做了一个分享,主题叫做<做一名开源社区的扫地僧(上)>.我把演讲的内容重新整理扩充, 写出了文字版, 希望可以跟更多朋友分享. 金庸笔下有一个传奇人物,人称扫地僧,身世隐秘,武功绝顶.小说中的扫地僧一出现就是个高手,没人知道高手怎么炼成的.这种"扫地僧",实在可望不可及. 然而,还有另一种扫地僧,人人都可以效仿,人人都可以做到,不妨称之为"山寨扫地僧". 最近流传一个真实的故事, 有个广外宿…
VUE前端项目配置代理解决跨域问题 问题如下,经常在本地调试接口出现这种问题 解决方式1:Chrome 的扩展插件 以前使用Chrome 的扩展插件,但是有时候还是会出现莫名其妙的问题. 需要梯子才行 Allow CORS: Access-Control-Allow-Origin 解决方式2:服务端配置跨域访问 也可以在服务端配置解决这个问题,这个要找后台协商. 很多开源的第三方库都做了处理,你在哪里调用都不会出现跨域问题. 解决方式3:前端项目配置本地代理 经过测试,这种方式通用性很强,不需要…
二.CSS部分 1.解释一下CSS的盒子模型? 回答一:a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度b.网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性.c.这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型.…
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来 (从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来 学习javascript. 一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<Jav…
链接http://www.cnblogs.com/Darren_code/archive/2011/02/09/JavaScript.html   2011-10-31 22:56 by 聂微东 PS:(11年现在都16年了 落后了5年哎...) WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,…
WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript. 一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<JavaS…
四.Others部分 技术类 1.http状态码有哪些?分别代表是什么意思? (1).成功2×× 成功处理了请求的状态码.200 服务器已成功处理了请求并提供了请求的网页.204 服务器成功处理了请求,但没有返回任何内容.(2).重定向3×× 每次请求中使用重定向不要超过 5 次.301 请求的网页已永久移动到新位置.当URLs发生变化时,使用301代码. 搜索引擎索引中保存新的URL.302 请求的网页临时移动到新位置.搜索引擎索引中保存原来的URL.304 如果网页自请求者上次请求后没有更新…
三.JavaScript部分 1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为“Asynchronous JavaScript And XML”(异步JavaScript和XML) 是指一种创建交互式网页应用的开发技术.改善用户体验,实现无刷新效果. 优点a.不需要插件支持b.优秀的用户体验c.提高Web程序的性能d.减轻服务器和带宽的负担缺点a.浏览器对XMLHttpRequest对象的支持度不足,几乎所有浏览器现在都支持b.破坏浏览器“前进”.“后退”按钮的正常功能,可以通过…
一.HTML部分 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务. 2.HTML5的优点与缺点? 优点:a.网络标准统一.HTML5本身是由W3C推荐出来的.b.多设备.跨平台c.即时更新.d.提高可用性和改进用户的友好体验:e.有几个新的标签,这将有助于开发人员定义重要的内容:f.可以给站点带来更多的多媒体元素(…
我们的DSP系统目前基本非凌晨时段的QPS都在10W以上,我们使用Golang来处理这些HTTP请求,Web服务器的前端用Nginx来做负载均衡,通过Nginx的proxy_pass来与Golang交互. 由于nginx代理使用了短链接的方式和后端交互的原因,使得系统TIME_WAIT的tcp连接很多: shell> netstat -n | awk '/^tcp/ {++state[$NF]} END {for(key in state) print key,"\t",stat…
以前我们大部分的Loading动画都是利用gif图片实现的,这种图片实现Loading动画的方法虽然也很不错,但是作为HTML5开发者来说,如果能利用HTML5和CSS3实现这些超酷的Loading动画,那将是一件非常痛快的事情. 1.HTML5 Canvas发光Loading动画 之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢.今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效.Loading旋转图标是在canvas画布上绘制的,整个lo…
前言 如果你想开发一个js应用,甭管多简单,都要先创建整个宇宙 来看看我们的Javascript小宇宙: 确定如何根据需求.功能划分模块,如何将代码分成多个文件开发,合成一个发布 保证上一条的同时,使用 Coffeescript.SCSS/LESS 等技术 保证上2条的同时,想想怎么在浏览器的刷新后一切都最新 保证上3条的同时,想想怎么在开发.测试.生产.预发布环境中都OK 保证上4条的同时,进行TDD式的开发 …这还是js, 我们还没有涉及到HTML Grunt 可以将创建小宇宙的工作变得轻松…
一.概述 刚开始学习Javaweb开发的小伙伴都有一个疑惑:用jsp开发前端还是用HTML开发前端呢? 这个疑惑的来源主要是:刚接触完前端但又不深入学习js,接着学习jsp,发现老师们都一直用着jsp做页面进行教学,发现自己一直没有使用过HTML文本做页面.   原因:不明确区分HTML和jsp,不知道静态页面和动态页面的作用 虽然jsp里面有HTML标签,但是HTML是静态页面,而jsp是动态页面 简单的说:1. HTML不能直接访问数据库的信息(静态页面都不行),它们都需要使用js来调用后台…
w3cschool是一个非盈利性的在线技术学习网站,提供按W3C标准编写的基础教程.完整的看完w3cschool上面的手册,可以基本掌握编程语法.基础性的东西通常都会比较零散,因此,在学习一段时间后,容易进入迷茫期.感觉学了挺多东西,但是不知道如何形成一个完整的项目. 这个时候,最重要的是多动手(找一些网站仿着做),只有多做才能逐步找到自己不懂的东西,找资料学习.工作中遇到的坑太多,只学w3cschool上面的知识当然远远不够. 在学完w3cschool上面的知识之后,可以从这些方式来提升: ➤…
微信开发:微信js-sdk前端分享,代码如下: <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> var site="http://www.maddietech.com/"; var descstitle = $("title").text(); var descs = $("meta[name…
先介绍下背景 非211,985本科毕业.一年半PHP经验,一年半前端经验,前端一直在做React开发. 半年之前,我是一个前端小小小白.多么小白呢? css调样式全靠试. 盒模型,好像知道是啥?好像又不知道! 看到别人说BFC,啥是BFC?为啥外边距会合并?有些会合并,有些不会合并,这都是啥玩意? z-index为啥有时候有效果,有时候没效果?为啥有时候小的值还在大的上面? js就会基础使用,稍微复杂的一脸懵逼. 看别人的文章,一看到prototype,立马头疼,这都是啥!什么原型,继承,离我远…
分享地址:http://yun.baidu.com/share/link?shareid=39230983&uk=1008683945 对于网络不好的人来说,离线文档更加方便.打开速度更快. 但是,离线文档一般实时性不高.对实际内容有些滞后,推荐看实际网上说明文档. < W3School离线手册(2014.3.24).chm> 看名字就知道是2014年版的. 有HTML5和css3.不过,动态效果显示不出来,毕竟只是一份文档. <jQuery-1.4.4.chm> <…
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing). 它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制. 一.简介 CORS需要浏览器和服务器同时支持.目前,所有浏览器都支持该功能,IE浏览器不能低于IE10. 整个CORS通信过程,都是浏览器自动完成,不需要用户参与.对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样.浏览器一旦发现AJAX请求跨源,就会…
Babel 官方介绍:将 ECMAScript 2015 及其版本以后的 javascript 代码转为旧版本浏览器或者是环境中向后兼容版本的  javascript 代码. 简而言之,就是把不兼容的 JavaScript 代码转为可兼容,可以执行的 JavaScript 代码. 功能: 语法转换 添加一些兼容性的 polyfill 功能 源码转换等 简单配置预览: { "plugins": [], // 插件配置 "presets": [] // 预设配置 } /…