STAO_blog
首页
关于
归档
分类
标签
JSON.stringify/JSON.parse使用技巧
JSON.stringify()的作用是将js对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象。 1.深度拷贝在实际开发中,为了不影响原对象,可利用JSON.parse( JSON.stringify(obj) )深度拷贝原obj的副本。 2.判断数组中是否包含某对象//判断数组是否包含某对象 let data = [ {name:'hi'
2020-04-28
CODE
JavaScript
前端下载、导出文件
#下载、导出文件–window-location-href 1,对于rar.doc.等浏览器不能打开的文件,使用window.location.href是完全可以实现下载的。 示例: window.location.href="http://下载.rar" ,等同于<a href="http://下载.rar">下载</a>2,对于浏
2020-04-28
CODE
JavaScript
深入理解token
摘要: Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证,服务端认证成功,那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位 不久前,我在在前后端分离实践中提到了基于 Token 的认证,现在我们稍稍深入一些。 通常情况下,我们在讨论某个技术的时候,都是从问题开始。那么第一个问题: 为什么要用 Token?而要回答这个问题很简
2020-04-27
CODE
JavaScript
this.$nextTick()的使用场景
1.在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染,而此时进行DOM操作无异于徒劳,所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。与之对应的就是mounted()钩子函数,因为该钩子函数执行时所有的DOM挂载和渲染都已完成,此时在该钩
2020-04-22
CODE
VUE
ElementUI 中tab页如何实时加载
在vue中使用elementUI饿了么框架使用el-tabs,切换Tab如何实现实时加载,以及el-table表格使用总结当我们在开发中遇到tab切换,这时候用el的el-tabs感觉很方便 但当我在把代码都写完后,发现一个问题就是页面打开时 虽然我们只能看见当前一个tab页,但是vue会帮你把你写的所有tab页的内容都渲染出来了,只是其他的隐藏了,同时其他tab的js也都走了一边,当你点击tab
2020-03-18
CODE
工具
vue中'. native'修饰符的使用
#官网的解释 你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。 通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加’. native’事件是无法触发的。 此时点击页面中的按钮无任何反应。 添加修饰符: 此时点击就会弹窗: 可以理解为该修饰符的作用就是把一个vue组件转化为一个普通的HTML标签,并且该
2020-02-16
CODE
VUE
深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(优化篇)带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇),主要是讲解了 Webpack 的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式,大家可以结合自己的项目,选择适当的方式进行优化。这些 Webpack 插件的源码
2020-02-05
CODE
webpack
深度解锁Webpack系列(进阶篇)
带你深度解锁Webpack系列(进阶篇)三篇长文,带你解锁 Webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇,如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》,建议阅读之后,再继续阅读本文。 本文会引入更多的 webpack 配置,如果文中有任何错误,欢迎在评论区指正,我会尽快修正。 webpack 优化部分放在了下一篇。
2020-02-04
CODE
webpack
深度解锁Webpack系列(基础篇)
带你深度解锁Webpack系列(基础篇)三篇长文带你解锁 Webpack ,希望读完这三篇文章,你能够对 webpack 的各项配置有一个更为清晰的认识。 1.webpack 是什么?webpack 是一个现代 JavaScript 应用程序的静态模块打包器,当 webpack 处理应用程序时,会递归构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将这些模块打包成一个或多个 bundle。
2020-02-03
CODE
webpack
JavaScript深入之从原型到原型链-1
转载自冴羽大大 JavaScript深入之从原型到原型链 JavaScript深入系列的第一篇,从原型与原型链开始讲起,如果你想知道构造函数的实例的原型,原型的原型,原型的原型的原型是什么,就来看看这篇文章吧。 构造函数创建对象我们先使用构造函数创建一个对象: function Person() { } var person = new Person(); pers
2020-01-15
CODE
JavaScript深入系列
1
2
3
搜索
×
关键词