
Web前端学习
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
GeorgiaStar
世上无难事,只要肯放弃
展开
-
JavaScript变量作用域
变量作用域是程序中定义这个变量的区域。先贴一段代码,如果读者对代码的输出并不感到困惑就不用往下面读了。/* 代码1 */ var scope = "global "; function checkScope() { var scope = "local "; function childCheck() { var scope转载 2017-04-08 11:37:35 · 565 阅读 · 0 评论 -
理解JavaScript中的函数
本文旨在提供web开发人员必须了解的所有JavaScript函数的基本知识。函数于软件开发者而言并不是什么奇幻世界。如果你的日常活动涉及到编码,哪怕是一点点,那么在一天结束的时候,你一定创建/修改了一个或多个函数。简而言之函数只不过是一组执行某个操作的语句。函数可能会有一些输入参数(在函数体中使用),并在执行后返回值。 JavaScript函数也具有这些特性,但它们不仅仅是常规函数。JavaSc转载 2017-06-26 23:06:19 · 581 阅读 · 0 评论 -
script三种加载方式
1、三种加载方式图解 同步加载、延迟加载和异步加载三种加载方式图解如下: 从上面图中,可以看出: <script>:同步模式,脚本的获取和执行是同步的。此过程中页面被阻塞,停止解析。 <script defer = “defer”>:延迟模式,脚本的获取是异步的,执行是同步的。脚本加载不阻塞页面的解析,脚本在获取完后并不立即执行,而是等到DOMready之后才开始执行。 <scri原创 2017-05-29 11:02:15 · 5785 阅读 · 0 评论 -
JavaScript比较运算符及5个重要的数组方法
本文简要的介绍JavaScript里的比较运算符的用法和关于数组的最重要的5个方法,这5个方法是每个想要高效的进行JavaScript编程的程序员必须知道的。1、比较运算符带来的疑惑 当我们对Number类型(JavaScript定义了Number、字符串、布尔值、数组和对象5种数据类型。JavaScript不区分整数和浮点数,统一用Number表示)做比较时,可以通过比较运算符得到一个布尔值:原创 2017-07-30 11:43:46 · 812 阅读 · 0 评论 -
JavaScript中的原型与原型链
1、原型 JavaScript的所有数据都可以看成对象,那是不是我们已经在使用面向对象编程了呢? 当然不是。如果我们只使用Number、Array、string以及基本的{…}定义的对象,还无法发挥出面向对象编程的威力。 JavaScript的面向对象编程和大多数其他语言如Java、C#的面向对象编程都不太一样。如果你熟悉Java或C#,很好,你一定明白面向对象的两个基本概念: 类:类转载 2017-06-25 12:58:12 · 679 阅读 · 0 评论 -
HTTP协议缓存原理解析
导语 在web项目开发中,我们可能都曾碰到过这样一个棘手的问题: 线上项目需要更新一个有问题的资源(可能是图片,js,css,json数据等),这个资源已经发布了很长一段时间,为什么页面在浏览器里打开还是没有看到更新? 有些web开发经验的同学应该马上会想到,可能是资源发布出了岔子导致没有实际发布成功,更大的可能是老的资源被缓存了。说到web缓存,首先我们要弄清它是什么。Web缓存可以理解转载 2017-06-22 19:26:35 · 3352 阅读 · 0 评论 -
document.ready和window.onload的区别
页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成。 ready事件在DOM结构绘制完成之后就会执行,这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。 load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页原创 2017-06-20 21:51:25 · 17289 阅读 · 1 评论 -
Web前端性能优化的10点建议
摘要: 一般说来Web前端指网站业务逻辑之前的部分,包括浏览器加载、网站视图模型、图片服务、CDN服务等,主要优化手段有优化浏览器访问、使用反向代理、CDN等。1. 减少HTTP请求 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入”www.xxxxxx.com”并按下原创 2017-04-06 17:28:24 · 7120 阅读 · 0 评论 -
Web入门——HTML代码编写规范
本文总结了30条html代码编写指南,只要在编写HTML代码的过程中牢记它们,灵活运用,你一定会写出一手漂亮的代码,早日迈入专业开发者的行列。1、一定要闭合HTML标签在以往的页面源代码里,经常看到这样的语句:Some text here.Some new text here.You get the idea.也许过去我们可以容忍这样的非闭合HTML标签,但在今天的标准来看原创 2017-03-25 10:36:46 · 7908 阅读 · 1 评论 -
AJAX及其在JavaScript中的应用
1、什么是AJAX(远程脚本编程) AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。AJAX是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。 如果仔细观察一个Form的提交,你就会发现,一旦用户点击“Submit”按钮,表单开始提交原创 2017-06-03 11:36:47 · 5075 阅读 · 0 评论 -
大型互联网公司怎样开发和部署前端代码
看到这个问题不错,路过怒答。前百度工程师,曾负责百度前端集成解决方案的核心设计与开发工作。我现在称这个领域为【前端工程】。没错,这是我最爱唠叨的问题域。这是一个非常有趣的非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什转载 2017-05-29 11:35:40 · 2434 阅读 · 0 评论 -
JSON的序列化与反序列化及其在前后台交互中的应用
1、什么是JSON JSON是JavaScript Object Notation的缩写,它是一种数据交换格式。 在JSON出现之前,大家一直用XML来传递数据。因为XML是一种纯文本格式,所以它适合在网络上交换数据。XML本身不算复杂,但是,加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后,任何正常的软件开发人员碰到XML都会感觉头大了,最后大家发现,即使你努力钻研几个月,也未原创 2017-05-27 19:48:40 · 28669 阅读 · 5 评论 -
jQuery选择器完全总结
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。 本文对jQuery选择器作一个总结。1、说明 通用语法:$('具体转载 2017-05-27 11:40:11 · 974 阅读 · 0 评论 -
JavaScript开发的45个经典技巧
1 前言JavaScript是世界上最流行的脚本语言,因为你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。那么问题来了,为什么我们要学JavaScript?尤其是当你已经掌握了某些其他编程语言如Java、C++的情况下。简单粗暴的回答就是:因为你没有选择。在We转载 2017-04-07 12:42:24 · 3131 阅读 · 0 评论 -
JavaScript严格模式及其使用
1 前言 ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。很长一段时间内,由于只有Firefox支持严格模式,我曾对严格模式表示怀疑。但到了今天,所有主流的浏览器都在他们的最新版本中支持了严格模式(包括IE10,Opera12和Android4,IOS5),是原创 2017-04-10 17:01:27 · 1020 阅读 · 0 评论 -
JavaScript简介及组成
1 JavaScript历史 要了解JavaScript,我们首先要回顾一下JavaScript的诞生。 在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错,这哥们只用了10天时间。原创 2017-04-08 10:52:50 · 4816 阅读 · 0 评论 -
jQuery语法及事件函数总结
jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它凭借简洁的语法和跨平台的兼容性,极大地简化了 JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。总之,无论是网页设计师、后台开发者、业原创 2017-08-05 14:13:10 · 1979 阅读 · 0 评论