- 博客(17)
- 收藏
- 关注
原创 AJAX学习
AJAX是什么AJAX全名为Asynchronous JavaScript And XML,即异步JS与XML。用于不刷新页面提交和获取数据。在许多页面中都需要ajax技术来更新页面,获取更好的用户体验。如何实现AJAX创建xhr对象XMLHttpRequest是一个处理服务器通信的对象。创建AJAX的最佳选择。在高版本IE和其他浏览器中,我们可以直接创建xhr对象。var xhr ...
2019-08-03 09:38:52 105
原创 对象的深入理解
深度克隆内置对象属性描述符对象作为六种基本类型的一种,一定是非常熟悉的。但是还有许多对象的深入知识。在这里总结一下对象的用法。对象类型JavaScript有3大对象,分别是本地对象、内置对象和宿主对象。在此引用ECMA-262(ECMAScript的制定标准)对于他们的定义:本地对象与宿主无关,独立于宿主环境的ECMAScript实现提供的对象。简单来说,本地对象就是 ECM...
2019-07-27 10:34:44 103
原创 DOM基本操作
DOMDom就是API,编程应用基础接口(API)。利用dom操作页面。dom中的节点类型。元素节点属性节点文本节点文档节点注释节点碎片节点?一些基本的属性查找添加插入替换删除一些简单的应用遍历元素树写insertAfter写第n个兄弟元素节点写个children...
2019-06-15 17:52:49 126
原创 js学习之杂谈
js开发中的一些小技巧命名空间当多人完成一个网页时,不免出现多人重复命名变量的问题。比如我的代码中定义了一个变量name,而小明的代码中也定义了一个name。为了解决这个问题,以前的方法是设定命名空间。 var org = { department1 : { xxx : { name :'xmx'...
2019-06-01 20:18:33 95
原创 js之五种继承
在上一篇博客中,谈及到了原型链共享引用值的问题,其实在原型模式中也存在类似的问题,解决方法一般有以下几种:组合使用构造函数与原型模式function Person(){ this.friends = ['merry','john'];}Person.prototype = { constructor : Person, name : "Nicholas", ...
2019-05-26 00:36:58 146
原创 原型与原型链
原型原型是什么每个函数都有一个原型对象(prototype),它是一个属性也是一个指针,指向一个对象。当所有对象有一共有的属性时,就可以用prototype添加,不用一个一个的重复添加。原型的属性constructor创建了构造函数后,系统默认其对象有constructor属性。这个属性指向原函数。function Person() {}Person.prototype.co...
2019-05-18 14:34:50 149
原创 JS学习之对象与包装类
对象是什么JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…而且现实生活中的任何事物都可以抽象成对象。对象属性属性就相当于对象的特征,一个 js对象可以有很多属性。一个对象的属性可以被解释成一个附加到对象上的变量。对象的属性和普通的 javascript 变量基本没什么区别。如:var me = { name:"leslie", age:20, sex:...
2019-04-29 21:54:15 134
原创 JS学习之闭包精讲
闭包精讲例题赏析上一节中粗略介绍了js中的闭包概念。这节则需要讲解闭包在代码中的应用。让我们先看个例子。function test(){ var arr = []; for (var i = 0;i < 10;i ++) { arr[i] = function (){ ...
2019-04-27 16:52:49 88
原创 JS学习之闭包初识
立即执行函数闭包闭包是什么当内部函数被保存到函数外时,就会产生闭包。闭包会使得原有作用域链不释放,导致内存泄漏。内存泄漏并非指内存在物理上的消失,而是应用程序分配某段内存后,由于设计错误,导致在释放该段内存之前就失去了对该段内存的控制,从而造成了内存的浪费。举个栗子: function a () { function b() { var bbb = 234...
2019-04-20 16:05:40 127
原创 预编译与作用域
预编译js作为一种翻译性语言,编译一行,执行一行。但编译前,js还对整篇进行了一次预编译。为了了解预编译,我们需要认识js运行的大致流程。js运行过程语法分析,就是检查你的代码有没有什么低级的语法错误;预编译 ,简单理解就是在内存中开辟一些空间,存放一些变量与函数 .解释执行,顾名思义便是执行代码了;一般来说,预编译在script代码内执行前发生, 但是它大部分会发生在函数执行前。...
2019-04-14 13:08:41 137
原创 JavaScript初识
JavaScript初识JavaScript简介JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个...
2019-04-14 11:56:48 136
原创 快来认识flex布局吧!
快来认识flex布局吧!一 . 什么是flex?Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: flex;}行内元素也可以使用Flex布局。.box{ display: inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.bo...
2019-03-31 10:39:46 128
原创 CSS文本详解
用于样式文本的 CSS 属性通常可以分为两类:字体样式和文本布局注意: 请记住,包含在元素中的文本是作为一个单一的实体。你不能将文字其中一部分选中或添加样式,如果你要这么做,那么你必须要用适合的元素来包装它们,比如 (<span> 或者 <strong>), 或者使用伪元素,像::first-letter (选中元素文本的第一个字母), ::first-line (选中...
2019-01-04 16:30:23 233
原创 那些好看的边框
为盒子设计一个好看的边框吧!边框初识在盒子模型中边框作为隔离margin和padding的分界点,是围绕元素内容和内边据的一条或多条线。边框像是一个傲娇鬼,你不去设置,它就不会出现。...
2018-12-29 14:45:10 6098
原创 CSS中的定位与浮动
浮动当一个元素设置了浮动以后,将会脱离文档流,然后向页面的左上或右上移。此时,它将不会在文档流中占据位置,文档流中的其他元素将自动上移。需要注意的是:当浮动元素遇到父元素的边框时,会停止移动浮动元素移动时,如果遇到了其他的浮动元素,也会停止移动如果浮动元素的上边是一个没有浮动的块元素,则浮动元素不会超过该元素浮动元素不会超过他上边的浮动的兄弟元素,最多一边齐浮动元素产生了浮动流,而产...
2018-12-22 19:31:50 727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人