谁住在深海的大包络里

大家好，我是寒草，一个正式工作一周年的北漂前端工程师，在这里和大家分享我的心路历程，和一年以来的经验之谈，希望对大家有帮助。本文既是分享，也是纪念，字字肺腑，献给风华正茂的我们。

这里显示的是传递进来的HTML标签，并没有进行渲染。 这样做的缺点首先是需要在外面写一个<div>盒子进行包裹。其次，若content内容较多时，比较难阅读。 作用：将父组件前后标签中的HTML文件渲染插入模板中使用。 接下来我们使用插槽来实现同样的功能。 顾名思义，插槽就是将…

.stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 .capture - 添加事件侦听器时使用 capture 模式。 .self - 只当事件是从侦听器绑定的元素本身触发时才触发回…

我们知道 console.log(message)用法很简单，表示将参数message 打印到控制台上。 本文主要介绍5个有用的技巧，可帮助你在使用console.log()时提高工作效率。 1. 打印全名变量 如果在控制台打印多个变量，是数量比较多的情况下，我们很难区别哪个变…

我们已经知道，从父组件向子组件传值可以通过在子组件中添加props实现，而子组件向父组件传值主要通过向外触发函数。 当我们的页面采用三层嵌套，颜色由浅到深并对应图中1，2，3。 那么如果我们想沿着蓝色的线传递值，是否需要将值从1-> 2-> 3这样;如果我们想沿着紫色的线传递值…

TODOList：输入框中输入一段文字，点击提交按钮后提交至下方无序列表。 这时，在输入框中输入的字符（数据），也会响应到实例中data.inputVal的数据。 model层用于存储数据（js），view层用于显示数据（html，css）。 将页面切分多个部分，每个部分可以称…

由于max-width限制了第二段的最大宽度，只能接受比他小的值，所以对整个<p>标签400px的宽度设置，对他不起作用。 由于min-width限制第三段的最小宽度，只能接受比他大的值，所以对整个<p>标签400px的宽度设置，对他产生效果。 由于min-width限制第三段…

在CSS引用中，注释不使用<!--注释内容-->,而是/*注释内容*/，与C语言类似。 2. 通过类选择器为有class属性的元素设置CSS样式 切记，一定要在class名前加“ . ” 1. a:hover（悬停）必须放置在a:link（未访问）和a:visited（已访问）…

例如左对齐：<p align="left"> ... </p> 或者使用预格式标签<pre> ... </pre>即可使最终网页显示效果与编译器显示效果相同