一个小程序员的成长笔记-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

一个小程序员的成长笔记

专栏成员

47

文章

67826

阅读量

33

订阅数

防篡改对象

javascript object 开发

JavaScript多人开发协作过程中，很可能会意外篡改他人代码。防篡改对象，通过不可扩展、密封、冻结来解决这个问题。

就只是小茗

2019-07-08

9440

函数柯里化理解笔记

javascript java 编程算法

在详解JS函数柯里化看到了这么一个例子，有助于大家理解柯里化的执行逻辑，我稍微梳理一下。

就只是小茗

2019-07-01

4510

理想的继承范式——寄生组合式继承

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

5030

这里使用的是命名函数表达式的方法实现递归，将这个函数赋值给 factorial 。这样即使在使用过程中对变量进行修改，也不会影响已赋值的递归函数进行调用，保证了代码的安全性。这种方式在严格模式和非严格模式下都适用。

就只是小茗

2018-12-12

7740

构造函数的私有变量，属性和方法都是独立的。 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

6170

获取浏览器视口大小

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.2K0

[转]JS私有化的实现——稳妥构造函数

所谓稳妥对象，指的是没有公共属性，而且其方法也不引用this的对象。稳妥对象函数遵循与寄生构造函数类似的模式，但有两点不同：一是新创建对象的实例方法不引用this；二是不使用new操作符调用构造函数。最近在浏览博客时发现很多人好像理解错这个稳妥构造函数了，这个函数与在《javascript 高级程序设计》中提到的其他构造函数的一大特点在于可以利用js作用域实现私有变量化。

就只是小茗

2018-12-07

1.1K0

创造特殊的构造函数——寄生构造函数模式

当我们需要构造一个特殊的数据，我们可以通过寄生构造函数来实现。比如我们要格式化一个Array（简单举例），将其变成一个有“|”组成的字符串，我们可以这么做：

就只是小茗

2018-12-07

9530

自定义类型的创建

以上方法，对于有其他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.9K0

CSS深入理解学习笔记之margin

1、margin与容器尺寸　　元素尺寸：①可视尺寸 clientWidth（标准）；②占据尺寸　　margin与可视尺寸：①适用于没有设定width/height的普通block元素；②只适用于水

就只是小茗

2018-03-07

1.4K0

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

1K0

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

7340

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.4K0

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

4.2K0

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

1.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

1.1K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态