zhangxin's Blog

摘要： 使用二维码预览，开发者工具在打包的时候会把错误信息抛出来，注意看报错信息。 阅读全文

摘要： 我们知道在Vue中是通过Object.defineProperty()来实现数据的响应式，因为它可以很好的监听数据的修改（setter，getter）。 但是对于数组这一数据类型较为特殊，它只能监听到数组本身的变化，而对于数组内的元素变化是无法监听到的，也就是无法实现响应式： 由于 JavaScri 阅读全文

摘要： Vue 的数据流本质上是单向数据流，而我们平时说的双向数据绑定，只是Vue的一个语法糖，也就是说，Vue在数据流方面既可以实现单向数据流也可以实现双向数据绑定。 双向数据绑定实现原理： <input type="text" :value="content" @input="onInput"> <sc 阅读全文

摘要： Part 1 Arguments对象是一个类数组对象，用来表示传递给JS方法的参数： function testArgs(a,b,c){ console.log(arguments[0]); //expected output:1 console.log(arguments[1]); //expec 阅读全文

摘要： 以NodeList对象为例展开： NodeList是由一些元素节点组成的一个集合，比如我们通过document.getElementByTagName()或document.querySelectorAll()方法，又或者Node.childNodes属性返回而获得的。 它是一个典型的类数组对象，具 阅读全文

摘要： 当在JS方法中我们不能确定参数数量的情况时 用来表示这些参数： function sum(...theArgs) { return theArgs.reduce((previous,current) => { return previous + current } ); } console.log( 阅读全文

摘要： 在开发项目的过程中，经常会遇到需要去更改组件原本的样式的情况，这个时候/deep/会帮我们解决一些我们选择不到的样式修改问题，但是我发现，如果只是修改一个“最外层元素”也就是我们认为不需要前面再有其他的父元素的限制情况下，会写出这样的代码： 每次保存后虽然没有明显的错误提示，但是小红线对于强迫症患者 阅读全文

摘要： 最近参与到公司的一个使用vue+mand-mobile开发的项目中，遇到了一个需要修改mand-mobile封装好的样式的问题，下拉菜单（drop-menu）总是会从它设置的一个顶部滑下来，也就是slidedown下来，但是我们只是需要它渐入渐出就可以了，所以在Chrome控制台中改变任何样式都不起 阅读全文

摘要： 当input的type设置为number的时候，max-length失效 此时max和min是number所支持的 ，也就是最大值和最小值 所以我们可以通过设置 <input type="number" type="number" max="999" /> 来控制我们最多只能输入三位数的数字； 网上 阅读全文

摘要： <el-input v-model="yourModelName" :min="0" :onkeyup="(yourModelName = yourModelName.replace(/\D|^-/g,''))" type="number" /> 阅读全文