qq_36291960的博客

原创 jquery插件的使用

jquery插件的使用不写说明的jquery插件，哎，真难懂，最好还是去jquery之家，下面写的有具体的解析以及怎么使用，而且下载还不用登陆注册jquery之家：http://www.htmleaf.com/

转载 CSS面试题（三）

31.zoom:1 的清除浮动原理?清除浮动，触发hasLayout；zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。来龙去脉大概如下：当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原理，也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。zoom属性是IE浏览器的专有属性，

原创 报错 Uncaught TypeError: Cannot read property ‘appendChild‘ of null

报错 Uncaught TypeError: Cannot read property ‘appendChild’ of null通过查找原因发现是由于获取不到插入的节点出现这种情况的原因：获取节点时，节点还没加载如：js写在head里面，取body里面的某一节点，这时候是取不到的。解决方法：1.把JS代码放到后面。2.把script部分挪到之后...

转载 CSS面试题（二）

21.CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？（1）对于一般的元素，它的表现跟visibility：hidden;是一样的。元素是不可见的，但此时仍占用页面空间。（2）但例外的是，如果这个元素是table相关的元素，例如table行，tablegroup，table列，tablecolumngroup，它的表现却跟display:none一样，也就是说，它们占用的空间也会释放。在不同浏览器下的区别：在谷歌浏览器里，使用colla

原创 今日体会之决战紫禁之巅

不要使用with,eval，

原创 纯CSS制作三角形

1.锐角三角形原理：将块元素分成四部分，然后需要哪边哪边solid，其他边均为transparent#demo { width: 0; height: 0; border: 10px solid transparent; border-left-color: red; }上面的边框颜色顺序为上、右、下、左，然后如果想要哪一边保留的话，那么就让那一边出现颜色2.直角三角形总体上分成两块，需要哪两边，就把哪两边拿出来加上颜

转载 104道 CSS 面试题，助你查漏补缺(一)

CSS 面试知识点总结最近在整理 CSS 的时候发现遇到了很多面试中常见的面试题，本部分主要原作者在 Github 等各大论坛收录的 CSS 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 CSS 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，原文链接放在文章最下方，如果出现错误，希望大家共同指出！作者：CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/

原创 汇总Git 常见命令汇总

Git 的命令配置操作全局配置git config --global user.name ‘你的名字’git config --global user.email ‘你的邮箱’当前仓库配置git config --local user.name ‘你的名字’git config --local user.email ‘你的邮箱’查看 global 配置git config --global --list查看当前仓库配置git config --local --list删除 globa

原创 JavaScript 异常类型汇总

1.ErrorError 是最基本的错误类型，其他的错误类型都继承自该类型。Error 对象主要有两个重要属性 message 和 name 分别表示错误信息和错误名称。程序运行过程中抛出的异常一般都有具体的类型，Error 类型一般都是开发人员自己抛出的异常。2.SyntaxError - 语法错误语法错误也称为解析错误。语法错误在任何编程语言中都是最常见的错误类型，表示不符合编程语言的语法规范。JavaScript 是一门解释性语言，执行一段代码时需要经历 词法分析 -> 语法分析 -&

原创 JS知识点总结（轮廓）

原创 JS面试题 闭包

闭包1.什么是闭包？简单来说，就是函数内嵌函数，然后内部函数可以调用外部函数的变量优点：保护变量不受污染，保存变量不被回收缺点：容易内存泄漏（内存泄漏是指应该被回收的变量没有被回收）这个图片解释了闭包函数的处理流程，可以好好的研究一下一、创建全局作用域1.变量提升var,function2.代码自上而下运行当需要执行函数时，开辟堆内存，形成私有作用域（1）形参赋值/变量提升 如果有外界传递过来的参数，那么该变量为此私有作用域的私有变量（2）函数内部代码自上而下运行

原创 js为什么有的方法前要加return，有的不用？

js为什么有的方法前要加return，有的不用？1 方法需要返回值2 需要停止执行后面的代码3 不需要提交或跳转的时候如果仍然不理解的话，那就在脑袋里构思两种情况：1.不加return 函数仅仅对某个事件进行处理，不给出返回值，表象上像是没有进行运行一样，通过console.log或者alert来打印，控制台和屏幕上没反应2.加return 函数运行过后，通过console.log或者alert，会有具体的显示，能够表明函数运行过加return和不加return的区别;1.

原创 JS面试题 精髓

1.JS中let和const有什么用？在现代js中，let＆const是创建变量的不同方式。在早期的js中，咱们使用var关键字来创建变量。 let＆const关键字是在ES6版本中引入的，其目的是在js中创建两种不同类型的变量，一种是不可变的，另一种是可变的。const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周期中永不改变的变量。let: let用于创建一个可变变量，可变变量是像var这样的普通变量，可以任意次数地更改。JS 中的主要有哪几类错误JS有三类的错误:加载

原创 pagex clientx scrollx screenx

原创 offset screen client scroll

他娘的，这是个好东西呀！得仔细琢磨琢磨

原创 offest

offset只读属性，返回一个元素的布局宽度或高度offsetwidth 宽度：width + padding + border + scrollbar（如果横向滚动条存在）offsetheight 高度：height + padding + border + scrollbar（如果纵向滚动条存在）相对于父元素来说的。当前元素为div，它的offsetParent 返回body。那么div元素的offsetLeft 和 offsetTop值就是左上角相对于offsetParent

原创 移动端布局方式大类

移动端布局方式大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来pc端页面变成响应式的（通过媒体查询，根据屏幕大小来改变内容大小及布局）一、新创建1.流式布局 百分比布局 对盒子给一个宽度的百分比，当屏幕大小变化，始终占满屏幕，也称百分比布局（字体不会变化，盒子高度也是固定的）2.flex布局 给父元素display:flex，自己flex：1，如果给其他数，占的地方更大（字体不会变化，高度也是固定的）3.rem布局 通过媒体查询，对html的font-

原创 前端模块安装问题

MD，遇到最多的问题就是路径的问题！！！所以，踏踏实实的创建一个vscode，然后在里面创建code文件夹（自己的代码），然后再创建node，然后再创建git，然后再创建等等你需要的文件，总之，要有条理！！！要能找到！！！要在这个环境下！！！...

原创 伪类选择器与伪元素选择器的区别

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。1.伪元素伪元素主要有：e:first-letter/e::first-lettere:first-line/e::first-linee:before/e::beforee:after/e::aftere::placeholdere::selection2.伪类伪类主要有：e:linke:visitede:hovere

原创 移动端布局方式两大类

移动端布局方式大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来pc端页面变成响应式的（通过媒体查询，根据屏幕大小来改变内容大小及布局）一、重新创建1.流式布局 百分比布局 对盒子给一个宽度的百分比，当屏幕大小变化，始终占满屏幕，也称百分比布局（字体不会变化，盒子高度也是固定的）2.flex布局 给父元素display:flex，自己flex：1，如果给其他数，占的地方更大（字体不会变化，高度也是固定的）3.rem布局 通过媒体查询，对html的font

原创 CSS垂直居中七种方法

1.通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。（补充一下：text-align:center 水平方向）2.通过line-height实现CSS垂直居中。设置子元素的line-height值等于父元素的height，这种方法适用于子元素为单行文本的情况。3.通过display:flex实现CS

原创 js DTD

定义： 每一个XML文档都可携带一个DTD，用来对该文档格式进行描述，测试该文档是否为有效的XML文档。DTD有外部和内部之分，当然就可以为某个独立的团体定义一个公用的外部DTD，那么多个XML文档就都可以共享使用该DTD，使得数据交换更为有效。甚至在某些文档中还可以使内部DTD和外部DTD相结合。在应用程序中也可以用某个DTD来检测接收到的数据是否符合某个标准。对于XML文档而言，虽然DTD不是必须的，但它为文档的编制带来了方便。加强了文档标记内参数的一致性，使XML语法分析器能够确认文档。如果不使用

原创 到底什么是回调函数？

//定义主函数，回调函数作为参数function A(callback) { callback(); console.log('我是主函数'); }//定义回调函数function B(){ setTimeout("console.log('我是回调函数')", 3000);//模仿耗时操作 }//调用主函数，将函数B传进去A(B);//输出结果我是主函数我是回调函数解释什么呀？越解释感觉越乱，上代码就完事了！！！...

原创 js 空字符串与字符串内有空格

哎，我说呢？咋不一样呢？你还别说，就是不一样。!!运算符可以将右侧的值强制转换为布尔值，这也是将值转换为布尔值的一种简单方法。字符串相连 console.log(!!’’); // false字符串内有空格 console.log(!!’ '); // truetoday make progress,tomorrow continue...

原创 JS use strict 严格模式

use strict可以通过在文件，程序或函数的开头添加“use strict”来启用严格模式设立"严格模式"的优点：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的Javascript做好铺垫。注：经过测试 IE6,7,8,9 均不支持严格模式。缺点：现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被

原创 JS中 map, filter, find, findIndex,some, every, forEach, for in, for of 用法

JS中 map, filter, find, findIndex,some, every, forEach, for in, for of 用法总结：map():返回一个新的Array，每个元素为调用func的结果filter():返回符合func条件的元素数组find():返回第一个符合条件的元素对象findIndex():返回第一个符合条件的元素对象的位置(索引)some():返回一个boolean，判断是否有元素是否符合func条件，只要存在一个符合就结束every():返回一个bool

原创 retuen与break区别

retuen与break区别1.return只能用在函数中，退出函数，即使后面还有内容，也不再执行2.break用在跳出循环

原创 JS 中对变量类型的判断

JS 中对变量类型的判断总结：1. 一般简单的使用 typeof 或 instanceof 检测（这两种检测的不完全准确2. 完全准确的使用 原生js中的 Object.prototype.toString.call 或 jquery中的 $.type 检测1.使用typeof检测number, string, boolean, function, undefined, json类型时，可以使用typeof进行判断。其他变量是判断不出类型的，包括null。2. 使用instanceof检测输出

原创 for及带for的应用及区别

for及带for的应用一、for常用：遍历数组及对象for (语句 1; 语句 2; 语句 3){被执行的代码块}语句 1 （代码块）开始前执行语句 2 定义运行循环（代码块）的条件语句 3 在循环（代码块）已被执行之后执行实例 sum = 0; for (var i = 0; i < 5; i++) { sum += i; } console.log(sum);//10 双重for循环// 打印五行五列星星var str = ‘

原创 javsscript知识点（二）——函数及方法

JS知识点三：系统函数(内置函数)1.常规函数处理方法2.数组函数处理方法3.日期函数处理方法4.数学函数处理方法5.字符串函数处理方法

原创 JS面试题 精

javascript的typeof返回哪些数据类型.答案：string,boolean,number,undefined,function,object例举3种强制类型转换和2种隐式类型转换?答案：强制（parseInt,parseFloat,number）隐式（== ===）split() join() 的区别答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串数组方法pop() push() unshift() shift()答案：push()尾部添加 pop(..

原创 JAVASCRIPT知识点（一）

JAVASCRIPT知识点（一）一、JavaScript 简介（一）、JavaScript语言的介绍：JavaScript是基于对象和原型的一种动态、弱类型的脚本语言（二）、JavaScript语言的组成：JavaScript是由核心语法(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)组成的 （三）、JavaScript语言的应用：实现页面表单验证以及页面交互特效，基于Node.js技术进行服务器端编程等二、JavaScript ECMAScript一：基础语法（