前端
wuxing164
这个作者很懒,什么都没留下…
展开
-
vue中使用定时器setInterval和setTimeout
js中定时器有两种,setInterval是循环执行,setTimeout是定时执行,执行一次一、循环执行(setInterval)设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉用法是setInterval(方法名或方法,延时), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔<template> <section> <h1>hello world~</h1> &.原创 2021-12-01 14:32:48 · 2489 阅读 · 0 评论 -
前端数据存储
1.cookiedocument.cookie = token;//将token保存在cookie中var token =document.cookie.split(";")[0];//从cookie中读取token2.localStorage特性:域内安全、永久保存。即客户端或浏览器中来自同一域名的所有页面都可访问localStorage数据且数据除了删除否则永久保存,但客户端或浏览器之间的数据相互独立。四个函数:localStorage.setItem...原创 2021-11-07 23:23:35 · 364 阅读 · 0 评论 -
vue 移动端适配(lib-flexible postcss-px2rem)
yarn add lib-flexible postcss-px2rem -S然后删除public/index.html里的<meta name="viewport" content="width=device-width,initial-scale=1.0">然后在mian.jsimport Vue from "vue";import App from "./App.vue";import router from "./router";import "lib-fl.原创 2021-11-07 23:17:28 · 174 阅读 · 0 评论 -
最新数组方法
1arr.push()从后面添加元素,返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5))// 6console.log(arr)// [1,2,3,4,5,5]2arr.pop()从后面删除元素,只能是一个,返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.pop()) // 5console.log(arr)//[1,2,3,4]3arr.shift()从...转载 2021-11-07 23:16:13 · 158 阅读 · 0 评论 -
filter,map,forEach,find,findIndex,some,every用法
(1).filter()filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。是否改变原数组:否是否对空数组进行检测:否语法:const arr= [32, 33, 16, 40];const arr1 = arr.filter(item => item >= 18)console.log(arr) // [32, 33, 16, 40]console.log(arr1) // [32, 33, 40](2).map()原创 2021-11-07 22:13:11 · 150 阅读 · 0 评论 -
vue 路由history模式,二级目录 apache配置方法
域名为myvuetest1.comnews目录为二级目录apache的.htaccess的内容为<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /news/index.ht.原创 2021-04-16 15:13:54 · 707 阅读 · 0 评论 -
vue3 出现Form rules must provide type property when validating the form item named which is not string
在使用ant design vue3的表单中出现以下错误Warning: Form rules must provide type property when validating the form item named [parentId] which is not string type原代码如下 //校验表单 const formReactive = reactive({ name:[{ required:true,message:"请输入名称"},{min.原创 2021-03-30 11:07:18 · 2408 阅读 · 1 评论 -
ajax请求下载字节流形式的excel文件
使用jquery.fileDownload插件来完成js var rq = data.rq ; var djbh = data.djbh ; //QuoteDownTemplate var loading = layer.msg('正在处理中', {icon: 16, shade: 0.3, time:0}); var httpMethod.原创 2021-01-14 11:42:09 · 833 阅读 · 1 评论 -
移动端适配方案之viewport适配
#width给的数据是基于设计稿给的宽度。<script> const WIDTH = 750 const mobileAdapter = () => { let scale = screen.width/WIDTH let content = `width=${WIDTH}, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}` let met.原创 2020-11-23 16:15:24 · 616 阅读 · 0 评论 -
vue3 v-model用法
子组件<template> <div> <input :value="age" @input="changeAge" ref="ageRef"> <input :value="name" @input="changeName" ref="nameRef"> </div></template><script> import {defineComponent,.原创 2020-11-23 16:05:56 · 3871 阅读 · 2 评论 -
vue3 computed与watch函数用法
<template> <div> 英语:<input name="va1" v-model="va1" > </div> <div> 数学:<input name="va2" v-model="va2" > </div> <div> 总分:{{total}} </div> <div> 平均分:{{average}} <...原创 2020-11-19 10:11:59 · 1289 阅读 · 0 评论 -
vue3 toRef函数和toRefs函数
这篇我们看下toRef和toRefs的基本使用我们知道ref可以用于创建一个响应式数据,而toRef也可以创建一个响应式数据,那他们之间有什么区别呢?事实上,如果利用ref函数将某个对象中的属性变成响应式数据,修改响应式数据是不会影响到原始数据。import {ref} from 'vue';export default { name:'App' setup(){ let obj = {name : 'alice', age : 12}; let newObj= ref(...原创 2020-11-19 09:40:42 · 31630 阅读 · 14 评论 -
vue3 reactive函数用法
reactive的用法与ref的用法相似,也是将数据变成响应式数据,当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型,而reactive是用于复杂数据类型,比如对象和数组例如:定义一个对象类型的变量user<template> <div> <p>{{ user }}</p> <button @click="increase">click me! one year later</button>...原创 2020-11-19 09:25:18 · 40575 阅读 · 2 评论 -
vue3 ref函数用法
1.在setup函数中,可以使用ref函数,用于创建一个响应式数据,当数据发生改变时,Vue会自动更新UI<template> <div> <h1>{{mycount}}</h1> <button @click="changeMyCount">changeMyCount</button> </div></template><script>i...原创 2020-11-19 09:20:26 · 43431 阅读 · 2 评论 -
js slice与splice用法
//1,2,3,4//返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。//如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素//如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。const arr = [1,2,3,4]const s1 = arr.slice(1);const s2 = arr.slice(1,3);console.原创 2020-11-17 10:09:47 · 140 阅读 · 0 评论 -
js every find filter map用法
const arr = [1,2,3,4]//arr.every() 数组里面所有的元素都有符合条件,才返回true//返回falseconst b = arr.every((item)=>{ return item<3})console.log(b)//------------------------------------------------------------------------//过滤,过滤一些不合格的元素,如果回调函数小于2或者小于3,就留下来.原创 2020-11-17 09:35:41 · 137 阅读 · 0 评论 -
ES6 find与filter的区别
const users = [{name:"wuxin",age:18},{name:"alwx",age:19},{name:"wuxin",age:38}]const name = "wuxin" ;const rs = users.filter(user=>user.name==name)console.log(rs)const rs2= users.find(user=>user.name==name);console.log(rs2)//filter返回数组,匹配所有.原创 2020-11-16 16:02:56 · 204 阅读 · 0 评论 -
vue3 组件中props,emits用法
组件<template> <teleport to="#mymodel"> <div id="center" v-if="isShow"> <h2><slot>my model</slot></h2> <button @click="btnclose">close</button> </div>...原创 2020-11-11 23:55:15 · 22361 阅读 · 0 评论 -
localStorage,sessionStorage的区别和用法
HTML5的WebStorage提供了两种API:localStorage(本地存储)和sessionStorage(会话存储)localStorage和sessionStorage的区别1.生命周期localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据,否则数据永远不会消失。session...原创 2019-12-31 08:45:29 · 339 阅读 · 0 评论 -
export与export default的区别
1、export与export default均可用于导出常量、函数、文件、模块等2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3、在一个文件或模块中,export、import可以有多个,export default仅有一个4、通过export方式导出,在导入时要加{ },export default则不需要...原创 2019-12-31 10:36:12 · 345 阅读 · 0 评论 -
Promise用法
我们在使用函数的时候经常需要在函数的参数传入另外一个函数,一层一层传递,很容易造成回调地狱,这样的代码不利于维护;promise是个构造函数对象,解决了回调问题,它有三种状态,pending(等待态),fulfiled(成功态),rejected(失败态),常用到的方法则有 then,catch,all,racepromise是用来解决两个问题的:回调地狱,代码难以维护, 常常第一个的...原创 2019-12-31 13:39:18 · 217 阅读 · 0 评论