- 博客(55)
- 收藏
- 关注
RSS订阅原创 CSS面试题31-35
31.zoom:1 的清除浮动原理?清除浮动，触发hasLayout；zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。来龙去脉大概如下：当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原理，也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。zoom属性是IE浏览器
2020-12-08 14:24:40
266
原创 CSS面试题26-30
26.margin 重叠问题的理解。相关知识点：块级元素的上外边距（margin-top）与下外边距（margin-bottom）有时会合并为单个外边距，这样的现象称为“margin合并”。产生折叠的必备条件：margin必须是邻接的!而根据w3c规范，两个margin是邻接的必须满足以下条件：•必须是处于常规文档流（非float和绝对定位）的块级盒子，并且处于同一个BFC当中。•没有线盒，没有空隙，没有padding和border将他们分隔开•都属于垂直方向上相邻的外边距，可以
2020-12-08 13:57:06
273
原创 CSS面试题21-25
21.CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？（1）对于一般的元素，它的表现跟visibility：hidden;是一样的。元素是不可见的，但此时仍占用页面空间。（2）但例外的是，如果这个元素是table相关的元素，例如table行，table group，table列，table column group，它的表现却跟display:none一样，也就是说，它们占用的空间也会释放。在不同浏览器下的区别：在谷歌浏览器里
2020-12-08 11:23:51
252
原创 CSS面试题16-20
16.CSS 多列等高如何实现？（1）利用padding-bottom|margin-bottom正负值相抵，不会影响页面布局的特点。设置父容器设置超出隐藏（overflow:hidden），这样父容器的高度就还是它里面的列没有设定padding-bottom时的高度，当它里面的任一列高度增加了，则父容器的高度被撑到里面最高那列的高度，其他比这列矮的列会用它们的padding-bottom补偿这部分高度差。（2）利用table-cell所有单元格高度都相等的特性，来实现多列等高。（3）利用
2020-12-08 10:25:50
193
原创 CSS面试题11-16
11.position 的值 relative 和 absolute 定位原点是？相关知识点：absolute生成绝对定位的元素，相对于值不为static的第一个父元素的padding box进行定位，也可以理解为离自己这一级元素最近的一级position设置为absolute或者relative的父元素的padding box的左上角为原点的。fixed（老IE不支持）生成绝对定位的元素，相对于浏览器窗口进行定位。relative生成相对定位的元素，相对于其元素本身所在正常位置进
2020-12-08 10:04:05
143
原创 CSS相关面试题6-10
6.CSS 优先级算法如何计算？相关知识点：CSS的优先级是根据样式声明的特殊性值来判断的。选择器的特殊性值分为四个等级，如下：（1）标签内选择符x,0,0,0（2）ID选择符0,x,0,0（3）class选择符/属性选择符/伪类选择符 0,0,x,0（4）元素和伪元素选择符0,0,0,x计算方法：（1）每个等级的初始值为0（2）每个等级的叠加为选择器出现的次数相加（3）不可进位，比如0,99,99,99（4）依次表示为：0,0,0,0（5）每个等级计数之间没关联（
2020-12-07 16:52:20
127
原创 CSS相关面试题1-5
1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？相关知识点：（1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box）（2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分IE盒模型和W3C标准盒模型的区别：（1）W3C标准盒模型：属性width，height只包含内容content，不包含border和padding（2）IE盒模型：属性width，h
2020-12-07 14:30:10
186
原创 浏览器内部 进程线程 笔记
本文引用于：http://www.dailichun.com/2018/01/21/js_singlethread_eventloop.html1.浏览器都包含哪些进程？Browser进程：浏览器的主进程（负责协调、主控），只有一个。作用有 负责浏览器界面显示，与用户交互。如前进，后退等 负责各个页面的管理，创建和销毁其他进程 将Renderer进程得到的内存中的Bitmap，绘制到用户界面上 网络资源的管理，下载等 第三方插件进程：每种类型的插件对应一个进程
2020-07-02 16:52:59
409
原创 JavaScript 执行机制 同步任务 异步任务 宏任务 微任务
1.本文是是引用了 这篇文章不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照语句出现的顺序执行的 看到这里读者要打人了：我难道不知道js是一行一行执行的？还用你说？稍安勿躁，正因为js是一行一行执行的，所以我们以为js都是这样的：image.png然而实际上js是这样的：..
2020-07-01 17:55:24
401
原创 js中 apply（）和call（） 还有bind的区别
一、call、apply的作用与应用每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是Array的实例，也可以是arguments对象。例如：function sum(num1,...
2019-12-26 15:00:21
178
原创 进程和线程的区别
1.进程是资源分配最小单位，线程是程序执行的最小单位；2.进程有自己独立的地址空间，每启动一个进程，系统都会为其分配地址空间，建立数据表来维护代码段、堆栈段和数据段，线程没有独立的地址空间，它使用相同的地址空间共享数据；3.CPU切换一个线程比切换进程花费小；4.创建一个线程比进程开销小；5.线程占用的资源要⽐进程少很多。6.线程之间通信更方便，同一个进程下，线程共享全局变量，...
2019-12-16 10:56:55
178
原创 js中数组的常用方法
1.push() 后增push()方法可以向数组后添加一个新的元素，并返回新数组的长度。末尾添加，返回长度，改变原数组var a = [1,2,3]var b = a.push(4) console.log(a) // [1,2,3,4] console.log(b) // 42.unshift() 前增unshift()可以向数组前添加一个或多个元素，并返回新的...
2019-12-04 17:45:14
275
原创 js中伪（类）数组
伪数组拥有 length 属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，伪数组同样有length属性，也有0、1、2、3等属性的对象，看起来就像数组一样，但不是数组，伪数组不具有数组所具有的方法可以利用属性名模拟数组的特性 可以动态的增长length属性 如果强行让类数组调用push方法，则会根据length属性值得位置进行属性的扩充。比如:va...
2019-12-04 10:48:04
238
原创 js 垃圾回收
1. 概述JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。C#、Java、JavaScript有自动垃圾回收机制，但c++和c就没有垃圾回收机制，也许是因为垃圾回收机制必须由一种平台来实现。在JS中，JS的执行环境会负责管理代码执行过程中使用的内存。2. 变量的...
2019-12-03 20:54:45
195
原创 http TCP3次握手4次挥手讲解以及面试题
参考链接：https://blog.csdn.net/qq_38950316/article/details/81087809TCP是主机对主机层的传输控制协议，提供可靠的连接服务，采用三次握手确认建立一个连接:位码即tcp标志位,有6种标示:SYN(synchronous建立联机) ACK(acknowledgement 确认) PSH(push传送) ...
2019-12-03 19:52:48
1725
原创 forEach、for in 、 for of三者的区别
1.for in 和for of 区别1.在数组中const arr = [2, 3, 5, 4, 5, 2, 2];for(let i of arr){console.log(i) //打印出来的是value 2,3,5,4,2,2}for(let i in arr){console.log(i) //打印出来的是下标 0,1,2,3,4,5,6}2.在对象中的用法：...
2019-12-03 10:35:08
760
原创 js中一元操作符 （++ --） （+ - ）的一些介绍
一元操作符主要有2类1.递增递减操作符、主要重点：（++num 和--num是执行前置递增和递减，变量的值都是在语句被求值以前改变的。 在计算机科学领域，这种叫做副效应。）例子1var num=10; num++; console.log(num);结果:11例子2var num=10;++num;console.log(num);结果也是11...
2019-12-02 16:12:48
459
原创 js中toString和Strgin区别
1.toString()方法1.toString()可以将所有的的数据都转换为字符串，但是要排除null 和 undefined例如将false转为字符串类型var str = false.toString();console.log(str, typeof str);//结果 false String如果是null和undefined的话会报错 因为null和undefi...
2019-12-02 15:42:15
194
原创 js中null 和undefined的区别
1.定义（1）undefined：是所有没有赋值变量的默认值，自动赋值。（2）null：主动释放一个变量引用的对象，表示一个变量不再指向任何对象地址。所以console.log(typeof null); //"object" null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。2.用处1.null...
2019-11-30 16:33:59
375
原创 深入理解 Object.prototype.toString.call() 判断数据类型方法
为什么Object.toString.call([1,2,3])返回[object Array]？可以直接[].toString()返回[object Array]吗？难道真的像自己理解的那样，是通过call将[1,2,3]作为Object.toString的实参传递了进去吗？不是。直接Object.toString([1,2,3])不能实现同样的功能吗？不能。而实际上也有Array.__p...
2019-11-30 16:13:05
952
原创 js 判断数据类型的几种方式
首先js中的数据类型总的分2类1.基本数据类型：String、Number、Boolean、Null、Undefined2.引用类型：Object、Array、Date、Function、Error、RegExp、Math、Number、String、Boolean、Globle。然后是判断数据类型的方法：typeof、instanceof、constructor、toString四种...
2019-11-30 15:56:31
175
原创 Vue + sass 实现项目自适应
前提： 要实现这个功能首先要实现整个项目支持sass的语法1.首先在App.vue里面的script代码里面添加一个自调函数，写在created里面这样可以实现监听页面的实时变化来改变页面的font-size大小<template> <div id="app"> <router-view></router-view> &...
2019-08-05 14:51:42
1035
原创 vue+ elementUI 在el-row 或者 el-col 上使用@click失效
在需要调用的地方 <el-col :span="14" class="taskTitle" @click.native="toShareEffect(item)"> </el-col>使用@click.native=”aaa()”才行
2019-07-18 11:18:34
640
原创 Vue.js devtool 通过谷歌插件下载后还是灰色的 将mainfest.json中代码persistent：false，修改成persistent：true
1.我们需要找到Vue.js devtool插件的安装目录。可以在本站文章chrome插件CRX文件的安装目录中找到插件的安装位置。话说来，我们真找不到插件的安装位置，可以在本地电脑搜索插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。用户可以在插件列表中找到插件的ID,如下图所示。这是我在win8系统上chrome插件的安装位置C:\Users\Administra...
2019-07-11 16:31:16
2982
原创 vue + elementUI 封装Dialog功能 功能中实现父子传参以及子调用父的函数 并且实现vue中prop的双向数据绑定
使用场景：项目中多次使用Dialog功能然后就封装了一个组件，主要是给用户再次确认，以及提示的功能的功能1.先创建一个子组件主要内容就是DIalog组件的代码，其中有几个可以通过父组件传的变量isShowDialog：控制是否显示，也是需要实现双向数据绑定的变量content：Dialog对话框的主要内容titleText：对话框的标题cancelText：取消按...
2019-07-06 16:54:39
5352
原创 vue + elementUI 项目中使用 vue 全局filter实现table列数据操作过滤
使用场景：项目中由于接口数据返回的日期格式是yyyymmddhhmmss 或者 yyyymmdd，在table中显示要使用yyyy-mm-dd hh:mm:ss 和yyyy-mm-dd 就想着在列中使用过滤器来实现这个功能就不用在接口返回的时候操作数据了。1.在main.js里面加个Vue的全局过滤器。这个过滤器接受参数val 可能是undefined所以刚开始加了个判断 然后因为可能返回数...
2019-07-06 14:37:28
7094
原创 chrome 谷歌浏览器允许本地跨域
在进行前端开发设置谷歌浏览器跨域时遇到了问题，百度上说的方法不管怎么设置就是不能跨域，在死怼中发现了可以这样设置跨域（详见三）总结三种方法：一、49版本以前的设置：在桌面chrome快捷方式的属性中的目标输入框添加 --disable-web-security 添加部分与前面字符之间有空格（有文章说目标引号结尾的加--args --disable-web-security,反正...
2019-07-01 15:28:54
6158
5
原创 fidder真机抓包 http的接口使用教程
Fiddler是一个http调试代理，它能 够记录所有的你电脑和互联网之间的http通讯，Fiddler 可以也可以让你检查所有的http通讯，设置断点，以及Fiddle 所有的“进出”的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它仅仅暴露http通讯还有提供一个用户友好的格式。对于Andro...
2019-06-21 11:34:27
438
转载 疯狂的程序员 80-最后
（80） 夭折在绝影的印象中，救火队长这个角色一向都是由自己来扮演的，想想以前在公司，临到验收的时候，才发现软件里面居然还有巨大的Bug，这种事情，哪次不是自己挺身而出，“受任于败军之际，奉命于危难之间”。结果轮到自己火烧眉毛，就乱了手脚，可惜一身好武功施展不开，还得由BOSS Liu来救自己的火。BOSS Liu终于回来了，却不是绝影想像的那样两人一件面就赶紧打开电脑讨论问题。这一次，BOS...
2019-06-18 17:42:09
741
转载 疯狂的程序员 71-80
（71） New和燕儿分手后，绝影竟大方地给自己无限期地放了个长假。所以人就是这样，绝影想：早知如此，当初跟燕儿在一起的时候就该给自己放个长假，好好陪陪她，说不定也不会搞到这一步。以前是因为在公司，现在出来了，还能到哪给自己找理由？不过话又说回来，以前跟燕儿在一起的时候，自己是节约得连电影都舍不得看，虽然现在带宽上1下4了，而且有BT这样的好东西，但每次下了电影，还是宝贝得像儿子似的，深深地藏...
2019-06-18 16:57:39
1814
转载 疯狂的程序员 41-50
（41） 网吧绝影想了想，还是摇了摇头，这反而让周总更加充满了疑惑。日子一天一天过去，DAP的进展是越发困难，周总和绝影对这个CASE彼此都是心照不宣。直到有一天，周总极其神秘地把绝影叫进办公室，说：“明天，我们一起去南京。”绝影早就料到自己会去南京，虽然他是一万个不想去，但是周总这么一说，他还是感觉很突然，忙问：“小张呢？他也去吗？”“暂时还不安排，如果需要，我们先去，如果有必要我会把他...
2019-06-18 10:33:54
3341
转载 疯狂的程序员 31-40
（31） 大CASE听周总这么说，绝影吓了一跳，不光他吓了一跳，BOSS Liu和 张厂长也吓了一跳。在他们印象中，周总脸上总是带着平静地表情，即使偶尔批评起人来，也还是带着平静地表情。这时候，绝影突然想起念大学的时候，本来和燕 儿在校外租了房子悠闲地过着小日子，没想到有一天公安局会突然来敲他的门，想到公安局肯定是来查自己非法同居来了，吓得要死。想在来看，周总一定是来清算 平时不按时到公司，作风...
2019-06-17 17:54:37
1529
转载 疯狂的程序员 21-30
（21） MFC绝影第一次去公司周总先给他介绍同事：“小李是秘书，小周是程序员……以后你就跟着小周，他很厉害的，要好好跟他学习。”他对小周点点头，本来想跟他打个招呼，但实在又不好称呼他。周总当然可以叫他小周，自己总不能这样叫他，叫“周哥”，绝影又觉得特别别扭，以前他还很少这样称呼一个人，所以他也就只好跟他点点头。介绍完，周总安排绝影就坐小周旁边的办公桌，说：“那你们先忙吧，我就不打扰你们了。...
2019-06-14 16:29:53
2408
转载 疯狂的程序员 10-20
（11） 转折点其实也没怎么等，机会就来了，好像是机会一直在等他，等他决定不玩游戏了，来把机会拿走。现在很多人总是抱怨：“苦恼阿，没机会阿。”好像自己就是那个才华横溢又无法横溢才华的大诗人。其实机会就像羊，满地都是，关键是你自己要知道怎么去剪羊毛挤羊奶。――难道你还等着羊自己把毛和奶送到你手上，那才叫机会？大三的课就是比较多。刚进大学的时候，绝影想， 大一应该轻松吧。没想到大一课多到超出了他...
2019-06-14 09:13:18
1694
1
转载 疯狂的程序员 1-10
疯狂的程序员（完整版）（1） Hello World！天已经七分黑了，屋里却还没开灯。这个全身黑衣服的男子突然像想起什么，从包里掏出烟，抽出一只，递给旁边的人：“兄弟，抽烟么？”――那烟是红塔山。旁边那人连忙一边摆手，一边说：“不，不。”语气有点紧张，好像那黑衣服递过来的不是烟，是海洛因。这个黑衣服的男子，后来的网名叫“绝影”。他旁边那个，后来被他们称为“土匪”。这件屋子，就是他们...
2019-06-13 10:09:00
9869
原创 react 脚手架搭建项目引入antd 并且引用babel-plugin-import实现按需加载
1.引入antd 命令 yarn add antd2.为了提升性能，安装babel-plugin-import，实现按需加载的功能，即项目中用到什么样的组件，就引入对应的css yarn addbabel-plugin-import 并且在package.json 里面的代码里面加上对应的配置 在babel里面加上plugins的这一段代码就可...
2019-06-11 15:27:00
3072
原创 React脚手架创建新项目 暴露webpack配置时报错 This git repository has untracked files or uncommitted changes:
1.当我执行 暴露webpack配置的命令时报错This git repository has untracked files or uncommitted changes:Remove untracked files, stash or commit any changes, and try again.npm ERR! code ELIFECYCLEnpm ERR! er...
2019-05-31 17:23:53
574
原创 React脚手架创建新项目 暴露webpack配置 支撑less语法
1.创建项目 1.下载create-react-app，并全局安装 npm install create-react-app -g 2.接下来，我们安装我们的工程create-react-app create-react-prjcd .\create-react-prj\npm start 安装完成后我们可以看到当前的目录结...
2019-05-31 17:21:27
2194
原创 前端常用 sass和less区别 webpack和gulp区别 Git和svn 区别
1.LESS与SASS的区别在sass3.4.0之前，sass可以说是没有局部变量和全局变量之分的，即后声明的同名变量总是会覆盖之前的同名变量，不管后声明的变量是位于何处。2.webpack 和gulp的区别gulp VS webpack:1.Gulp侧重于前端开发的 整个过程 的控制管理（像是流水线），我们可以通过给gulp配置不通的task（通过Gulp中的gulp.ta...
2019-03-29 17:14:39
504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人