STAO_blog
首页
关于
归档
分类
标签
浅谈前后端路由和前后端渲染
为啥我写的Vue应用在开发阶段都没问题,部署到服务端之后访问不了除了/的页面呢 为啥我写的SPA页面的路由用hash模式都没问题,改成history模式就问题百出呢 啥是前端路由啥是后端路由,要怎么配后端才能支持我的前端路由呢 这个问题是很多初学者会问的问题,于是结合我自己的学习经历也来简单的讲解一下这二者的区别与联系。 什么是路由理解Web路由这篇文章讲得特别好了。 在Web开发过程中,经
2020-06-10
CODE
VUE
让后台小哥能快速对接你的前端页面
前言首先需要澄清一下,该篇文章并非标题党。这里介绍需要实现的效果是让后台工作人员不需要前端改动网络请求基础地址的前提下,使用前端代码便于本地调试。 不好意思这里说的可能有点绕了,待我给你简单的说明一下你就明白了。 我们知道前端在对接后台的时候都有这么一个基础地址,所有的后台接口调用都是通过它: let _baseURL = 'http://api.xxx.develop.com' const s
2020-06-09
CODE
工具
浏览器和服务器实现跨域(CORS)判定的原理
前端对Cross-Origin Resource Sharing 问题(CORS,中文又称’跨域’)应该很熟悉了。众所周知出于安全的考虑,浏览器有个同源策略,对于不同源的站点之间的相互请求会做限制(跨域限制是浏览器行为,不是服务器行为。)。不过下午想到了一个略无趣的问题:浏览器和服务器到底是如何判定有没有跨域呢?本文主要分两个部分,一是对这个问题的总结,二是nginx下如何配置服务器允许跨域。 同
2020-06-02
CODE
JavaScript
v-charts的使用
步骤一 安装:npm i v-charts echarts -S 步骤二1.依赖引入:在main.js 中引入: import VCharts from 'v-charts' Vue.use(VCharts) 2.在组件中引入: import VeLine from 'v-charts/lib/line'//折线 import VeHistogram from 'v-charts/lib/h
2020-05-25
CODE
工具
深入理解vue中的slot与slot-scope
写在前面实际上,插槽的概念很简单,下面分三部分来讲。这三部分也是按照vue说明文档的顺序来写的。 插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个问题在这里就点出来了,是显示不显示和怎样显示。 由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。 非插槽模板指的
2020-05-14
CODE
VUE
怎样为你的vue单页应用增速
转载自公众号:前端先锋 我有一个项目用了 Vue.js 来构建单页应用程序。随着上线日期的临近,性能优化的工作变得越来越重要。在本文中,我收集了有关在加载时间和渲染性能方面提高 Vue.js 应用性能的所有知识。 使用 Vue.js,你可以快速构建单页应用。Webpack 会为你将所有内容捆绑到文件(HTML、JavaScript、CSS)中,最后可以用 nginx 来提供。至少,这是我们的设置。
2020-05-08
CODE
VUE
for in、Object.keys、for of的区别
1、for in 遍历对象及其原型链上可枚举的属性; 如果用于遍历数组,处理遍历其元素外,还会遍历开发者对数组对象自定义的可枚举属性及其原型链上的可枚举属性; 遍历对象返回的属性名和遍历数组返回的索引都是 string 类型; 某些情况下,可能按随机顺序遍历数组元素; 举个栗子: Array.prototype.getLength = function() { return t
2020-05-07
CODE
JavaScript
JS常用字符串方法
1. charAt(x)charAt(x)返回字符串中x位置的字符,下标从 0 开始。 //charAt(x) var myString = 'jQuery FTW!!!'; console.log(myString.charAt(7)); //output: F 复制代码 2.charCodeAt(x)charCodeAt(x)返回字符串中x位置处字符的unicode值。 //charCode
2020-05-07
CODE
JavaScript
JS数组方法总览
01、push(value)将value添加到数组的最后,返回数组长度(改变原数组)// Base let a = [1, 2, 3, 4, 5] let result = a.push(1) console.log(result) // 6 console.log(a) // [1, 2, 3, 4, 5, 1] 原数组被改变 // More a = [1,
2020-05-07
CODE
JavaScript
vue.js中父组件触发子组件中的方法
#子组件 这边以一个子组件挂载在生命周期的函数为例 mounted() { this.QCInfoQuery(); } #父组件 其实就是父组件中获取到子组件这个节点对它的方法进行调用 <el-tab-pane label="待质检" name="second"> <second :form='form' v-if="isSecond"
2020-05-06
CODE
VUE
1
2
3
搜索
×
关键词