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