大概这就是程序员吧-CSDN博客

原创 CSS小记

记录一些学习途中遇到的CSS小问题: ------------------------------------------------------------------------------------------------- 1.box-sizing: content-box(默认值) or border-box content-box 是我们平常用的默认值用了border-b

2017-08-20 14:31:52 203

原创 JS面向对象之原型

在其他很多语言里，都是利用类来实现继承的。但是在 javascript 这个脚本语言里为了简单方便学习，设计者并不打算设计类这个概念，于是乎为了把所有的对象关联起来设计出了原型这个独一无二的东西。具体故事及原型理解可参考： http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_ja

2017-07-29 17:55:59 266

原创 javascript数据类型

javascript一共有五种基本数据类型，他们是 undefined，null，number，string，boolean。和一种复杂数据类型 object。对于每种数据类型是什么，不再多赘述。只记录些读书时发现的新东西。 undefined：对未声明的变量使用typeof也会返回undefined；但使用alert却会报错。 null：null类型和un

2017-07-29 12:05:59 443

原创 Ajax 学习笔记

Ajax 。 Ajax 就是指无刷新读取技术，也就是在不刷新页面的前提下与后台数据进行交互。按照我的理解，比如一个股票网站，在用户不刷新浏览器的情况下，对股票价格进行更新，就利用了这样的技术吧？？废话少说。 Ajax 分为四个步骤 1.创建ajax对象 2.链接到服务器 3.发送请求 4.接收返回值第一步：我们可以通过 var test_Ajax = new XMLHt

2017-07-27 13:54:56 216

原创 JS事件绑定addEventListener 和 attachEvent

事件绑定指的是给一个对象添加一个事件。一般通过addEventListener 和 attachEvent 两种方法来为一个对象添加事件，其中后者是IE中的方法(IE9已兼容前者)。事件绑定和我们平常常用的使用匿名函数添加事件的方法即 this.onclick = function(){} 这样的方法有什么区别呢？ obtn.onclick = function(){

2017-07-19 00:11:21 297

原创 JS 中关于document和window对象的一些值： scrollHeight,scrollLeft,scrollTop,scrollWidth等。。

昨天写了个浏览器窗口有滚动条的拖拽，发现自己对这些值实在不熟悉，今天一边调试一边来找到出答案。 1.document.documentElement.clientHeight : 可视区域的高度 (documentElement可以用body替换，值相同)** 2.document.documentElement.offsetHeight :与上相同（width属性也一样，但换成bod

2017-07-17 21:48:39 584

原创 CSS中关于定位的那些问题

今天在写一个页面的时候，想通过margin：0 auto;来对一个元素进行水平居中，结果发现无法实现，但是当我把定位改成绝对定位以后又可以实现了。然后我发现如果我想对绝对定位的元素实现水平居中的话除了设置margin：auto 以外还需要吧left和right都设置为0；遂复习一下CSS里的定位 absolute 生成绝对定位的元素，相对于 static 定

2017-07-17 21:24:41 1021 2

原创 JS实现计算器（简易版）_作业1

这个简易版的计算器是没有退格的也只有简单的加减乘除操作。emmmmmmm如果闲下来有空以后或许会尝试继续更新功能。写的过程也遇见了不少bug，自己尝试着一步一步一一修复了这些bug（所以应该会有更简单的版本。。。）下面讲讲思路： var obtn = document.getElementsByTagName("a"); /* 获取页面中所有的按钮 */ var res =

2017-07-13 22:05:35 1466

原创利用htm+css+js编写一个网页计算器

前言：学了前端也一段时间了，这段时间学校组织集中培训，老师留了一些小项目来做，计算器就是其中一个。所以打算好好来分析动手做一个计算器。这篇博客先只介绍布局，具体的核心计算器思路将在下一篇博客介绍。怎么实现一个计算器呢？？从布局来说，我们需要一个计算器整体div，计算器里面需要含有屏幕，按钮。按钮应该有0-9数字，以及加减乘除字符串。总体来讲是一个很简单的布局，如图。代码如下：

2017-07-12 19:21:35 1939

原创 JQuery 选择器总结

初学JQuery 对选择器进行分类整理，以作查询记忆之用。 1.基本的三种选择器 id选择器：$("#id"); 类选择器: $(".class"); 元素选择器:$("element"); PS:全选择器:$("*"); 2.层级选择器子代选择器:$("#id>child") 注：只会选取子代元素，不会选取其它后代。后代选择器：$("#id descendant"

2017-06-03 14:44:47 198

前端端的博客