<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[dexing07的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/dexing07</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; dexing07]]></copyright><item><title><![CDATA[vue2.0 是如何实现响应式的？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/128859373</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/128859373</guid><author>dexing07</author><pubDate>Fri, 03 Feb 2023 00:15:37 +0800</pubDate><description><![CDATA[简述：类似于读者-书店-图书 的关系，读者通过书店提供的订阅信息找到图书，图书发生改变，书店也会触发监听给书店，让读者知道图书改变的信息。方法，最后实际上是调用watcher的回调函数cb，进而更新视图。的某个对象值变化后，触发subs中观察它的watcher执行。中模板编译过程中的指令或者数据绑定都会实例化一个。依赖收集的结果：1、data在。时闭包的dep实例的subs添加观察它的。实例，实例化过程中会触发。的deps中添加观察对象。]]></description><category></category></item><item><title><![CDATA[什么BFC?它解决了什么问题？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/128855594</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/128855594</guid><author>dexing07</author><pubDate>Thu, 02 Feb 2023 19:26:33 +0800</pubDate><description><![CDATA[BFC 可以阻止元素被浮动元素覆盖,实现两边布局，块级元素使用overlfow: hidden 避免覆盖。简单理解：BFC 就是CSS 的块级作用域，让块空间里面的元素不会影响外部的布局。BFC 可以清除浮动，解决float 脱离文档流。BFC 同一个下外边距会发生折叠。BFC 全程： 快格式化上下文。]]></description><category></category></item><item><title><![CDATA[原型链是什么]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/128855473</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/128855473</guid><author>dexing07</author><pubDate>Thu, 02 Feb 2023 18:42:55 +0800</pubDate><description><![CDATA[每个对象都可以有一个原型__proto__，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找。这个操作被委托在整个原型链上，这个就是我们说的原型链。]]></description><category></category></item><item><title><![CDATA[闭包是什么]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/128850705</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/128850705</guid><author>dexing07</author><pubDate>Thu, 02 Feb 2023 15:03:57 +0800</pubDate><description><![CDATA[闭包指的是那些引用了另一个函数作用域中变量的函数，通常是在嵌套函数中实现的。]]></description><category></category></item><item><title><![CDATA[重绘和重排是什么]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/126827092</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/126827092</guid><author>dexing07</author><pubDate>Tue, 13 Sep 2022 09:30:38 +0800</pubDate><description><![CDATA[，浏览器需要重新计算元素的几何属性，将其安放在界面中正确位置，这个过程叫做。当 DOM 的变化影响了元素的几何信息（DOM 对象的位置和尺寸大小，即。，重新把元素外观绘制出来的过程叫做。当元素（节点）的外观发生改变，但。]]></description><category></category></item><item><title><![CDATA[es6 const 是否可修改对象？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/108715936</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/108715936</guid><author>dexing07</author><pubDate>Mon, 21 Sep 2020 18:45:18 +0800</pubDate><description><![CDATA[《深入理解es6》

es6 声明不允许修改绑定，但允许修改值。
这就意味着用const 声明对象后，可以修改对象的属性值。


]]></description><category></category></item><item><title><![CDATA[2020前端面试经历 - 笔试 9/2]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/108368286</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/108368286</guid><author>dexing07</author><pubDate>Fri, 04 Sep 2020 01:23:34 +0800</pubDate><description><![CDATA[面试  深圳某港资金融企业 （未）
笔试

Watch and computed使用场景

watch:  用于记录data 数据变化的过程，因为每个数据都有可能在计算中频繁改变，但是只用于读取和写入无法实时记录和处理数据变化过程，而且针对复杂结构的数据，它还能用「deep」属性针对性处理；有前后值对比可以更方便解决数据变化过程。
computed:  有点像 methods 但是它有缓存计算功能，当computed 内部依赖的其他变量，或者存在复杂数据处理的时候，并且对数据维护比较麻烦的时候，需要用到它
]]></description><category></category></item><item><title><![CDATA[iphone IOS box-shadow 属性无法使用]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/107414999</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/107414999</guid><author>dexing07</author><pubDate>Fri, 17 Jul 2020 18:23:54 +0800</pubDate><description><![CDATA[这是stackoverflow 上面的一个原话。




尝试使用 -webkit-appearance: none; 
 
IOS让表单搞得一团糟

https://stackoverflow.com/questions/10757146/iphone-ios-will-not-display-box-shadow-properly
]]></description><category></category></item><item><title><![CDATA[promise reject 状态]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/105403856</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/105403856</guid><author>dexing07</author><pubDate>Thu, 09 Apr 2020 09:59:32 +0800</pubDate><description><![CDATA[promise
reject 其实是一种状态 作为then 的第二个参数进行传递
或者在 catch中使用
当then第二个参数存在时，优先使用第二个参数而不是用catch
相当于有选择性地进行回调

...]]></description><category></category></item><item><title><![CDATA[vue.js 里面，什么是虚拟DOM?]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/101630804</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/101630804</guid><author>dexing07</author><pubDate>Sat, 28 Sep 2019 18:55:24 +0800</pubDate><description><![CDATA[Vuejs 将DOM 抽象成一个以JavaScript 对象为节点的虚拟DOM树,以VNode节点模拟真实的DOM，可以对这颗抽象树进行创建节点,删除节点以及修改节点的操作, 经过diff算法得出一些需要修改的最小单位,再更新视图,大大提高了性能.
...]]></description><category></category></item><item><title><![CDATA[vue 是怎么实现数据响应的]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/101630761</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/101630761</guid><author>dexing07</author><pubDate>Sat, 28 Sep 2019 18:54:54 +0800</pubDate><description><![CDATA[简述：Vuejs 的响应式依赖于Object.defineProprtry,通过监听对象属性 的setter/getter 的变化,通过getter 进行依赖收集,而setter相当于观察者,数据产生变化的时候通知「订阅者」更新视图
...]]></description><category></category></item><item><title><![CDATA[vue data 为什么需要函数return？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/96112659</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/96112659</guid><author>dexing07</author><pubDate>Tue, 16 Jul 2019 10:53:27 +0800</pubDate><description><![CDATA[JS中的实例是通过构造函数来创建的，每个构造函数可以new出很多个实例，那么每个实例都会继承原型上的方法或属性。

vue的data数据其实是vue原型上的属性，数据存在于内存当中

vue为了保证每个实例上的data数据的独立性，规定了必须使用函数，而不是对象。

因为使用对象的话，每个实例（组件）上使用的data数据是相互影响的，这当然就不是我们想要的了。对象是对于内存地址的引用，直接定义个对...]]></description><category></category></item><item><title><![CDATA[如何构建小中型vue前端项目？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/95469478</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/95469478</guid><author>dexing07</author><pubDate>Thu, 11 Jul 2019 13:22:52 +0800</pubDate><description><![CDATA[以vue项目为例:
1.搭建好项目的脚手架

vue-cli 脚手架
可以根据脚手架定制自己所需要的功能(优化)

调整测试环境和线上环境区别
提高代码质量和规范
加快打包和测试速度
数据模拟mock



2.定义好项目的目录结构

归类业务代码的结构分清模块
代码避免耦合可拓展,模块之间保持明显的界限,方便拓展
规范和定义好团队的代码风格,并且在编辑器中做好拓展
部分静态资源应放置至CDN,或...]]></description><category></category></item><item><title><![CDATA[如何判断空字符串/null/undefined或者 有误字段?]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/90221358</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/90221358</guid><author>dexing07</author><pubDate>Wed, 15 May 2019 00:42:09 +0800</pubDate><description><![CDATA[如果你想判断是否为「有效值」

你可以用


if(value){

}

这样将会过滤掉:

- null

- undefined

- NaN

- empty (string) ''

-0

- false

---------

然后你可以用来判断 空字符串 / null / undefined的方法


function isEmpty(str) {
    return (!s...]]></description><category></category></item><item><title><![CDATA[JavaScript中的字符串如何找出子字符串？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/89223572</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/89223572</guid><author>dexing07</author><pubDate>Fri, 12 Apr 2019 00:50:49 +0800</pubDate><description><![CDATA[这里分享几种方案:

采用ES6 includes 方法
用法: str.includes(searchString, position)
searchString: 需要搜索的字符串
position: 从哪个接口索引开始搜索子字符串

var str = 'abc'
var select =  'a'
str.includes(select,0)  // true

注意:

兼容性不好
IE...]]></description><category></category></item><item><title><![CDATA[什么是JavaScirpt 函数抖动，节流？]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/89072115</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/89072115</guid><author>dexing07</author><pubDate>Sun, 07 Apr 2019 17:21:27 +0800</pubDate><description><![CDATA[解决的问题: 在资源有限的前提下，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃,为处理通常出现场景：onresize，scroll，mousemove ,mousehover等事件回调函数的无间断执行。
基本思想:
某些代码不可以在没有间断的情况下连续重复执行，降低产生回调的频率
下面模拟的 resize 窗口变动的事件
函数抖动:
什么要用函数抖动？
函数防抖: 防止函数...]]></description><category></category></item><item><title><![CDATA[javaScript 双感叹号用法]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/82937766</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/82937766</guid><author>dexing07</author><pubDate>Thu, 04 Oct 2018 15:27:18 +0800</pubDate><description><![CDATA[在偶尔看源码的过程中。

看到有些判断的用法是：


var a;
if(!!a){
    console.log('打印')

}

为什么要用两个感叹号(❕)呢？

因为js 是弱类型，单纯用一个! 感叹号去转义可能会发生不必要的错误

这是知乎上的某个比较好的总结

双感叹号才能真正的将他转换成对应的Boolean值，第一个感叹号是将其转化成Boolean类型的值，但是这一操作得到的是其取...]]></description><category></category></item><item><title><![CDATA[vuejs组件通信的eventHub(巴士）]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/82631252</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/82631252</guid><author>dexing07</author><pubDate>Tue, 11 Sep 2018 19:58:46 +0800</pubDate><description><![CDATA[eventHub以我理解，他有点像vuex

eventHub是什么？

但是又是缩小版的，可以说是乞丐版，因为他所操作的东西并不多。

但是作为组件之间的通信已经足够了，因为你用vuex不得不引用vuex 

而且你还需要做不少的配置，在大型或者中型项目处理起来十分方便。

但是一两个组件之间传递数据，或者组件比较少的情况下还要这样操作，需要一个备用方案。

 

eventHub如何使用？

...]]></description><category></category></item><item><title><![CDATA[利用sass制作的纯CSS的loading 特效 ]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/80685160</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/80685160</guid><author>dexing07</author><pubDate>Wed, 13 Jun 2018 21:06:53 +0800</pubDate><description><![CDATA[参考了部分网上的 loading 动画，大多以圆形为主，想写一些方块的变化一下想模仿一下，自己写一些方块的加载动画，有利用 9 方块的，4 方块的也有。暂时只做了 12 个，可能比较基础。如果有好的建议，欢迎给我留言哈。这是项目地址： https://github.com/MontageD/box]]></description><category></category></item><item><title><![CDATA[手机浏览器下better-scroll中click事件,链接无效的问题]]></title><link>https://blog.youkuaiyun.com/dexing07/article/details/79487344</link><guid>https://blog.youkuaiyun.com/dexing07/article/details/79487344</guid><author>dexing07</author><pubDate>Thu, 08 Mar 2018 17:22:36 +0800</pubDate><description><![CDATA[现在大多数vuejs . 项目都使用better-scroll但是大多数出现一个问题，就是在大的div里面的a 链接或者click事件都不用了这是 html  部分 <div ref="wrapper" class="list-wrapper">
      <div class="setting-list" ref="setting" >
        <div class="setting-l]]></description><category></category></item></channel></rss>