健身三年的前端小白-CSDN博客

原创 flex布局保姆级入门教程

1.flex布局与传统布局1.传统布局：兼容性好，布局繁琐，有一定局限性，不能再移动端良好布局2.flex弹性布局：布局简单，移动端应用广泛。PC端浏览器支持情况较差2.flex布局原理1.flex是flexible Box的缩写，意味“弹性布局”，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设定flex布局以后，子元素的float,clear和vertical-align属性将失效2.采用flex布局的元素称为Flex容器，它的所有子元素自动成为容器成员，

2021-04-19 11:07:32 467

原创 JS原型从0到深理解

JS原型与原型链原型1.什么是原型？究竟是个啥玩意。我giao，查来查去发现，原型其实是原型对象的简称。我们创建的每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象（这个对象就是该函数的原型对象）。打个比方，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象，简称函数的原型。这个原型对象B 默

2021-04-01 17:51:06 172

原创 JS异步编程之回调函数

在昨天的腾讯前端实习生一面中，也被问到了这个问题，当时回答的并不是很好。在此重新总结一下。在开始之前我们需要了解几个概念：进程，线程，多线程。什么是进程：简单来说就是一段程序的执行过程。大学操作系统中应该提过，进程是是系统进行资源分配和调度的基本单位,他可以拥有多个线程。什么是线程：线程是操作系统能够进行运算调度的最小单位。它被包含在进程之中，是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制流。什么是多线程：线程是操作系统能够进行运算调度的最小单位，它被包含在进程之中，是进程中的实际

2021-03-28 12:20:04 1066 2

原创 2021腾讯web前端暑期实习生一面/腾讯面经

啊啊啊啊啊啊，心里一万只草泥马奔腾而过，到现在还久久不能平静。北京时间2021年3月27号，刚刚结束腾讯web前端暑期一面。人生第一次面试，献给了合作多年的腾讯（会员充值，游戏充值等合作），面试是线上面试，通过腾讯会议进行。面试开始前的一整天都处于紧张状态，毕竟咱也没面试过，也没怎么准备，就抱着刷刷经验的态度。咱也不知道我那破简历咋能过的。下午14：30我就进入电脑腾讯会议室等待了，15：00整面试官准时出现，我一下就精神了，我赶紧打招呼说面试官你好。面试官语气相当温柔也跟我打招呼。然后他打开摄像头，咦

2021-03-27 16:44:23 3607 6

原创 HTML+CSS+计算机网络前端面试题总结

1.XML和HTML有什么不同一、基础语言不同1、XHTML是基于可扩展标记语言（XML）。2、HTML是基于标准通用标记语言（SGML）。（HTML最大的特点是简单性和跨平台性）二、语法严格程度不同1、XHTML语法比较严格，存在DTD定义规则。2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。三、可混合应用不同1、XHTML可以混合各种XML应用，比如MathML、SVG。2、HTML不能混合其它XML应用。四、大小写敏感度不同1、XHTML对大小写敏感，标准的XHT

2021-03-25 20:53:05 413 6

原创 Vue路由懒加载浅析

Vue路由懒加载浅析首先，如果不采用路由的懒加载方式，那么我们将项目进行打包后会发现dist文件夹下的static>js文件夹中会有三个js文件。分别是app.js /mainfest.js/ vendor.js。分别存放的是业务代码，底层支撑以及第三方应用。通常来说当我们打包构建应用时，Javascript包会变得非常大，影响页面加载。而当我们把不同路由对应的组件分成不同的代码块，当路由被访问时才加载相关的组件，这样就能够避免一次加载过多所带来的的加载时间过长的问题。这也就是所谓的懒加载。懒

2021-03-25 15:22:00 398 4

原创 runtimecompiler和runtimeonly的区别

Runtime-Compiler和Runtimel-only的区别大家在使用vue-cli创建项目时，其中有一个重要的选项是这样的：那么这两者有何区别呢？我分别创建了两个项目来进行对比会发现，两者创建的项目只有main.js中的内容存在细微差别：我们会发现，我们较为熟悉的应该是左边这一种，也就是Runtime-Compiler创建方式。其中包含我们熟悉的template模班以及componts注册事件。分析这两者的区别就需要我们深入剖析一下两者的vue模板是如何最终渲染成我们所看到的UI界面。

2021-03-24 10:58:17 317 8

原创 Webpack中使用css配置问题（ Can‘t resolve ‘style-loader‘）

webpack使用css配置问题ERROR in ./src/main.jsModule not found: Error: Can’t resolve ‘style-loader’ in ‘D:\WEB前端\webpack\01-webpack的使用\03-webpack的loader’@ ./src/main.js 6:0-27奶奶个腿的，一个小破问题搞了我一上午，网上各自墨迹也没解决我的问题，气的我脑瓜子嗡嗡的。报错如上。当你运行npm run build指令就报这个错误，那么就看我这篇就行

2021-03-22 11:12:24 3337 9

原创深入解析Vue父子组件通信 -双向数据绑定问题

父子组件通信小结以及双向数据绑定问题1.先扯个淡学习了一天的Vue组件化开发,脑瓜子嗡嗡的。遇事不要慌，先去吃个快餐。吃饱才有力气扯淡，程序员还是应该以身体为重。鄙人健身三年，有喜欢运动的小伙伴欢迎私聊深入交流一下。2.步入正题，有这样一个需求：1.子组件可以获取父组件的data数据2.子组件中的输入框可以修改获取到的data数据3.子组件在修改获取到的数据同时放过来改变父组件的data数据3.实现过程1.首先子组件获取父组件的data数据相信大家一定不陌生，只需要通过props自定义属性即

2021-03-19 12:02:19 396 6

原创 ES6高阶函数Filter,Map,Reduce

ES6高阶函数Filter,Map,Reducefilter方法定义：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter不会对空数组进行检测注意：filter不会改变原数组const nums=[15,26,87,44,22];let new_nums=[];function checknums(nums) { return nums >= 25;};new_nums = nums.filter(checknums

2021-03-17 20:11:20 237

原创 VUE初体验问题汇总计算属性问题computed和methods方法

VUE初体验计算属性问题Vue computed计算属性Vue computed计算属性1.关于computed属性，我认为最重要的问题在于他和methods的区别，菜鸟教程中给出相关的主要区别是：我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。2.直接看这段话可能理解不会那么快，下面我们看一下代码实例：有这样一个需求，将d

2021-03-17 09:26:55 291 4

原创 v-bind动态绑定style问题

VUE Day2 v-bind动态绑定v-bind动态绑定style[对象语法]v-bind动态绑定style[对象语法]1.v-bind动态绑定style的标准语法是这样的<h2 :style="{key(属性名):value(属性值)}">{{message}}</h2>根据这个语法我尝试的敲了第一个代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset=

2021-03-16 20:46:52 1020 1

原创 VUE初体验问题汇总

VUE从零开始，日常学习问题分享个人介绍VUE初体验第二天1.VScode配置Vue模板问题2.显示{{message}}问题个人介绍CSDN的小伙伴们大家好，在下是一位东北前端小萌新，日常分享学习中的问题总结，可能有点东北大碴子味，希望遇到志同道合的小伙伴一起学习，也欢迎大佬评论点评，笔芯！VUE初体验第二天由于第一天学习并没有准备写博文，所以直接从Day2开始啦。好了，废话不多扯，开始上今天的学习遇到的问题。1.VScode配置Vue模板问题1.刚开始学习vue，很多同学应该都会遇到这样重复

2021-03-16 11:31:14 213

qq_43440751的博客