晚风💫

一月p1 烫了个满意的发型p2 买了个小金戒指p3 新年第一顿椰子鸡p4-p12随便逛一逛p13-14 公司发的年货，还不错欸p15-p18 不停的吃 二月吃吃喝喝玩玩，平平无奇的二月p6 离职回家咯

一大波图片来袭在公司的最后一个月靠窗的位置风景不错，还能晒到太阳，最后的日落，相机拍不出他的美 一些吃的每周一次的出去改善伙食 一些玩的橘子洲人超多的。娃娃好好看，可是抓不到。期望有一天能挂出大奖。最后买了好利来，回家啦。 游戏纪念一下二月的一个五杀 一些好看的图片最后分享一些好看的图片把

Vue双向数据绑定的原理Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤： 需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter，当给这个对象的某个值赋值，就会触发setter，那么就能监听到了数据变化 compile解析模版指令，将模版中的变量替换成数据，然后初始化渲染页面视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动，收到通知，更新视图 Watcher订阅者是Observer和Compile之间通信的桥梁，在自身实例化时往属性订阅器里面添加自己，自身必须有一个update()方法，待属性变动dep.notice()通知时，能调用自身的update()方法，并触发Compile中绑定的回调。 MVVM作为数据绑定的入口，整合Observer、Compile和Watcher三者，通过Observer来监听自己的model数据变化，通过Co ...

JavaScript的数据类型有哪些JavaScript共有八大数据类型，分别是：Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 数据类型检测的方法有哪些 typeof 12345678console.log(typeof 1); // numberconsole.log(typeof true); // booleanconsole.log(typeof 'str'); // stringconsole.log(typeof function(){}); // functionconsole.log(typeof undefined); // undefinedconsole.log(typeof []); // objectconsole.log(typeof {}); // objectconsole.log(ty ...

效果预览 步骤1、在BlogRoot/node_modules/hexo-theme-butterfly/layout/includes/layout.pug文件最后加上如下代码。123456#sakana-widget(style='position:fixed;bottom:10px;right:10px;')script. function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); }script(async='' onload='initSakanaWidget()' src='https://cdjsdelivr.net/npm/sakana-widget@2.2.1/lib/sakana.min.js')修改bottom和right的值可以自定义插件的位置2、最后重新编译下就可以看到效果1hexo cl; hexo g; hexo s GitHub地址最后附上插件 ...

flexflex-grow flex-shrink flex-basis flex-grow:定义放大比例，默认为0，规定项目相对于其他灵活的项目进行扩展的量 flex-shrink: 定义了项目的缩小比例，仅在宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值，默认为1 flex-basis:给上面两个属性分配多余空间之前, 计算项目是否有多余空间, 默认值为 auto, 即项目本身的大小 position position：static 默认值，没有定位，元素出现在正常的流中； position：fixed 固定定位，是相对于浏览器窗口来进行定位； position：relative 相对定位，相对于其本身正常位置来进行定位，它原本所占的空间仍保留； position：absolute 绝对定位，相对于定位方式不是static的第一个父元素进行定位（可以是absolute/relative/fixed等）往上寻找参照元素，一直到根元素为止，即body。 隐藏元素的方法有哪些 display: none：渲染树不会包含该渲染对象，不会在页面中占 ...

常用的浏览器内核 IE：trident内核 Firefox：gecko内核 Safari：webkit内核 Opera：以前是presto内核，现已改用Google Chrome的Blink内核 Chrome：Blink DOCTYPEDoctype是HTML5的文档声明，它可以告诉浏览器，使用哪一个HTML版本标准解析文档。浏览器渲染有两种模式（可通过document.compatMode获取） CSS1Compat：标准模式，默认模式，浏览器使用W3C的标准解析渲染页面。 BackCompat：怪异模式，浏览器将开启最大兼容模式来解析网页，这样不仅会降低解析效率，还会在解析过程中产生难以预知的bug。 html语义化语义化是指根据内容的结构化，选择合适的标签（用正确的标签做正确的事）优点： 有利于SEO 可读性强，有利于开发和维护 常见的语义化标签1234567<header></header> 头部<nav></nav> 导航栏<section></section> 区块（有语义化的div）& ...

bc125fbb5ec126b2dca871bbd909d7253444f7bacf6fc0f985da7a317ee13751948705d1ef3c8146167c6eae7ce15208775ebfe446c1754d435b5706eb4be91b 需要密码才能看哦.

当我真正开始爱自己，我睡得越来越早，也越来越喜欢锻炼。我不再纠结和焦虑，变得自信满满，去追求有意义的人和事，并为之燃烧自己的热情。我发现，人生才真正开始。 新的一年，好好努力!