JavaScript
舒眉
流水不腐,户枢不蠹。
展开
-
页面rem适配方案
1. rem 理解 公式:页面元素的rem值 = 页面元素值(px) / (屏幕宽度 / 划分的份数) 其中,屏幕的宽度 / 划分的份数就是 html font-size 的大小 公式也可以写为页面元素的rem值 = 页面元素值 (px) / html font-size 字体大小 ...原创 2021-10-23 22:38:41 · 349 阅读 · 0 评论 -
前端JS代码 华为机试
字符串最后一个单词的长度 题目描述 计算字符串最后一个单词的长度,单词以空格隔开,字符串长度小于5000。(注:字符串末尾不以空格为结尾) 输入描述: 输入一行,代表要计算的字符串,非空,长度小于5000。 输出描述: 输出一个整数,表示输入字符串最后一个单词的长度。 示例1 输入 hello nowcoder 输出 8 var str = readline(); function lenOfLastWord (str) { let splitStr = str.split(' '); .原创 2021-10-23 18:23:42 · 1549 阅读 · 0 评论 -
引用类型-Object()
到目前为止,大多数引用类型值都是Object类型的实例。 1.Object实例的创建方式有两种: a.使用new 操作符 var person = new Object (); b.使用对象字面量的方法 var person = { name : "Yecao", age : 18 }; 左 ' { ' 表示对象字面量的开始,因为它出现在表达式中。 使用对象字面量语法原创 2017-11-22 21:01:31 · 204 阅读 · 0 评论 -
canvas :五角星的代码实现
对于五角星的canvas画布绘制,很好奇,抱着这种心情进行了小尝试,并发现了挺有意思的规律。 本人实现的五角星形状是: 其实五角星形状挺好实现的,找到规律进行容易。其逻辑为: 有外圈和内圈之分,看起点是在内圈还是外圈,如果在外圈那么奇数点就在外圈,偶数点在内圈。图中的起点在外圈,那么进行绘制图形的时候,是由点与点之间画线绘制的,按照顺序1,2,3,4......在画布上描点(内圈点,外圈点通过奇偶性就可以判断出来),之后再去连线即可。 五角星的形状,可以有外圈半径...原创 2021-03-24 09:36:34 · 1748 阅读 · 0 评论 -
引用类型-Array-创建
创建数组的两种方法: a . 使用new 操作符 var person = new Array(); 使用new 操作符可以实现: ①可以确定数组长度 var person = new Array(20);//数组长度为20 ②传递数组应包含项 var person = new Array( "yellow", "whit原创 2017-11-22 21:18:44 · 159 阅读 · 0 评论 -
引用类型
引用类型是一种数据结构,用于将数据与功能组织在一起。类似于类,但不同于类。 引用类型有时候也被称为对象定义,因为它描述的是一类对象所具有的属性和方法。 对象是某个特定引用类型的实例。如: var person = new Object(); 新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的定义的。原创 2017-11-22 20:37:09 · 417 阅读 · 0 评论 -
面对对象-创建对象
创建对象 使用对象的几种途径: 1. JavaScript内置对象 2. DOM里的对象 3. 自己创建对象,设置属性与方法 1. 创建直接实例 JavaScript中有一个内置对象Object,利用它可以创建一个空白对象。 如:MyObject = new Object(); 给这个新对象添加属性和方法: 形式: ①添加属性: MyObject.newName原创 2017-11-17 17:28:12 · 135 阅读 · 0 评论 -
扩展,继承,prototype
1. 什么是扩展?什么是继承? 扩展就是基于已有对象修改对象,使其拥有新的方法和属性。 继承就是使用已有的代码块(用对象封装起来的),为自己用 2. 扩展对象 当一个对象已经实例化之后,如果再对其进行修改,可以使用关键词prototype。prototype对象允许迅速的添加方法和属性,然后就可以对于对象的全部实例。 如果给Person添加一个新的方法sayHello( )。 P原创 2017-11-17 22:32:37 · 360 阅读 · 0 评论 -
面对对象-构造函数
1. 使用构造函数 作用:要创建同一个对象的多个实例,就要反复创建实例的过程:创建对象、添加属性、定义方法等就会很麻烦。因此要考虑构造函数 只有一个全局实例的对象有时候成为“单例”对象,在有些场合很实用,如程序的用户只有一个相关的userProfile对象,其中包括他的名字、最后访问的页面等类似属性。 代码块: function diyObject () { this.info原创 2017-11-17 17:47:33 · 159 阅读 · 0 评论 -
面对对象编程
面对对象编程 1. 什么是面对对象编程?//包装一段代码,再进行调用 2. 创建对象的两种方式//①Object() ②构造函数 3. 对象实例化//给一个对象设置成员 4. 利用prototype扩展和继承对象//扩展:已有对象进行改变。继承:已有对象添加到新对象,对新对象进行改变 5. 访问对象的方法与属性 6. 使用功能检测//if( ) else ( ) 面对程序编原创 2017-11-17 17:11:55 · 228 阅读 · 0 评论 -
DOM-删除+修改
删除元素 * removeChild * removeAttributeNode 修改元素 1. 修改节点 * 删除节点再加入 2. 修改样式 * style.xxx = vvv; * setAttribute 3. 修改文本 * innerHTML * innerText * 节点操作 * nodeValue 4. 修改属性 * .xxx = vvv原创 2017-11-12 14:00:06 · 660 阅读 · 0 评论 -
DOM-增加
1. 创建 * document.createElement //创建元素 * document.createTextNode //创建文本节点 * document.createAttribute //创建属性节点 * innerHTML * innerText * cloneNode() 2. 加入 * appendChild //追加在结尾处 * innerHTM原创 2017-11-12 11:44:56 · 160 阅读 · 0 评论 -
DOM操作-查询
DOM查询就是获取元素 1. 标准DOM API * document.getElementById * document.getElementByTagName * document.getElementByName * document.getElementByClassName * document.querySelectorAll 2. 亲属访问 *从一个中心元素,访问所有原创 2017-11-12 11:29:43 · 199 阅读 · 0 评论 -
DOM树结构
DOM树结构 1.所谓的DOM操作,操作是什么? 操作的是DOM树,进行增删改查。 (jq操作选择器获得节点) 2. 一般DOM树结构 父节点 兄弟节点 当前节点 属性节点 子节点 兄弟节点 3.绘制DOM树:childNodes,attributes(属性节点) *从一个中心元素,访问所有的直系亲属元素 *访问父元素:parentNode *访问上一个兄弟元素:p原创 2017-11-12 11:26:49 · 6063 阅读 · 1 评论 -
DOM的基本概念
DOM:文档对象模型(Document Object Model),又称为文档树模型。是一套操作HTML和XML文档的API(例如我们调用的一些别人的方法)。 DOM:可以把HTML和XML描述为一个文档树,树上的分支都可以看成一个对象,通过DOM可以添加、修改和移除文档上的某一部分。 DOM:就是把HTML视为一个层次结构(树形结构)的文档 文档(document):就是指HTML或者XM原创 2017-11-12 10:25:01 · 2354 阅读 · 0 评论