vue如何配置接口域名1.vue本身为运行脚手架项目自家搭载了一个nodejs后台环境，本地可通过proxyTable来处理跨域问题，但是上线（或生产环境）之后改域名真是一件麻烦的事情，所以进行一些配置。2.修改下面的两个文件，启动的时候自动判断环境来切换域名1.在开发环境下配置如下：config/index.js 2.其他配置3.主要内容为 4.其他配置
接着上一篇，其实是一个功能，本来感觉挺简单的一个问题，没想到遇到两个坎儿，无语。。。 上一篇是关于scroll事件绑定的问题，这一篇的问题是：点击锚点跳转到相应DIV的问题。 最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOCTYPE html> <html> <head><style>div {height: 800px;width: 400px;border: 2px solid black;}h2 {position: fixed;margin:50px 500px;}</style> </head> <body><h2><a href="#div1"...
Vue数据响应原理官方的解释很清晰：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。 用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。这里需要注意的问题是浏...
前言 除了使用 Vuex 方法外，vue 提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件间是如何通信的。 父子组件通信props 和 $emit 父子组件通信子组件有时需要与父组件进行沟通，沟通的方式就是子组件 emit 事件，父组件通过监听这个事件来做进一步动作。而父组件与子组件通信则使用 props 假设这里有一个父组件并引入了一个子组件 my-comp： <my-comp v-for="msg in msgs" :key="msg.id" :msg="...
前言 从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。 操作数组 印象中数组有很多方法，系统的整理一下，放在自己家里方便回头查~ Array.map() 此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组 le...
1，reload 方法 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。 语法： location.replace(URL) 通常...
本文实例总结了JavaScript数组去重的方法。分享给大家供大家参考，具体如下： 数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。 在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。 注：写的匆忙，...
当我们在做项目时，我们需要做当前页面的刷新来达到数据更新的目的，在此我们大概总结了几种常用的页面刷新的方法。 1.window.location.reload(),是原生JS提供的方法，this.$router.go(0):是vue路由里面的一种方法，这两种方法都可以达到页面刷新的目的，简单粗暴，但是用户体验不好，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入。 2.通过路由跳转的方法刷新，具体思路是点击按钮跳转一个空白页，然后再马上跳回来：...
下面就是小编带给大家的如何用vue写h5页面方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。1、当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部分前端工程师来说已经不是什么难题了。移动端的布局相对PC较为简单，关键在于对不同设备的适配。2、之前介绍了一篇关于移动端rem布局方案，这大致是网易H5的适配方案。不过实践中发现淘宝开源的可伸缩布局方案效果更好且更容易使用。方案总结为：根据...
floor()方法的基本语法： Math.floor( x ) ;x表示数字，返回小于或等于数字x的最大整数。 我们下面来看具体的示例 代码如下 <!DOCTYPE html> <html><head><title></title></head><body> <script type="text/javascript"> document.write(Math.floor(-2)+"<br/>"); document.write(Math.floor(-2.56)+"<br/>"); document.write(Math.floor(2.56)+"<br/>"); document.write(Math.floor(7.2+9.3)); </script> </body> </html>浏览器...
前言 node.js的世界，从callback开始，不会止于async. 本文将给大家详细介绍关于async/await优雅的错误处理的相关内容，下面话不多说了，来一起看看详细的介绍吧 async/await优雅的错误处理 一般情况下 async/await 在错误处理方面，主要使用 try/catch，像这样 const fetchData = () => {return new Promise((resolve, reject) => {setTimeout(() => {resolve(fetch data is me)}, 1000)}) }(async () => {try {const data = awai...
一、普通的方法去重 1、简单的去重方法 // 最简单数组去重法 /* * 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 */ function uniq(array){var temp = []; //一个新的临时数组for(var i = 0; i < array.length; i++){if(temp.indexOf(array[i]) == -1){temp.push(array[i]);}}return temp; } var newArray = [1,2,2,4,9,6,7,5,2,3,5,6,5]; console.log(uniq(newArray));// [1, 2,...
1:js中的splice方法 splice(index,len,[item]) 注释：该方法会改变原始数组。 splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值 index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空 如：arr = [a,b,c,d] 删除 ---- item不设置 arr.splice(1,1) //[a,c,d] 删除起始下标为1，长度为1的一个值，len设置的1，如果为0，则数组不变 arr.splice(1,2) //[a,d] 删除起始下标为1，长度为2的一...
本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下： 题目描述 计算给定数组 arr 中所有元素的总和 输入描述: 数组中的元素均为 Number 类型 输入例子: sum([ 1, 2, 3, 4 ])输出例子:10方法1. 不考虑算法复杂度，用递归做： function sum(arr) {var len = arr.length;if(len == 0){return 0;} else if (len == 1){return arr[0];} else {return arr[0] + sum(arr.slice(1));} }方法2. 常规循环： function sum(...
前言 本文给大家总结了一些关于javascript奇葩的日期换算方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧 日期换算 1.获取今天的0时0分0秒（常用于开始日期的获取） new Date(new Date().toLocaleDateString()); // Mon Nov 12 2018 00:00:00 GMT+0800 (中国标准时间)2.获取一个月前的日期 new Date(new Date().setMonth(new Date().getMonth()-1)); //Fri Oct 12 2018 17:20:07 GMT+0800 (中国标准时间)3....