首页
学习
活动
专区
工具
TVP
发布

一个小程序员的成长笔记

专栏作者
47
文章
63786
阅读量
33
订阅数
防篡改对象
JavaScript多人开发协作过程中,很可能会意外篡改他人代码。防篡改对象,通过不可扩展、密封、冻结来解决这个问题。
就只是小茗
2019-07-08
8980
函数柯里化理解笔记
在详解JS函数柯里化看到了这么一个例子,有助于大家理解柯里化的执行逻辑,我稍微梳理一下。
就只是小茗
2019-07-01
4300
理想的继承范式——寄生组合式继承
1 window.onload = function() { 2 var person1 = new SubType("Gee", 20); 3 var person2 = new SubType("Key", 21); 4 5 person1.colors.push("yellow"); 6 alert("person1: " + person1.colors); // red, blue, green, yellow 7 alert("per
就只是小茗
2018-12-12
4890
递归函数
这里使用的是命名函数表达式的方法实现递归,将这个函数赋值给 factorial 。这样即使在使用过程中对变量进行修改,也不会影响已赋值的递归函数进行调用,保证了代码的安全性。这种方式在严格模式和非严格模式下都适用。
就只是小茗
2018-12-12
7390
私有变量
构造函数的私有变量,属性和方法都是独立的。 1 window.onload = function() { 2 var person = new Person("Li"); 3 alert(person.getName()); // Li 4 person.setName("Joe"); 5 alert(person.getName()); // Joe 6 7 var person2 = new Person("Ji");
就只是小茗
2018-12-12
5900
获取浏览器视口大小
1 window.onload = function() { 2 alert("width: " + getPageScale().pageWidth + ", height: " + getPageScale().pageHeight); 3 }; 4 5 /** 6 * 获取浏览器视口大小 7 * @return {object} 宽,高 8 */ 9 function getPageScale(){ 10 var pageWidth = window.inne
就只是小茗
2018-12-12
1.1K0
[转]JS私有化的实现——稳妥构造函数
所谓稳妥对象, 指的是没有公共属性, 而且其方法也不引用this的对象。稳妥对象函数遵循与寄生构造函数类似的模式, 但有两点不同: 一是新创建对象的实例方法不引用this; 二是不使用new操作符调用构造函数。 最近在浏览博客时发现很多人好像理解错这个稳妥构造函数了, 这个函数与在《javascript 高级程序设计》中提到的其他构造函数的一大特点在于可以利用js作用域实现私有变量化。
就只是小茗
2018-12-07
1.1K0
创造特殊的构造函数——寄生构造函数模式
当我们需要构造一个特殊的数据,我们可以通过寄生构造函数来实现。比如我们要格式化一个Array(简单举例),将其变成一个有“|”组成的字符串,我们可以这么做:
就只是小茗
2018-12-07
9150
自定义类型的创建
 以上方法,对于有其他OO语言经验的开发人员去看,比较容易理解,但是性能上并不推荐。因为每次创建新的实例都需要进行一次判断,哪怕这次的性能损耗是极小的,但毕竟也是有损耗。
就只是小茗
2018-12-07
1.1K0
Javascript打印网页局部的实现方案
项目中,需要对页面的部分div进行打印,为了保证界面布局不乱,采取了新建iframe的方法。
就只是小茗
2018-10-25
1.1K0
Jquery获取DOM绑定事件
获取到当前正在执行的事件: $('#testDive').bind('click', function(event){alert('event: ' + event.type)}); 获取所有绑定事件: $._data(document.getElementById('testDive'), 'events');
就只是小茗
2018-10-10
2.2K0
Bug 级别定义标准
缺陷种类 缺陷级别 详细说明 功能缺陷 Urgent (V级) 1.操作系统无法正常使用,死机,出现致命错误 2.数据丢失 3.被测试系统频繁崩溃,程序出错,使功能不能继续使用 4.性能与需求不一致 5.系统资源弓|发性能问题 6.系统配置引发错误 7.安全性问题 Very High (IV级) 1.功能与需求不致,或功能未实现 2.功能有错误,影响使用 3.数据传输有错误 4.安装与卸载问题 High (III级) 1功能有错误,但不影响
就只是小茗
2018-07-05
1.7K0
CSS深入理解学习笔记之margin
1、margin与容器尺寸   元素尺寸:①可视尺寸 clientWidth(标准);②占据尺寸   margin与可视尺寸:①适用于没有设定width/height的普通block元素;②只适用于水
就只是小茗
2018-03-07
1.1K0
CSS深入理解学习笔记之z-index
1、z-index基础   z-index含义:指定了元素及其子元素的”z顺序“,而”z顺序“可以决定元素的覆盖顺序。z-index值越大越在上面。   z-index值:auto(默认值);integer(整数值);inherit(继承)。   z-index基本特性:①支持负值;②支持CSS3 animation动画;③在CSS2.1时代,需要和定位元素配合使用。 2、z-index与定位元素   z-index值越大越在上面。   如果定位元素z-index发生嵌套:祖先优先原则,前提是祖先的z-in
就只是小茗
2018-03-07
8780
CSS深入理解学习笔记之relative
1、relative和absolute的相煎关系   限制作用:①限制left/top/right/bottom定位;②限制z-index层级;③限制在overflow下的嚣张气焰。   relative和fixed限制作用:限制z-index层级。 2、relative和定位   特性:①相对自行进行定位;②无侵入,不影响其他元素布局。   top/bottom和left/right对立属性同时存在时的表现:top>bottom left>right 3、relative和层级   提高元素的层叠上下文。
就只是小茗
2018-03-07
7010
CSS深入理解学习笔记之vertical-align
1、vertical-align基本认识   支持的属性值:     ①线类:baseline(默认),top,middle,bottom     ②文本类:text-top,text-bottom     ③上标下标类:sub,super     ④数值百分比类:       数值和百分比的共性:ⅰ都带数字;ⅱ都支持负值;ⅲ行为表现一致(都是在baseline基础上上下偏移数值大小,百分比类以line-height计算,IE6/IE7下vertical-align百分比值不支持小数line-height)
就只是小茗
2018-03-07
1.1K0
CSS深入理解学习笔记之line-height
1、line-height的定义   定义:两行文字基线之间的距离。   注:不同字体之间的基线是不同的。 2、line-height与行内框盒子模型   行内框盒子模型:   ①内容区域(conte
就只是小茗
2018-03-07
1.3K0
CSS深入理解学习笔记之overflow
1、Overflow基本属性   overflow:visible(默认)/hidden/scroll/auto/inherit;   visible:超出部分可见。   hidden:超出部分隐藏。   scroll:超出可滚动。   auto:若超出才出现滚动条。   inherit:继承。(IE8+)   注:overflow-x与overflow-y值不同,其中一个属性值被赋予visible,而另一个被赋值为hidden/scroll/auto,则visible会被重置为auto。 兼容性:   
就只是小茗
2018-03-07
3.4K0
CSS深入理解学习笔记之absolute
1、absolute和float   拥有相同的特性表现:     ①包裹性(容器应用之后,可以包裹里面的内容); 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>absolute的包裹性</title> 7 <style> 8 .box { 9 padding: 10px; 10
就只是小茗
2018-03-07
1K0
CSS深入理解学习笔记之float
1、float的历史   float设计的初衷仅仅是为了文字环绕效果。   示例代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-T
就只是小茗
2018-03-07
1K0
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档