随笔分类 - jquery-ES6
jquery-ES6
摘要：公用模块 挂载 Vue.prototype globalData Vuex 公用模块 定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。 注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。 示例如下：在 uni-app 项目根目录下创建 com
阅读全文
摘要：前端XMLHttpRequest对象设置请求头报错 前端原代码 // FormData对象 var myFormData = new FormData(); myFormData.append('file', fileData); // XMLHttpRequest 对象 var xhr = new
阅读全文
摘要：原因是在HBulider X中没有配置APPID 转 ： https://blog.csdn.net/weixin_42349568/article/details/110943219
阅读全文
摘要：1、$emit的使用场景 子组件调用父组件的自定义事件并传递数据注意：子组件标签中的时间也不区分大小写要用“-”隔开 子组件： <template> <button @click="emitEvent">点击我</button> </template> <script> export default
阅读全文
摘要：call()、apply()、bind()的用法主要是纠正作用域中的this 1.call() 语法：obj1.call(obj2[,param1,param2,...])定义：用obj2对象来代替obj1，调用obj1的方法。即将obj1应用到obj2上。说明：call 方法可以用来代替另一个对象
阅读全文
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变
阅读全文
摘要：在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子
阅读全文
摘要：async 是“异步”的简写，比如Ajax中就有这个代表异步请求；而 await 可以认为是 async wait 的简写，因为await只能出现在async函数中的语法规定。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 一.
阅读全文
摘要：用vue-cli3创建新项目可以自定义配置，选择eslint,所以eslint不需要配置， 项目根目录下面生成一个 .eslintrc.js文件，里面可以自定义配置eslint规则 用vue-cli3创建新项目可以自定义配置，选择eslint,所以eslint不需要配置， 项目根目录下面生成一个 .
阅读全文
摘要：const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }, actions: { increment (context) { context.commi
阅读全文
摘要：1.官方解释 Vuex是一个专为Vue.js应用程序开发的状态管理模式。然后Vuex里面有五个特别重要的属性，分别是state，mutations，actions，getters，modules。 2.state 放置状态相关的信息，vue是使用单一状态树的，也就是单一数据源，也就是说我们的stat
阅读全文
摘要：大致和跨域安全相关 概览 问题说明：原因分析：解决方案： 问题说明： 浏览器发起请求时无响应，Network显示： no-referrer-when-downgrade 显示如下图： 原因分析： no-referrer-when-downgrade的意思是：降级时不推荐。 从一个网站链接到另外一个网
阅读全文
摘要：NProgress是页面跳转是出现在浏览器顶部的进度条官网：http://ricostacruz.com/nprogress/github：https://github.com/rstacruz/nprogress 如下图所示，绿色的进度条就是NProgress实现的效果 1、安装 $ npm in
阅读全文
摘要：HTTPS页面里动态的引入HTTP资源，比如引入一个js文件，会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源，也会被直接block掉的。 Mixed Content: The page at 'xxx' was loaded over HTTPS, but reques
阅读全文
摘要：知识点：路由嵌套场景：今天遇到一个需求是这样的，有一个管理系统的列表页，点击某一行进入那一行的详情页面，于是我想这样设计路由。主要是在 App.vue 里套一个 FeedBack ，组件里面只有 <router-view>来进行路由嵌套，再给这个组件里加子组件就好啦。 效果： 代码： // rout
阅读全文
摘要：分别给router-view定义一个name，默认显示的可以不用定义 自己先在components文件夹内写4个组件，准备放入4个router-viewer标签，我的分别是 containerLeft.vue containerRight.vue containerTop.vue container
阅读全文
摘要：创建导航页组件 在components目录下新建一个navigation目录，在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示： 然后我们修改main.js文件，修改后的文件如下 import Vue from 'vue' //import App from './
阅读全文
摘要：发现微信小程序的wx.request无法post提交上传文件. 1.是微信小程序没有提供fromdata对象，（也就是无法把表单的内容封装成fromdata数据） 2.微信小程序也没有file的表单元素。（应该腾讯不想我们通过wx.request上传文件，让我们用wx.upload去每次一个一个的上
阅读全文
摘要：<html> <head> <meta charset="utf-8" /> <title></title> <script> var url; url = window.location.href; /* 获取完整URL */ alert(url); /* http://127.0.0.1:802
阅读全文
摘要：1、静态赋值 <img class="imgs-coat" v-for="(item,index) in coatImgs" :key="item.coatImg" :src="item.coatImg" alt="" data-item="123" @click="chooseCoat($even
阅读全文
浙公网安备 33010602011771号