05 2022 档案
前端学习（2074）：v-bind动态绑定样式（数组语法）
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2074）：v-bind动态绑定样式（数组语法）
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2072）：v-bind和v-for结合的作业布置
摘要：Title {{item}} 运行结果
阅读全文
前端学习（2072）：v-bind和v-for结合的作业布置
摘要：Title {{item}} 运行结果
阅读全文
前端学习（2115）：组件模板抽离得方法
摘要：Document 我是标题 --> 运行结果
阅读全文
前端学习（2114）：注册组件得语法糖写法
摘要：Document 我是标题 --> 运行结果
阅读全文
前端学习（2107）：v-model之结合select使用
摘要：Document 你选择得水果:{{fruit}} 运行结果
阅读全文
前端学习（2106）：v-model之多选框得作用
摘要：Document 篮球 足球 篮球 篮球 你选择得是{{habby}} 下一步 ...
阅读全文
前端学习（2105）：v-model结合checkbox使用
摘要：Document 同意 你选择得是{{isAgree}} 下一步 运行结果
阅读全文
前端学习（2111）：组件化的基本使用过程
摘要：Document 我是标题 --> 运行结果
阅读全文
前端学习（2109）：v-model得修饰符
摘要：Document {{message}} {{age}}-{{typeof age}} 运行结果
阅读全文
前端学习（2108）：v-model得值绑定
摘要：Document {{item}} 你选择得水果:{{fruit}} --> 运行结果
阅读全文
前端学习（2098）：购物车案例-过滤器得使用
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2098）：购物车案例-过滤器得使用
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2097）：购物车案例-页面搭建
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2097）：购物车案例-页面搭建
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2097）：购物车案例-页面搭建
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2104）：v-model结合radio得使用
摘要：Document 男 女 {{sex}} 运行结果 ...
阅读全文
前端学习（2103）：v-model得使用和原理
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2102）：javascript高阶函数得使用
摘要：Document 运行结果
阅读全文
前端学习（2100）：购物车案例-移除按钮
摘要：demo738.html Document ...
阅读全文
前端学习（2100）：购物车案例-移除按钮
摘要：demo738.html Document ...
阅读全文
前端学习（2100）：购物车案例-移除按钮
摘要：demo738.html Document ...
阅读全文
前端学习（2099）：购物车案例-改变购买数量
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2099）：购物车案例-改变购买数量
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2099）：购物车案例-改变购买数量
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2098）：购物车案例-过滤器得使用
摘要：demo738.html Document 书籍名称 ...
阅读全文
前端学习（2094）：v-for绑定和非绑定key得区别
摘要：Document {{index+item}}
阅读全文
前端学习（2094）：v-for绑定和非绑定key得区别
摘要：Document {{index+item}}
阅读全文
前端学习（2093）：v-for遍历数组
摘要：Document {{index+item}} 运行结果
阅读全文
前端学习（2086）：v-on得修饰符使用
摘要：Document 按钮1 按钮2 按钮3 按钮4 --> 按钮1 运行结果 ...
阅读全文
前端学习（2086）：v-on得修饰符使用
摘要：Document 按钮1 按钮2 按钮3 按钮4 --> 按钮1 运行结果 ...
阅读全文
前端学习（2086）：v-on得修饰符使用
摘要：Document 按钮1 按钮2 按钮3 按钮4 --> 按钮1 运行结果 ...
阅读全文
前端学习（2085）：v-on得参数问题
摘要：Document 按钮1 按钮2 按钮3 按钮4 运行结果
阅读全文
前端学习（2085）：v-on得参数问题
摘要：Document 按钮1 按钮2 按钮3 按钮4 运行结果
阅读全文
前端学习（2085）：v-on得参数问题
摘要：Document 按钮1 按钮2 按钮3 按钮4 运行结果
阅读全文
前端学习（2084）：v-on得基本使用和语法糖
摘要：Document {{counter}} + - 运行结果
阅读全文
前端学习（2084）：v-on得基本使用和语法糖
摘要：Document {{counter}} + - 运行结果
阅读全文
前端学习（2084）：v-on得基本使用和语法糖
摘要：Document {{counter}} + - 运行结果
阅读全文
前端学习（2079）：计算属性和methods得对比
摘要：Document 总价格:{{fullname}} {{getfullname()}} 运行结果
阅读全文
前端学习（2079）：计算属性和methods得对比
摘要：Document 总价格:{{fullname}} {{getfullname()}} 运行结果
阅读全文
前端学习（2079）：计算属性和methods得对比
摘要：Document 总价格:{{fullname}} {{getfullname()}} 运行结果
阅读全文
前端学习（2094）：v-for绑定和非绑定key得区别
摘要：Document {{index+item}}
阅读全文
前端学习（2093）：v-for遍历数组
摘要：Document {{index+item}} 运行结果
阅读全文
前端学习（2093）：v-for遍历数组
摘要：Document {{index+item}} 运行结果
阅读全文
前端学习（2092）：v-show和v-if得区别
摘要：Document {{message}} {{message}} 运行结果
阅读全文
前端学习（2092）：v-show和v-if得区别
摘要：Document {{message}} {{message}} 运行结果
阅读全文
前端学习（2092）：v-show和v-if得区别
摘要：Document {{message}} {{message}} 运行结果
阅读全文
前端学习（2091）：登录切换得input问题
摘要：Document 用户账号 用户邮箱 切换类型...
阅读全文
前端学习（2091）：登录切换得input问题
摘要：Document 用户账号 用户邮箱 切换类型...
阅读全文
前端学习（2091）：登录切换得input问题
摘要：Document 用户账号 用户邮箱 切换类型...
阅读全文
前端学习（2090）：登录小案例
摘要：Document 用户账号 用户密码 切换类型 运行结果 ...
阅读全文
前端学习（2090）：登录小案例
摘要：Document 用户账号 用户密码 切换类型 运行结果 ...
阅读全文
前端学习（2090）：登录小案例
摘要：Document 用户账号 用户密码 切换类型 运行结果 ...
阅读全文
前端学习（2089）：v-else
摘要：Document {{message}} {{age}} 运行结果
阅读全文
前端学习（2089）：v-else
摘要：Document {{message}} {{age}} 运行结果
阅读全文
前端学习（2089）：v-else
摘要：Document {{message}} {{age}} 运行结果
阅读全文
前端学习（2078）：计算属性setter和getter
摘要：Document 总价格:{{fullname}} 运行结果
阅读全文
前端学习（2078）：计算属性setter和getter
摘要：Document 总价格:{{fullname}} 运行结果
阅读全文
前端学习（2076）：计算属性的复杂使用
摘要：Document 总价格:{{totalPrice}} 运行结果
阅读全文
前端学习（2076）：计算属性的复杂使用
摘要：Document 总价格:{{totalPrice}} 运行结果
阅读全文
前端学习（2076）：计算属性的复杂使用
摘要：Document 总价格:{{totalPrice}} 运行结果
阅读全文
前端学习（2075）：计算属性的基本使用
摘要：Document {{firstName+' '+lastName}} {{fullname}} 运行结果
阅读全文
前端学习（2075）：计算属性的基本使用
摘要：Document {{firstName+' '+lastName}} {{fullname}} 运行结果
阅读全文
前端学习（2075）：计算属性的基本使用
摘要：Document {{firstName+' '+lastName}} {{fullname}} 运行结果
阅读全文
前端学习（2074）：v-bind动态绑定样式（数组语法）
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2073）：v-bind动态绑定样式
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2073）：v-bind动态绑定样式
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2073）：v-bind动态绑定样式
摘要：Document {{message}} 运行结果
阅读全文
前端学习（2072）：v-bind和v-for结合的作业布置
摘要：Title {{item}} 运行结果
阅读全文
前端学习（2119）：父子组件
摘要：Document {{cmessage}} 运行结果
阅读全文
前端学习（2118）：父传子
摘要：Document {{cmovies}} {{cmessage}} ...
阅读全文
“约见”面试官系列之常见面试题之第六十篇之事件绑定和普通事件（建议收藏）
摘要：一个很简单的示例。 普通添加事件的方法： var btn = document.getElementById("hello");btn.onclick = function(){ alert(1);}btn.onclick = function(){ aler...
阅读全文
“约见”面试官系列之常见面试题之第五十九篇之js中push(),pop(),unshift(),shift()的用法小结 （建议收藏）
摘要：1、push()、pop()和unshift()、shift() 这两组同为对数组的操作，并且会改变数组的本身的长度及内容。 不同的是 push()、pop() 是从数组的尾部进行增减，unshift()、shift() 是从数组的头部进行增减。 v...
阅读全文
“约见”面试官系列之常见面试题之第五十八篇之join和split（建议收藏）
摘要：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split(a,b)方法：用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割 b不是必须的，可选。该参数可指定返回的数组的最大长度 。如果设置了该...
阅读全文
“约见”面试官系列之常见面试题之第五十八篇之join和split（建议收藏）
摘要：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split(a,b)方法：用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割 b不是必须的，可选。该参数可指定返回的数组的最大长度 。如果设置了该...
阅读全文
“约见”面试官系列之常见面试题之第五十八篇之join和split（建议收藏）
摘要：join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split(a,b)方法：用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割 b不是必须的，可选。该参数可指定返回的数组的最大长度 。如果设置了该...
阅读全文
“约见”面试官系列之常见面试题之第五十七篇之强制类型转换（建议收藏）
摘要：JS的类型转换，强制转换和隐式转换 JS的类型转换 1.强制转换 通过String（），Number（），Boolean（）函数强制转换 var str=123; var str1='123'; console.log(typeof str); ...
阅读全文
“约见”面试官系列之常见面试题之第五十七篇之强制类型转换（建议收藏）
摘要：JS的类型转换，强制转换和隐式转换 JS的类型转换 1.强制转换 通过String（），Number（），Boolean（）函数强制转换 var str=123; var str1='123'; console.log(typeof str); ...
阅读全文
“约见”面试官系列之常见面试题之第五十七篇之强制类型转换（建议收藏）
摘要：JS的类型转换，强制转换和隐式转换 JS的类型转换 1.强制转换 通过String（），Number（），Boolean（）函数强制转换 var str=123; var str1='123'; console.log(typeof str); ...
阅读全文
“约见”面试官系列之常见面试题之第五十六篇之typeof返回的数据类型（建议收藏）
摘要：typeof 共返回6种数据格式： 1、object 2、undefined 3、string 4、number 5、boolean 6、function 特别注意Array和null返回的都是object function show() { ...
阅读全文
“约见”面试官系列之常见面试题之第五十三篇之网站的资源优化（建议收藏）
摘要：本面试题为前端常考面试题，后续有机会继续完善。我是歌谣，一个沉迷于故事的讲述者。 欢迎一起私信交流。 “睡服“面试官系列之各系列目录汇总（建议学习收藏）
阅读全文
“约见”面试官系列之常见面试题之第五十三篇之网站的资源优化（建议收藏）
摘要：本面试题为前端常考面试题，后续有机会继续完善。我是歌谣，一个沉迷于故事的讲述者。 欢迎一起私信交流。 “睡服“面试官系列之各系列目录汇总（建议学习收藏）
阅读全文
“约见”面试官系列之常见面试题之第五十三篇之网站的资源优化（建议收藏）
摘要：本面试题为前端常考面试题，后续有机会继续完善。我是歌谣，一个沉迷于故事的讲述者。 欢迎一起私信交流。 “睡服“面试官系列之各系列目录汇总（建议学习收藏）
阅读全文
“约见”面试官系列之常见面试题之第五十二篇之标准模式和怪异模式（建议收藏）
摘要：在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用...
阅读全文
“约见”面试官系列之常见面试题之第五十二篇之标准模式和怪异模式（建议收藏）
摘要：在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用...
阅读全文
“约见”面试官系列之常见面试题之第五十二篇之标准模式和怪异模式（建议收藏）
摘要：在标准模式页面按照HTML,CSS的定义渲染，而在怪异模式就是浏览器为了兼容很早之前针对旧版本浏览器设计，并未严格遵循W3C标准而产生的一种页面渲染模式。浏览器基于页面中文件类型描述的存在以决定采用哪种渲染模式，如果存在一个完整的DOCTYPE则浏览器将会采用...
阅读全文
“约见”面试官系列之常见面试题之第五十六篇之typeof返回的数据类型（建议收藏）
摘要：typeof 共返回6种数据格式： 1、object 2、undefined 3、string 4、number 5、boolean 6、function 特别注意Array和null返回的都是object function show() { ...
阅读全文
“约见”面试官系列之常见面试题之第五十六篇之typeof返回的数据类型（建议收藏）
摘要：typeof 共返回6种数据格式： 1、object 2、undefined 3、string 4、number 5、boolean 6、function 特别注意Array和null返回的都是object function show() { ...
阅读全文
“约见”面试官系列之常见面试题之第五十五篇之清除浮动的方法（建议收藏）
摘要：清除浮动的几种方法 标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒 子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之...
阅读全文
“约见”面试官系列之常见面试题之第五十五篇之清除浮动的方法（建议收藏）
摘要：清除浮动的几种方法 标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒 子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之...
阅读全文
“约见”面试官系列之常见面试题之第五十五篇之清除浮动的方法（建议收藏）
摘要：清除浮动的几种方法 标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒 子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之...
阅读全文
“约见”面试官系列之常见面试题之第五十四篇之语义化标签（建议收藏）
摘要：目录 什么是语义元素？ 为什么要语义化？ HTML5常用的语义元素 很多面试官会问：谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。 什么是语义元素？ 语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就...
阅读全文
“约见”面试官系列之常见面试题之第五十四篇之语义化标签（建议收藏）
摘要：目录 什么是语义元素？ 为什么要语义化？ HTML5常用的语义元素 很多面试官会问：谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。 什么是语义元素？ 语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就...
阅读全文
“约见”面试官系列之常见面试题之第五十四篇之语义化标签（建议收藏）
摘要：目录 什么是语义元素？ 为什么要语义化？ HTML5常用的语义元素 很多面试官会问：谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。 什么是语义元素？ 语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就...
阅读全文
“约见”面试官系列之常见面试题之第四十八篇之各个浏览器内核（建议收藏）
摘要：一.简单，明了，概括的介绍一下： 主流浏览器 浏览器内核 IE ...
阅读全文
“约见”面试官系列之常见面试题之第四十七篇之前端页面的组成（建议收藏）
摘要：最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。 网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含...
阅读全文
“约见”面试官系列之常见面试题之第四十七篇之前端页面的组成（建议收藏）
摘要：最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。 网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含...
阅读全文
“约见”面试官系列之常见面试题之第四十七篇之前端页面的组成（建议收藏）
摘要：最准确的网页设计思路是把网页分成三个层次，即：结构层、表示层、行为层。 网页的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含...
阅读全文
“约见”面试官系列之常见面试题之第五十一篇之CSS Sprites（建议收藏）
摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的...
阅读全文
“约见”面试官系列之常见面试题之第五十一篇之CSS Sprites（建议收藏）
摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的...
阅读全文
“约见”面试官系列之常见面试题之第五十一篇之CSS Sprites（建议收藏）
摘要：CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的...
阅读全文
“约见”面试官系列之常见面试题之第五十篇之title和alt的区别（建议收藏）
摘要：html中的title属性和alt属性让人有些混淆。 以前不知道有title这个属性，第一次用到它时，就和alt产生了混淆。 一位朋友告诉我说，alt是图片img标签里用的，title是超链接里用的， 当时想可能是这样的吧， 后来知道这是很...
阅读全文
“约见”面试官系列之常见面试题之第五十篇之title和alt的区别（建议收藏）
摘要：html中的title属性和alt属性让人有些混淆。 以前不知道有title这个属性，第一次用到它时，就和alt产生了混淆。 一位朋友告诉我说，alt是图片img标签里用的，title是超链接里用的， 当时想可能是这样的吧， 后来知道这是很...
阅读全文
“约见”面试官系列之常见面试题之第五十篇之title和alt的区别（建议收藏）
摘要：html中的title属性和alt属性让人有些混淆。 以前不知道有title这个属性，第一次用到它时，就和alt产生了混淆。 一位朋友告诉我说，alt是图片img标签里用的，title是超链接里用的， 当时想可能是这样的吧， 后来知道这是很...
阅读全文
“约见”面试官系列之常见面试题之第四十九篇之ie6bug的解决办法（建议收藏）
摘要：IE6浏览器的bug问题及相关解决的方法 1、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！ 解决方法：_display:inline; 2、扩展框问题 原因：无法将内容放...
阅读全文
“约见”面试官系列之常见面试题之第四十九篇之ie6bug的解决办法（建议收藏）
摘要：IE6浏览器的bug问题及相关解决的方法 1、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！ 解决方法：_display:inline; 2、扩展框问题 原因：无法将内容放...
阅读全文
“约见”面试官系列之常见面试题之第四十九篇之ie6bug的解决办法（建议收藏）
摘要：IE6浏览器的bug问题及相关解决的方法 1、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！ 解决方法：_display:inline; 2、扩展框问题 原因：无法将内容放...
阅读全文
“约见”面试官系列之常见面试题之第四十八篇之各个浏览器内核（建议收藏）
摘要：一.简单，明了，概括的介绍一下： 主流浏览器 浏览器内核 IE ...
阅读全文
“约见”面试官系列之常见面试题之第四十八篇之各个浏览器内核（建议收藏）
摘要：一.简单，明了，概括的介绍一下： 主流浏览器 浏览器内核 IE ...
阅读全文
“约见”面试官系列之常见面试题第四十三篇之页面输入url之后发生了什么？（建议收藏）
摘要：本文主旨：帮助自己理清页面输入url地址之后的一个整体流程 首先，用户第一次向服务器发送对应url地址请求，此时，客户端没有缓存 1.用户输入url通过DNS解析为对应的IP地址。 2.应用层：HTTP协议生成针对目标Web服务器的HTTP请求报文。 ...
阅读全文
“约见”面试官系列之常见面试题第四十三篇之页面输入url之后发生了什么？（建议收藏）
摘要：本文主旨：帮助自己理清页面输入url地址之后的一个整体流程 首先，用户第一次向服务器发送对应url地址请求，此时，客户端没有缓存 1.用户输入url通过DNS解析为对应的IP地址。 2.应用层：HTTP协议生成针对目标Web服务器的HTTP请求报文。 ...
阅读全文
“约见”面试官系列之常见面试题之第四十六篇web标准理解和认识（建议收藏）
摘要：web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现...
阅读全文
“约见”面试官系列之常见面试题之第四十六篇web标准理解和认识（建议收藏）
摘要：web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现...
阅读全文
“约见”面试官系列之常见面试题之第四十六篇web标准理解和认识（建议收藏）
摘要：web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现...
阅读全文
“约见”面试官系列之常见面试题之第四十五篇CSS优先级（建议收藏）
摘要：官方表述的CSS样式优先级如下： 通用选择器（*） 引入一个style.css样式： 在style.css样式中写入 *{width:100px}.img{width:400px;}img[alt="img"] {width:300px}img...
阅读全文
“约见”面试官系列之常见面试题之第四十五篇CSS优先级（建议收藏）
摘要：官方表述的CSS样式优先级如下： 通用选择器（*） 引入一个style.css样式： 在style.css样式中写入 *{width:100px}.img{width:400px;}img[alt="img"] {width:300px}img...
阅读全文
“约见”面试官系列之常见面试题之第四十五篇CSS优先级（建议收藏）
摘要：官方表述的CSS样式优先级如下： 通用选择器（*） 引入一个style.css样式： 在style.css样式中写入 *{width:100px}.img{width:400px;}img[alt="img"] {width:300px}img...
阅读全文
“约见”面试官系列之常见面试题第四十四篇之webpack打包原理解析？（建议收藏）
摘要：webpack打包是如何运行的 也可以称为，webpack是如何实现模块化的CommonJS是同步加载模块，一般用于node。因为node应用程序运行在服务器上，程序通过文件系统可以直接读取到各个模块的文件，特点是响应快速，不会因为同步而阻塞了程序的运行；AM...
阅读全文
“约见”面试官系列之常见面试题第四十四篇之webpack打包原理解析？（建议收藏）
摘要：webpack打包是如何运行的 也可以称为，webpack是如何实现模块化的CommonJS是同步加载模块，一般用于node。因为node应用程序运行在服务器上，程序通过文件系统可以直接读取到各个模块的文件，特点是响应快速，不会因为同步而阻塞了程序的运行；AM...
阅读全文
“约见”面试官系列之常见面试题第四十四篇之webpack打包原理解析？（建议收藏）
摘要：webpack打包是如何运行的 也可以称为，webpack是如何实现模块化的CommonJS是同步加载模块，一般用于node。因为node应用程序运行在服务器上，程序通过文件系统可以直接读取到各个模块的文件，特点是响应快速，不会因为同步而阻塞了程序的运行；AM...
阅读全文
“约见”面试官系列之常见面试题第四十三篇之页面输入url之后发生了什么？（建议收藏）
摘要：本文主旨：帮助自己理清页面输入url地址之后的一个整体流程 首先，用户第一次向服务器发送对应url地址请求，此时，客户端没有缓存 1.用户输入url通过DNS解析为对应的IP地址。 2.应用层：HTTP协议生成针对目标Web服务器的HTTP请求报文。 ...
阅读全文
“约见”面试官系列之常见面试题第四十二篇之原型和原型链（建议收藏）
摘要：原型和原型链的理解:(面试题) 原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并...
阅读全文
“约见”面试官系列之常见面试题第四十二篇之原型和原型链（建议收藏）
摘要：原型和原型链的理解:(面试题) 原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并...
阅读全文
“约见”面试官系列之常见面试题第四十二篇之原型和原型链（建议收藏）
摘要：原型和原型链的理解:(面试题) 原型：每个函数都有 prototype 属性，该属性指向原型对象；使用原型对象的好处是所有对象实例共享它所包含的属性和方法。原型链：主要解决了继承的问题；每个对象都拥有一个原型对象，通过__proto__ 指针指向其原型对象，并...
阅读全文
“约见”面试官系列之常见面试题第四十一篇之VUE生命周期（建议收藏）
摘要：详解Vue Lifecycle 先来看看VUE官网对VUE生命周期的介绍 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过...
阅读全文
“约见”面试官系列之常见面试题第四十一篇之VUE生命周期（建议收藏）
摘要：详解Vue Lifecycle 先来看看VUE官网对VUE生命周期的介绍 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过...
阅读全文
“约见”面试官系列之常见面试题第四十一篇之VUE生命周期（建议收藏）
摘要：详解Vue Lifecycle 先来看看VUE官网对VUE生命周期的介绍 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过...
阅读全文
“约见”面试官系列之常见面试题第四十篇之双向绑定以及实现原理（建议收藏）
摘要：目录 MVC模式 MVVM模式 双向绑定原理 1.实现一个Observer 2.实现一个Watcher 3.实现一个Compile 4.实现一个MVVM 最后写一个html测试一下我们的功能 MVC模式 MVC模式 以往的MVC模式是单向绑定，即Mode...
阅读全文
“约见”面试官系列之常见面试题第四十篇之双向绑定以及实现原理（建议收藏）
摘要：目录 MVC模式 MVVM模式 双向绑定原理 1.实现一个Observer 2.实现一个Watcher 3.实现一个Compile 4.实现一个MVVM 最后写一个html测试一下我们的功能 MVC模式 MVC模式 以往的MVC模式是单向绑定，即Mode...
阅读全文
“约见”面试官系列之常见面试题第四十篇之双向绑定以及实现原理（建议收藏）
摘要：目录 MVC模式 MVVM模式 双向绑定原理 1.实现一个Observer 2.实现一个Watcher 3.实现一个Compile 4.实现一个MVVM 最后写一个html测试一下我们的功能 MVC模式 MVC模式 以往的MVC模式是单向绑定，即Mode...
阅读全文
“约见”面试官系列之常见面试题第三十九篇之异步更新队列-$nextTick（建议收藏）
摘要：目录 一,前言 二,什么是异步更新队列 三,使用异步更新队列 四,结尾 一,前言 这一篇介绍有关异步更新队列的知识,通过异步更新队列的学习和研究能够更好的理解Vue的更新机制 二,什么是异步更新队列 先看一个例子: 测试文本(默认隐藏) 显...
阅读全文
“约见”面试官系列之常见面试题第三十九篇之异步更新队列-$nextTick（建议收藏）
摘要：目录 一,前言 二,什么是异步更新队列 三,使用异步更新队列 四,结尾 一,前言 这一篇介绍有关异步更新队列的知识,通过异步更新队列的学习和研究能够更好的理解Vue的更新机制 二,什么是异步更新队列 先看一个例子: 测试文本(默认隐藏) 显...
阅读全文
“约见”面试官系列之常见面试题第三十九篇之异步更新队列-$nextTick（建议收藏）
摘要：目录 一,前言 二,什么是异步更新队列 三,使用异步更新队列 四,结尾 一,前言 这一篇介绍有关异步更新队列的知识,通过异步更新队列的学习和研究能够更好的理解Vue的更新机制 二,什么是异步更新队列 先看一个例子: 测试文本(默认隐藏) 显...
阅读全文
“约见”面试官系列之常见面试题第三十八篇之js常见的继承方式（建议收藏）
摘要：1.原型链继承 核心： 将父类的实例作为子类的原型 将构造函数的原型设置为另一个构造函数的实例对象，这样就可以继承另一个原型对象的所有属性和方法，可以继续往上，最终形成原型链 父类 // 定义一个动物类function Animal (name) { // ...
阅读全文
“约见”面试官系列之常见面试题第三十八篇之js常见的继承方式（建议收藏）
摘要：1.原型链继承 核心： 将父类的实例作为子类的原型 将构造函数的原型设置为另一个构造函数的实例对象，这样就可以继承另一个原型对象的所有属性和方法，可以继续往上，最终形成原型链 父类 // 定义一个动物类function Animal (name) { // ...
阅读全文
“约见”面试官系列之常见面试题第三十八篇之js常见的继承方式（建议收藏）
摘要：1.原型链继承 核心： 将父类的实例作为子类的原型 将构造函数的原型设置为另一个构造函数的实例对象，这样就可以继承另一个原型对象的所有属性和方法，可以继续往上，最终形成原型链 父类 // 定义一个动物类function Animal (name) { // ...
阅读全文
“约见”面试官系列之常见面试题第三十四篇之事件冒泡、事件捕获、事件代理（建议收藏）
摘要：对于事件的传播机制，Netscape Communicator采用的是事件捕获(event capture)，IE9、Safari、Chrome、Opera和Firefox采用的是事件冒泡（event bubbling）,下面我们通过案例来具体理解，代码使用c...
阅读全文
“约见”面试官系列之常见面试题第三十七篇之CSS3新属性（建议收藏）
摘要：目录 CSS3 结构(位置)伪类选择器（CSS3) 目标伪类选择器(CSS3) 属性选择器(CSS3) 伪元素选择器（CSS3,重要) CSS3盒模型（重要） 颜色模式 盒子阴影（CSS3） 文本阴影text-shadow 渐变(放在background里用)...
阅读全文
“约见”面试官系列之常见面试题第三十七篇之CSS3新属性（建议收藏）
摘要：目录 CSS3 结构(位置)伪类选择器（CSS3) 目标伪类选择器(CSS3) 属性选择器(CSS3) 伪元素选择器（CSS3,重要) CSS3盒模型（重要） 颜色模式 盒子阴影（CSS3） 文本阴影text-shadow 渐变(放在background里用)...
阅读全文
“约见”面试官系列之常见面试题第三十七篇之CSS3新属性（建议收藏）
摘要：目录 CSS3 结构(位置)伪类选择器（CSS3) 目标伪类选择器(CSS3) 属性选择器(CSS3) 伪元素选择器（CSS3,重要) CSS3盒模型（重要） 颜色模式 盒子阴影（CSS3） 文本阴影text-shadow 渐变(放在background里用)...
阅读全文
“约见”面试官系列之常见面试题第三十六篇之CSS常见兼容性问题及解决方案（建议收藏）
摘要：CSS常见兼容性问题及解决方案： 1. 上下margin重合问题： 问题描述：相邻的margin-left和margin-right是不会重合的，但是相邻的块级元素margin-top 和margin-bottom会产生重合。 解决方案：统一设置margin-...
阅读全文
“约见”面试官系列之常见面试题第三十六篇之CSS常见兼容性问题及解决方案（建议收藏）
摘要：CSS常见兼容性问题及解决方案： 1. 上下margin重合问题： 问题描述：相邻的margin-left和margin-right是不会重合的，但是相邻的块级元素margin-top 和margin-bottom会产生重合。 解决方案：统一设置margin-...
阅读全文
“约见”面试官系列之常见面试题第三十六篇之CSS常见兼容性问题及解决方案（建议收藏）
摘要：CSS常见兼容性问题及解决方案： 1. 上下margin重合问题： 问题描述：相邻的margin-left和margin-right是不会重合的，但是相邻的块级元素margin-top 和margin-bottom会产生重合。 解决方案：统一设置margin-...
阅读全文
“约见”面试官系列之常见面试题第三十五篇之轮循机制（建议收藏）
摘要：目录 前言 任务队列 事件的概念 回调函数 事件轮询机制Event Loop: 结语 前言 有人称Event Loop为事件循环机制，而我更愿意将其解释为事件轮询机制，在之后的内容中你会感受到这一点的区别在哪里。说是事件轮询机制，我们也可以说是任务轮询机制，因...
阅读全文
“约见”面试官系列之常见面试题第三十五篇之轮循机制（建议收藏）
摘要：目录 前言 任务队列 事件的概念 回调函数 事件轮询机制Event Loop: 结语 前言 有人称Event Loop为事件循环机制，而我更愿意将其解释为事件轮询机制，在之后的内容中你会感受到这一点的区别在哪里。说是事件轮询机制，我们也可以说是任务轮询机制，因...
阅读全文
“约见”面试官系列之常见面试题第三十五篇之轮循机制（建议收藏）
摘要：目录 前言 任务队列 事件的概念 回调函数 事件轮询机制Event Loop: 结语 前言 有人称Event Loop为事件循环机制，而我更愿意将其解释为事件轮询机制，在之后的内容中你会感受到这一点的区别在哪里。说是事件轮询机制，我们也可以说是任务轮询机制，因...
阅读全文
“约见”面试官系列之常见面试题第三十四篇之事件冒泡、事件捕获、事件代理（建议收藏）
摘要：对于事件的传播机制，Netscape Communicator采用的是事件捕获(event capture)，IE9、Safari、Chrome、Opera和Firefox采用的是事件冒泡（event bubbling）,下面我们通过案例来具体理解，代码使用c...
阅读全文
“约见”面试官系列之常见面试题第三十篇之计算机操作系统进程和线程区别
摘要：下面是严谨的解释： 进程 进程是程序的一次执行过程，是一个动态概念，是程序在执行过程中分配和管理资源的基本单位，每一个进程都有一个自己的地址空间，至少有 5 种基本状态，它们是：初始态，执行态，等待状态，就绪状态，终止状态。 线程 线程是CPU调度和分派的基本...
阅读全文
“约见”面试官系列之常见面试题第二十九篇之Vue和React的区别
摘要：vue与react的不同之处是什么？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 vue与react，两者都为当下主流框架 相同之处在于： 使用 Virtual DOM 提供了响应式 (Reacti...
阅读全文
“约见”面试官系列之常见面试题第三十四篇之事件冒泡、事件捕获、事件代理（建议收藏）
摘要：对于事件的传播机制，Netscape Communicator采用的是事件捕获(event capture)，IE9、Safari、Chrome、Opera和Firefox采用的是事件冒泡（event bubbling）,下面我们通过案例来具体理解，代码使用c...
阅读全文
“约见”面试官系列之常见面试题第三十三篇之事件委托（建议收藏）
摘要：目录 概述 引入原因 具体写法 适用场景 概述 “事件处理程序过多”问题的解决方案就是事件委托，利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 事件冒泡：由接收事件的元素开始，向上逐渐传播。比如页面结构为document->html...
阅读全文
“约见”面试官系列之常见面试题第三十三篇之事件委托（建议收藏）
摘要：目录 概述 引入原因 具体写法 适用场景 概述 “事件处理程序过多”问题的解决方案就是事件委托，利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 事件冒泡：由接收事件的元素开始，向上逐渐传播。比如页面结构为document->html...
阅读全文
“约见”面试官系列之常见面试题第三十三篇之事件委托（建议收藏）
摘要：目录 概述 引入原因 具体写法 适用场景 概述 “事件处理程序过多”问题的解决方案就是事件委托，利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 事件冒泡：由接收事件的元素开始，向上逐渐传播。比如页面结构为document->html...
阅读全文
“约见”面试官系列之常见面试题第三十二篇之async和await（建议收藏）
摘要：一、async和await async和await的概念 1）async 函数是 Generator 函数的语法糖，使用 关键字 async 来表示，在函数内部使用 await 来表示异步 2）ES7 提出的async 函数，终于让 JavaScript 对...
阅读全文
“约见”面试官系列之常见面试题第三十二篇之async和await（建议收藏）
摘要：一、async和await async和await的概念 1）async 函数是 Generator 函数的语法糖，使用 关键字 async 来表示，在函数内部使用 await 来表示异步 2）ES7 提出的async 函数，终于让 JavaScript 对...
阅读全文
“约见”面试官系列之常见面试题第三十二篇之async和await（建议收藏）
摘要：一、async和await async和await的概念 1）async 函数是 Generator 函数的语法糖，使用 关键字 async 来表示，在函数内部使用 await 来表示异步 2）ES7 提出的async 函数，终于让 JavaScript 对...
阅读全文
“约见”面试官系列之常见面试题第三十一篇之vue-router得守卫（建议收藏）
摘要：目录 全局前置守卫 #全局解析守卫 #全局后置钩子 #路由独享的守卫 #组件内的守卫 #完整的导航解析流程 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ ...
阅读全文
“约见”面试官系列之常见面试题第三十一篇之vue-router得守卫（建议收藏）
摘要：目录 全局前置守卫 #全局解析守卫 #全局后置钩子 #路由独享的守卫 #组件内的守卫 #完整的导航解析流程 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ ...
阅读全文
“约见”面试官系列之常见面试题第三十一篇之vue-router得守卫（建议收藏）
摘要：目录 全局前置守卫 #全局解析守卫 #全局后置钩子 #路由独享的守卫 #组件内的守卫 #完整的导航解析流程 全局前置守卫 你可以使用 router.beforeEach 注册一个全局前置守卫： const router = new VueRouter({ ...
阅读全文
“约见”面试官系列之常见面试题第三十篇之计算机操作系统进程和线程区别
摘要：下面是严谨的解释： 进程 进程是程序的一次执行过程，是一个动态概念，是程序在执行过程中分配和管理资源的基本单位，每一个进程都有一个自己的地址空间，至少有 5 种基本状态，它们是：初始态，执行态，等待状态，就绪状态，终止状态。 线程 线程是CPU调度和分派的基本...
阅读全文
“约见”面试官系列之常见面试题第三十篇之计算机操作系统进程和线程区别
摘要：下面是严谨的解释： 进程 进程是程序的一次执行过程，是一个动态概念，是程序在执行过程中分配和管理资源的基本单位，每一个进程都有一个自己的地址空间，至少有 5 种基本状态，它们是：初始态，执行态，等待状态，就绪状态，终止状态。 线程 线程是CPU调度和分派的基本...
阅读全文
“约见”面试官系列之常见面试题第二十五篇之对vue-router的理解（建议收藏）
摘要：先整体展示下vue-router使用方式，请牢记一下几步哦！ import Vue from 'vue'import VueRouter from 'vue-router' //注册插件 如果是在浏览器环境运行的，可以不写该方法 Vue.use(VueR...
阅读全文
“约见”面试官系列之常见面试题第二十五篇之对vue-router的理解（建议收藏）
摘要：先整体展示下vue-router使用方式，请牢记一下几步哦！ import Vue from 'vue'import VueRouter from 'vue-router' //注册插件 如果是在浏览器环境运行的，可以不写该方法 Vue.use(VueR...
阅读全文
“约见”面试官系列之常见面试题第二十九篇之Vue和React的区别
摘要：vue与react的不同之处是什么？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 vue与react，两者都为当下主流框架 相同之处在于： 使用 Virtual DOM 提供了响应式 (Reacti...
阅读全文
浙公网安备 33010602011771号