查找DOM .querySelectorAll(),它接受包含一个CSS选择器的字符串参数,返回一个表示文档中匹配选择器的所有元素的NodeList元素。 .querySelector(),返回第一个匹配的元素 <div...
阅读(12) 评论(0)
1、构造函数 function Person() { } 构造函数-----首字母大写 1.1、实例化对象 function Person() { } var person1 =...
阅读(16) 评论(0)
1、创建对象 创建对象的两种方法: 使用Object构造函数 var person2 = new Object(); person2.name="Qian"; 使用对象的字面形式 var person1={...
阅读(27) 评论(0)
 今天看到一篇不错文章,在原来CSS3图形创建基础上扩展了很多。 这里记录总结下 心形 原理:利用 圆形 和 正方形实现 HTML: <div class="heartShaped">...
阅读(53) 评论(0)
Sublime Text、webstorm等编译器,如果你从事Web前端开发的话,对这几款软件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: 一、快速编写HTML代码...
阅读(24) 评论(0)
三角形 <div class="box"></div> <style>.box{ width: 0; height: 0;...
阅读(82) 评论(0)
如果要我用一句话描述使用 Vue 的经历,我可能会说“它如此合乎常理”或者“它提供给我需要的工具,而且没有妨碍我的工作”。每当学习 Vue 的时候,我都很高兴,因为很有意义,而且很优雅...
阅读(25) 评论(0)
介绍 CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格。 Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列。它还能使我们在不改变任何HTML的情况下,使用 CSS 来定位和调整网格内...
阅读(29) 评论(0)
浅拷贝数组 首先第一个复制数组我们都想到的是定义一个数组直接相等就可以了 var arr1 = [1,2,3]; var arr2 = arr1; arr1[0] = 2; console.log(arr1...
阅读(25) 评论(0)
一、水平居中  (1)文本/行内元素/行内块级元素▲  “好的”、display:inline、display:inline-block; 原理:text-align只控制行内内容(文字...
阅读(27) 评论(0)
html,body{height:100%} 今天看到一个CSS样式:html,body{height:100%},第一次看到,感觉挺奇怪,为什么html还需要设置height:100%呢,html不就是整个窗口吗?我是这样认为的。然...
阅读(33) 评论(0)