01 2022 档案
摘要：五、用window对象的getComputedStyle方法，第一个参数是Element对象，第二个参数可以是null、空字符串、伪元素字符串，该方法返回一个只读的表示计算样式的CSSStyleDeclaration对象，它代表了实际应用在指定元素上的最终样式信息，即各种CSS规则叠加后的结果； 如
阅读全文
摘要：一、可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如：var elm = document.getElementById('test'); elm.style.color = 'black'; 二、通过Element对象的getAt
阅读全文
摘要：5. 改变class 比如JQ的更改class相关方法 因JS获取不到css的伪元素，所以可以通过改变伪元素父级的class来动态更改伪元素的样式 element.className = 'blue'; element.className += 'blue fb'; 6. 设置cssText ele
阅读全文
摘要：1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; element.style.height =
阅读全文
摘要：前言 一直比较喜欢收集网页特效，很多时候都会遇到CSS被压缩过的情况，这时查看起来就会非常不方便，有时为了减少文件大小，也会对自己的CSS进行压缩，网上提供这样服务的很多，但都不尽如人意，因此打算自己动手写一个JS来进行CSS的格式化和压缩 原理 CSS的结构如下： 选择器{ css属性声明：值;}
阅读全文
摘要：首先将html，body的height都设置100%。 同时React 根元素高度也设置100%。 html, body, #root { height: 100%; } 之后，就可以设置全屏幕的背景颜色等等： body { font-family: Raleway, sans-serif; mar
阅读全文
摘要：1.第一种情况：文字在DIV中垂直水平居中小技巧 例如： html源码展示： 1 <div id="HMDYH"> 2 黑名單用戶 3 </div> CSS源码展示 1 #HMDYH { 2 width: 560px; 3 height: 100px; 4 border: 1px initial #
阅读全文
摘要：font字体 目标：能够使用字体和文本相关样式修改元素外观样式 字体大小 属性名：front-size 取值：数字+px 注意点：谷歌浏览器的默认值是16px，单位需要设置，否则是无效的。 <style> p{ font-size: 30px; } </style> </head> <body> <
阅读全文
摘要：1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; element.style.height =
阅读全文
摘要：一直比较喜欢收集网页特效，很多时候都会遇到CSS被压缩过的情况，这时查看起来就会非常不方便，有时为了减少文件大小，也会对自己的CSS进行压缩，网上提供这样服务的很多，但都不尽如人意，因此打算自己动手写一个JS来进行CSS的格式化和压缩 原理 CSS的结构如下： 选择器{ css属性声明：值;} 所以
阅读全文
摘要：JS自带函数 substr返回字符串的一个子串，传入参数是起始位置和长度var sub_string1 = a.substr(1);//sub_string1 = "ello"var sub_string2 = a.substr(1,4);//sub_string2 = "ello"replace用
阅读全文
摘要：JS自带函数concat将两个或多个字符的文本组合起来，返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引（从左到右搜
阅读全文
摘要：二.数组元素的删除 删除数组元素有三种方法：shift() pop() splice() 1、 arayObj.shift();//删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 2、 arrayObj.pop();//删除原数组最后一项，并返回删除元素的值；如果数组为空
阅读全文
摘要：本文主要介绍JS对数组(列表)的基本操作。习惯了用数据库的操作顺序来说明：增、删、改、查；合并，裁剪，排序，格式化。 一.数组元素的添加(增加) 增加数组元素有三种方法：unshift() push() splice() 1、arrayObj.unshift([item1 [item2 [. . .
阅读全文
摘要：引用类型：当复制保存着对象的某个变量时，操作的是对象的引用，但在为对象添加属性时，操作的是实际的对象。引用类型值指那些可能为多个值构成的对象。 引用类型有这几种：Object、Array、RegExp、Date、Function、特殊的基本包装类型(String、Number、Boolean)以及单
阅读全文
摘要：基本类型基本的数据类型有：`undefined，boolean，number，string，null.基本类型的访问是按值访问的，就是说你可以操作保存在变量中的实际的值。基本类型有以下几个特点：1.基本类型的值是不可变得：任何方法都无法改变一个基本类型的值，比如一个字符串： var name = '
阅读全文
摘要：用JS控制CSS基本样式的方法CSS code.class1{width:10px;}HTML code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><link rel="stylesheet" t
阅读全文
摘要：js基本语法汇总 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/6783296.html ) 作者：wangwen896 整理 1、分类 ECMAScript js基本语法与标准 DOM Document Object Model文档对象模型 BOM
阅读全文
摘要：js基本功能大全 1.javascript的数组API： //定义数组 var pageIds = new Array(); pageIds.push('A'); 数组长度 pageIds.length; //shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined v
阅读全文
摘要：1、栈(stack)和堆（heap） stack为自动分配的内存空间，它由系统自动释放；而heap则是动态分配的内存，大小也不一定会自动释放 2、数据类型 JS分两种数据类型： 基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol（ES6），这些类型
阅读全文
