Happy Joker-CSDN博客

原创前端实习项目经历：自适应web网站

背景项目为重庆友杰康体健身中心官网，项目要求为html5，css3，响应式。任务主要分为网站设计，前端制作，后台交接三部分。其中前端由我和另外两位小伙伴合作完成。由于客户需求总是不停地在变，所以项目持续了很长时间，如今整个网站接近尾声，庆贺的同时，还是不得不总结此次过程中遇到的各种坑。希望后面自己的代码能写得更漂亮，更严谨，更具灵活性。项目网址：http://www.cqyjty.com/i

2017-03-12 15:03:52 4417 1

原创 javascript基础--跨域

引言为什么会有跨域，什么是跨域，这些疑问在没有接触它之前都是正常的。简单的来讲，是因为某些人利用加载外部域的外部脚本代码来搜集原网站信息，以致各种信息泄露，财产损失等现象发生。所以javascript出于安全的角度，提出同源策略，禁止加载不同域下的资源。但是我们开发人员有时的确也有需要使用外部资源，怎么办呢？这就是跨域。1.什么是跨域域名的组成：判定方法：1.当协议，子域名，主域名

2017-03-06 15:52:42 392

原创 http协议--get与post

引言 http协议中，常被提及的便是get和post方法，对于两者之间的差别也略知一二，但是怎么系统全面的区分理解这两兄弟，还得从本质出发，查看最权威的材料。我们还是从我们的母校W3Scool出发1. get和post的内涵get:从指定的资源请求数据post:向指定的资源提交要被处理的数据问题来了，很多人认为get就是向服务器获取信息，post就是向服务器发送信息相关解释：get和

2017-02-26 14:54:44 449

原创 javascript基础--ajax

引言 ajax是一项无重新加载异步刷新页面的一种方式，提高了工作效率。譬如：智能提示搜索，留言板，表单提示功能等。可以防止阻塞，异步地与服务器进行交互。接下来从0开始学习ajax。1.javascript的ajax实现 javascript实现ajax的方式是通过一个XMLHttpRequest对象实现。代码结构为：var xhr = null;if(window.XMLHttpReq

2017-02-25 22:41:08 976

原创 javascript基础--对象(Object)继承

引言上一节《javascript基础–对象（Object）封装》讲了如何造人，这一节将会总结怎么理清人与人之间的血缘关系，即继承关系。对象继承简单地分为两类，构造函数继承和非构造函数继承。所谓构造函数继承就是利用this绑定对象的模式创建的对象之间的继承关系；而非构造函数继承就是利用对象字面量创建的对象之间的继承关系。上代码：//Person父对象利用this绑定，子对象Tom，Linda也

2017-02-05 14:51:10 368

原创 javascript基础--对象（Object）封装

引言说到对象，我想到一个成语叫作谈虎色变，对象应该说是javascript中最难得一部分，原因呢，首先，js作为函数式编程语言，对象的实现方式跟java，c，c++等面向对象设计语言不一样；其次js面向对象编程属于高级程序员应该掌握的，对于初学者来讲，没有实践基础，凭空理解更是难上加难。不过不用担心，我也不怎么会，我们就一起来探讨一下吧。1.对象封装我们举个例子，大千世界，人心难测。每

2017-02-03 16:21:54 6286 3

原创 javascript数据结构与算法--队列

引言队列是遵循先进先出(FIFO)的数据存储结构。当然js中的栈也是建立在array基础上的，对array不熟悉的伙伴可以看一下我写的关于array的博文javascript基础–Array1.队列的创建function Queue(){ var items = [];//存储队列内容 //enqueue方法向队列尾部添加元素 this.enqueue = funct

2017-02-02 17:02:55 262

原创 javascript数据结构与算法--栈

引言栈是遵循后进先出(LIFO)的数据存储结构。当然js中的栈也是建立在array基础上的，对array不熟悉的伙伴可以看一下我写的关于arry的博文《javascript基础–array》1.栈的创建function Stack(){//声明一个Stack类 var items = [];//数组存储栈内容 //push方法用于向栈顶推入新元素 this.push

2017-02-02 15:28:36 300

原创前端基础之JavaScript数组

引言数组是最简单的数据结构，学习数组其实为了对学习javascript数据结构和算法扎基础。由数组衍生的栈、队列、树、图、集合，排序和搜索等结构与算法是每一位程序员应该掌握的，并且可以充分运用，以提高代码质量。1.创建和初始化数组var array1 = new Array();var array2 = new Array(7);var array3 = new Array('Monda

2017-01-31 23:02:01 332 1

原创前端基础之JavaScript数据类型

引言 javascript是一门前端必须达到精通程度的语言，为什么呢？javascript如今不再仅仅用来实现网页动画和交互，由javascript衍生出的产品开始涉及到后端，服务器等领域，所以它的强大足以使我们为之疯狂！1.ECMAScript和JavaScript 简单来讲，ECMAScript是一种W3C标准，而JavaScript是对此标准的一种实现。2.数据类型数据类型分

2017-01-31 20:20:16 321 1

原创前端基础之CSS盒子模型

1.引言理解盒子模型是css布局的重要内容，对于日常布局工作中的bug也能快速地查找理解。只有理解之后才会有创新，做个总结，构建自己的知识体系！2.盒模型element.style { width: 100px; height: 100px; padding: 10px; border: 10px solid #333; margin: 20px;}

2017-01-25 16:29:35 334

原创实现网页图标，你都有哪些招？

1.前言其实很早就听说有很多优秀灵活的网页小图标实现方案。为了方便赶时间，每次任务就用图片来实现，这样做每次都会准备两张图片，一张为激活前，一张为激活后。对除此之外的其他方式知之甚少。今天特地整理了一下，当作学习提升吧！2.三种实现方式sprite（雪碧图） CSS雪碧即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，

2017-01-24 21:31:37 741

原创引擎那些事儿

前端的小伙伴们，对于私有前缀，知道多少呢？本文由私有前缀引发的思考总结出关于浏览器引擎相关知识，和大家一同学习。

2017-01-24 12:17:59 219

原创 Github一知半解

Github一知半解：1.理解什么是githubGithub是分布式管理工具，每个人电脑都有一份完整的版本库，所以修改可以在本地进行，不必联网。Github有一个充当中央服务器的电脑，用于伙伴们对一个项目交换修改，如果没有中央服务器，就只能在同事之间的两台个人电脑之间交换修改。2.安装git（windows）Git最初是运行在linux和unix平台上的，所以要在windows上

2017-01-23 15:00:06 514

Happy joker never give up