JS+Vue+Html
JS+Vue+Html
seven瓜
这个作者很懒,什么都没留下…
展开
-
JS:方法的自定义和调用
方法的自定义和调用原创 2022-07-11 15:26:28 · 158 阅读 · 0 评论 -
qs.stringify()、JSON.stringify() 区别
qs.stringify()、JSON.stringify() 区别原创 2022-07-08 15:29:13 · 591 阅读 · 0 评论 -
Vue知识点:
1.Computed中get 和set只有当computed监测的值变化的时候,set才回被调用;当你读取一个变量的时候会触发该变量的getter;<el-form-item label="服务保证:"> <el-checkbox-group v-model="selectServiceList"> <el-checkbox :label="1">无忧退货</el-checkbox> <原创 2021-12-09 14:21:22 · 610 阅读 · 0 评论 -
Vue父子组件传递问题
父组件: <el-form-item label="品牌LOGO:" prop="logo"> <single-upload v-model="brand.logo"></single-upload> </el-form-item> <el-form-item label="品牌专区大图:"> <single-upload v-model="brand.bigPic"&g原创 2021-12-07 17:03:06 · 234 阅读 · 0 评论 -
JS:前后给后台传值的格式
之前记得前端给后台传的对象,如果对象的某个参数为null,则该参数就不会传递;但是在某个项目中,若有null,后台接收老报错,最后检查半天,就是前端传递参数那块没有加以下拦截的公共处理:添加依赖"qs": "^6.9.1",request.js async beforeRequest(config) { const {token} = store.state; config.headers.token = token; if(confi原创 2021-05-25 14:59:46 · 932 阅读 · 1 评论 -
Vue中同步返回的方法展示
方法一:asyncComputed: { yardLs() { return this.$ajax.get("regyard/getUserYardInfo") .then(resp=>{ let ret = resp.data.data.ghy || []; //this.yardId = this._原创 2021-04-14 09:00:13 · 772 阅读 · 0 评论 -
Lodash:JavaScript插件
1 Vue引入 1.1 添加依赖 "dependencies": { "vue": "^2.5.2", "vue-router": "^3.0.1", "vuex": "^3.4.0", "lodash": "^4.17.11" } 1.2 main.js配置全局import _ from "lodash";Vue.prototype._ = _1.3 组件引入import _ from "lodash";2 常用方法介绍2.1..原创 2021-03-16 16:46:06 · 281 阅读 · 0 评论 -
localStorage、sessionStorage 和 Cookie 区别
cookie:能存储内容较小,在4k左右,一般用作保存用户登录状态、记住密码,记住账号使用。不清除的话会一直存在,可以设置过期时间自动清除,设置的时候可以设置在不同的域下面。每次在和服务端交互都会放在header里面,所以若是储存太多会影响性能。localStorage:HTML5 标准中新加入的技术,可保存内容在5M左右,不会自动清除,除非手动进行删除。sessionStorage:和localStorage类似,他们唯一区别就是sessionStorage保存在当前会话中,会话结束session原创 2021-03-11 17:36:54 · 68 阅读 · 0 评论 -
Vue之store
1.Vuex初识vuex是基于vue框架的一个状态管理库。可以管理复杂应用的数据状态,比如兄弟组件的通信、多层嵌套的组件的传值等等。vuex有这么几个核心概念——State、Getter、Mutation、Action、Module2.Store尝试2.1 添加依赖 【 package.json 】:"dependencies": { "vue": "^2.5.2", "vuex": "^3.4.0" }2.2store新建store文件夹底下的ind...原创 2021-03-11 11:55:32 · 3620 阅读 · 0 评论 -
Websocket+Vue学习
1.Websocket初识HTTP 协议有一个缺陷:通信只能由客户端发起,HTTP 协议做不到服务器主动向客户端推送信息。而Websocket,浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后,你可以通过send()方法来向服务器发送数据,并通过onmessage事件来接收服务器返回的数据。2.Websocket实现2.1 gradle依赖...原创 2021-03-05 14:23:16 · 255 阅读 · 2 评论 -
Router:路由初始
1.路由配置//Router定义路由const routes = [ { path: '/home', component: Home }, { path: '/about', component: About }]const router = new VueRouter({ routes // routes: routes 的简写})//把router 实例注入到 vue 根实例new Vue({ // el: '#app', router, com原创 2021-02-26 16:18:49 · 262 阅读 · 0 评论 -
Vue:钩子函数的顺序
111export default { //el: '#appB', name: "ComponentB", data(){ return{ message:'这是组件B', j:0, } }, methods:{ change() { this.message = 'Datura is me'+this.j;原创 2021-02-25 18:07:08 · 660 阅读 · 0 评论 -
Vue:Promise用法举例
Promise意在让异步请求逻辑代码变得干净和直观,让异步请求逻辑代码变得井然有序。基础语法创建一个Promise对象,并将其作为函数值返回。Promise对象要求传入一个函数,并带有resolve和reject参数。这是两个用于结束Promise等待的函数,对应的状态分别是成功和失败。function asyncMethod(...args){ //将新创建的Promise对象作为异步方法的返回值,所有的状态就可以使用它所提供的方法进行控制了。 return new Prom原创 2021-02-25 15:07:19 · 609 阅读 · 0 评论 -
Vue:动态拼接参数
如果遇到map{key:value}的参数,我总是习惯 map.key去获取,然后动态拼接的时候,出来就成了字符串......,还有一种我不习惯用的中括号获取的方式:map[ key ] ,最实用了!!!而且不仅可以获取值,当你动态拼接定义参数的时候,你的key也可以中括号[ ]动态拼接menu-panel( v-for='item in radarList' :title="item.name" :value="!!..原创 2021-01-29 16:02:50 · 2344 阅读 · 0 评论 -
前台添加图片水印:Canvas
样式:.conter(:style="{width:imgwidth+'px'}")//这段可以忽略不计canvas(id="canvasid")绘图添加水印tt(){ const m = this; var canvas = document.getElementById('canvasid'); var ctx = canvas.getContext('2d');原创 2020-09-17 17:57:41 · 226 阅读 · 0 评论 -
Vue原生实现多文件上传
之前公司的上传都是用的基于Vue的插件,直到最近一次需要多文件上传才发现,事情不是那么简单。虽然操作你看着是一次选中了多个文件,其实!!!在前端它还是循环一次一个文件上传到后台的!!!不适用于我新项目的需求:后台一次接受多个文件进行处理。所以,用了原生去写,没想到就寥寥几行代码搞定!!!前端<template lang="pug"> Form(:label-width='80') input(type="file" id="uploadFile"原创 2021-01-18 15:04:31 · 1440 阅读 · 0 评论