
vue前端
SeeUa
万般皆是命
展开
-
javascript中的方法,函数
// js数组方法大全 // JavaScript中创建数组有两种方式 // (一)使用 Array 构造函数: // var arr1 = new Array(); //创建一个空数组 // var arr2 = new Array(20); // 创建一个包含20项的数组 // var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组 /..原创 2020-09-09 14:08:03 · 285 阅读 · 0 评论 -
HTTP协议和TCP/IP协议的联系和区别
手机能够上网是因为手机底层实现了TCP/IP的协议可以使手机通过无线网络建立TCP连接TCP协议可以对上层网络提供接口使上层网络数据的传输建立在“无差别”的网络之上建立起一个TCP连接需要三次"握手"第一次握手:客服端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认SYN:同步序列编号(Synchronize SequenceNumbers)。是TCP/IP建立连接时使用的握手信号。在客户机和服务器之间建立正常的TCP网络连接时,客户机首先发出一个SYN消息,服务原创 2020-09-07 13:34:00 · 1126 阅读 · 0 评论 -
vue守卫(导航)函数
全局守卫(导航)在router文件夹下index.jsrouter.beforeEach 全局前置守卫,在进入路由之前router.beforeResolve 全局解析守卫,在beforeRouteEnter调用之后调用router.afterEach 全局后置守卫,进入路由之后// 全局解析守卫router.beforeResolve((to,from.next) => {})路由独享守卫(导航)在router文件夹下index.js的ruoter对象上beforeEnt原创 2020-09-03 14:03:10 · 189 阅读 · 0 评论 -
django报错指南
django.db.utils.ProgrammingError: (1146, “Table ‘websitetest.api_user_information’ doesn’t exist”)原因是你的根urls.py存在指向,先注释掉即可原创 2020-09-02 15:13:21 · 164 阅读 · 0 评论 -
vue报错指南
vue报错之Duplicate keys detected: ‘0’. This may cause an update error.错误原因:我们在使用v-for的时候,都要必须加上一个唯一的key值,但是这里写了两个for循环,尽管都加上了key值,然而又将key的值写成一样的了。所以就导致了警告。解决办法:可以将其中一个的key修改一下即可。...原创 2020-09-02 14:31:08 · 1341 阅读 · 0 评论 -
JavaScript原型对象,原型链
参考:https://blog.youkuaiyun.com/aiden_Jerray/article/details/82976885?biz_id=102&utm_term=javascriopt%E5%8E%9F%E5%9E%8B%E5%8E%9F%E5%9E%8B%E9%93%BE%E5%AF%B9%E8%B1%A1%E9%97%AE%E9%A2%98&utm_medium=distribute.pc_search_result.none-task-blog-2allsobaiduweb~def转载 2020-08-28 17:49:15 · 150 阅读 · 0 评论 -
vue遮罩层
利用css的变量是使用- -开头的 <li style="--line-index: 1;"></li> <li style="--line-index: 2;"></li> <li style="--line-index: 3.5;"></li> <li style="--line-index: 5.5;"></li> <li style="--line-index: 8;">原创 2020-08-28 14:25:55 · 3336 阅读 · 0 评论 -
vue使用Markdown编辑器
1. 安装安装 mavon-editor:npm install mavon-editor --save加粗样式2. 引入、配置在要使用markdown编辑器的组件内操作:<script>// 导入组件 及 组件样式import { mavonEditor } from 'mavon-editor'import 'mavon-editor/dist/css/index.css'</script>3 使用**注意: 绑定model实时改变:原创 2020-08-27 17:35:30 · 379 阅读 · 0 评论 -
统一浏览器样式
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0}body, button, input, select, textarea {font: 12px “microsoft yahei”;line-height: 1.5;-ms-overflo原创 2020-08-26 09:39:25 · 529 阅读 · 0 评论 -
前端知识点(更新中)
vue篇1,怎么定义(获取)vue-router的动态路由1.通过query配置的:this.$route.querythis.$route.query.workname 2.通过params配置的:this.$route.paramsthis.$route.params.id2,vue有几种路由模式在router/index.js的文件中来设置const router = new VueRouter({ routes, mode:"history"/mode:"hash",原创 2020-08-12 15:55:19 · 3981 阅读 · 0 评论 -
css中display的显示和隐藏
:style="{display: isSearch}"data() { return { isSearch: true } },hideSearch(scrollTop) { console.log('收到') if (scrollTop >= 200) { console.log('大于200') this.isSearch = 'none' } else { console.log('小于200')原创 2020-08-11 15:06:12 · 548 阅读 · 0 评论 -
vue中使用elementui的总结
1,任何一个el组件的宽高都是可以通过包裹他的父元素来设置的;原创 2020-08-04 17:19:30 · 1062 阅读 · 0 评论 -
vue封装axios(二)
一 在根目录下创建api文件夹二 创建request.js文件const instance = axios.create({ baseUrl = process.env.BASE_API, withCredentials: true}) //创建基本实例instance.interceptors.response.use(res => res.data)export default function (type, url, data, options){ if(t原创 2020-08-05 16:44:21 · 355 阅读 · 0 评论 -
javascript中apply()与call()的区别 a->array c->单个
**JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法,它们的语法分别为:**/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);它们各自的定义:apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用原创 2020-08-03 11:42:54 · 162 阅读 · 0 评论 -
vue中获取组件的位置
获取dom元素的位置信息this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离1 this.$refs.selectLi.getBoundingClientRect().top原创 2020-08-03 10:05:55 · 5343 阅读 · 0 评论 -
uniapp封装原生uni.request网络请求
uniapp封装原生uni.request网络请求目录结构:首先建立request.js文件export default function (options) { var baseUrl = "https://autumnfish.cn" // var baseUrl = "http://musicapi.leanapp.cn" return uni.request({ url: baseUrl+options.url, data:options.data||{},原创 2020-08-03 09:55:53 · 1064 阅读 · 0 评论 -
vue中单向数据流中不允许在子组件修改父组件传过来的props值
**参考:https://blog.youkuaiyun.com/xueli_2017/article/details/90579048vue报错: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s valu原创 2020-07-31 16:54:23 · 1237 阅读 · 0 评论 -
vue中的监听事件(watch)
使用watch这个可以监听data中指定数据的变化,然后触发watch中对应的function的处理html:在html里写下那个事件会让触发methods让data发生变化 <input type="text" v-model="firstname" @keyup="getFullname">+data:这里是data里面的值 data: { firstname: "", lastname: "", ful原创 2020-07-29 18:31:38 · 20368 阅读 · 0 评论 -
使用uniapp元素加载等待
官方文档:https://uniapp.dcloud.io/api/ui/prompt?id=showloading开启加载```cssuni.showLoading({title: '加载中'});根据后台发回的数据关闭加载动画if(res[1].errMsg){ uni.hideLoading() }原创 2020-07-29 17:05:40 · 5034 阅读 · 0 评论 -
uniapp将vuex进行封装
actions.jsimport { MusicRequest } from "../api/music.js"import { parseLyric } from "./parseLysic.js"export const actions = { //请求歌曲信息 async getSong(context, id) { const result = await MusicRequest({ url: "/song/detail", data: { ids: id, .原创 2020-07-28 18:31:16 · 924 阅读 · 0 评论 -
如何在uni-app使用vuex
由于uni-app已经内置了vuex,所以只要正确引入就好了。1、在项目的根目录下,创建一个名为store的文件夹然后在该文件夹下创建一个index.js的js文件2、在该js文件下定义公共的数据以及方法函数,并且把它导出import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: {}, mutations: {}, actions: {}}原创 2020-07-28 18:27:13 · 748 阅读 · 0 评论 -
vue中的父子组件传值props和$emit(event,args)
props父组件传值:<div :propA='data'>子组件接收值: props: { // 基础的类型检查 (`null` 匹配任何类型) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: String, required: true }, // 带有默认值的数字 propD: {原创 2020-07-24 11:22:38 · 750 阅读 · 0 评论 -
vue中class与style的绑定
绑定class对象语法单一:class="{'类名' : isclass}" 多个 :class="{'类名1' : isclass1, '类名2' : isclass2}"计算属性:class="classes" :class="计算属性名"计算属性返回的是一个对象{}classes : function () { return { active : this . isActive && !this.error, ’ text-fa 工 l ’: th原创 2020-07-17 15:21:22 · 180 阅读 · 0 评论 -
前端性能优化
1 页面减少http请求,能合并的尽量合并在一起2 使用cdn(内容分发网络)3 为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。4 避免使用空的src和href5 使用gzip压缩内容6 把 CSS 放到顶部7 把 JS 放到底部8 将 CSS 和 JS 放到外部文件中9 减少 DNS 查找次数...原创 2020-07-17 14:55:31 · 117 阅读 · 0 评论 -
uni_app(一)
1 去掉顶部标题“app-plus”: {“titleNView”: false}原创 2020-07-07 09:01:14 · 906 阅读 · 0 评论 -
vue.cli项目封装全局axios,封装请求,封装公共的api和调用请求的全过程
参考:https://blog.youkuaiyun.com/weixin_43216105/article/details/98877960原创 2020-07-03 10:38:17 · 1006 阅读 · 0 评论 -
rem自适应
简介「rem」是指根元素(root element,html)的字体大小,从遥远的 IE6 到版本到 Chrome 他们都约好了,根元素默认的 font-size 都是 16px。rem是通过根元素进行适配的,网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小;所以1rem*16(这个是html的fontsize)=16px;2rem*16=32px;要想让rem和px成100倍的关系,即1rem100=100px;则html的字体大小就应该是100px*;判断&原创 2020-06-24 15:51:12 · 229 阅读 · 0 评论 -
vue中鼠标事件
vue中鼠标事件@click//单击@mousedown//按下@mouseup//抬起@dblclick//双击@mousemove//移动@mouseleave//离开@mouseout //移出@mouseenter//进入@mouseover//在转载 2020-06-08 08:43:45 · 4697 阅读 · 0 评论