首先，html页面代码结构如下<div id="container"><div id="center"></div><div id="left"></div><div id="right"></div></div>首先设置容器css样式#conta...

今天发现一个post请求的小坑。在上一篇博文中，我用原生ajax发送了一个post请求，Content-Type设置成了一个application/x-www-form-urlencoded。服务器端设置如下server.post('/',(req,res)=>{res.header('Access-Control-Allow-Origin','*')re...

作用：可以高效渲染虚拟DOM树。使用V-for更新已渲染的元素列表时，默认采取的方法是就地更新我在这里打个栗子。我想把F元素插入到A B C D E中。你以为他是这么插的。其实他是这么插的第一个原来是A，更新之后还是A，所以就不变，第二个是B，更新之后还是B，所以还是不变，第三个是C，更新之后变成了F。变了所以第三个C变成了F。然后后面的都变化了。效率很低...

小程序和Vue Axios一直是从本地拿的假数据，很没有逼格，今天把前后端搭了起来。直接从服务器拿数据，虽然也是假数据前端代码入戏function sendAjax(url){return new Promise(resolve => {let xhr =new XMLHttpRequest()xhr.open...

Vue官方文档对单向数据流有着如下定义官网中说，在子组件中直接操作props会发出警告。实例如下let btn =Vue.component('button-counter', {data: function () {return {count: 0}},...

如果我们想根据用户的权限来设置一个列表是否渲染。代码如下<div v-for='(item) in arrList' :key='item.id' v-if='userRank'>操作和实现起来都没有什么问题。但是会带来不必要的性能消耗。Vue官方文档如是写道。这句话代表着，当v-if和v-for同时出现。渲染函数会先执行到v-for。我们的本意是根据用户权限来控制是否显示一个列表。但

众所周知,在Vue中使用列表渲染需要加上key值作为每一个子元素的唯一索引。至于为什么是众所周知，请移步我另一篇文章https://blog.csdn.net/qq_38280242/article/details/102992064原来这样使用没有问题，当我给列表渲染组件加上了动画效果时出现了如下报错Do not use v-for吧啦吧啦全身变。查阅资料报错的意思是：在&l...

面试官问过我一个问题：你知不知道Vue不能监听到数组或者对象属性值的变化，有什么解决办法？其实后来查出原理我都懂，还是挂在自己理解不深刻，脑海里没有一套完整的知识体系吧。如果当时面试官把问题分成两个来问我一：Vue的双向绑定原理答：利用数据劫持和发布者-订阅者模式监听数据值的变化，并且利用Object.defineproperty来重新定义对象的Get和Set方法。二：那Vue...

textureLoader无法加载图片three.js的坑真的不是一般的多，关键是使用者还少，面向百度谷歌编程根本搜不到类似案例。博主在使用three.js中的textureloader，加载本地图片失败，加载网络图片跨域错误。基本无解。搜索之后发现一篇神文解决方案注：源码行数因版本不同会有不同，尽量搜索有关textureloader的关键字来查找，比如THREE.TextureLoader.pr

react在更新组件的时候，会递归的更新当前组件和它所有的子组件，但是很多时候，更新它的子组件是没有必要的，所以在之前我们可以通过在react.shouldComponentUpdate中返回false去避免不必要的更新，react的pureComponent字面意思就是纯组件，本质就是官方实现了shouldComponentUpdate的react组件，但是它在比较引用对象类型的时候是浅比较，只