前端
bobobocai
这个作者很懒,什么都没留下…
展开
-
vue代理,前端3步解决跨域问题
vue代理,前端3步解决跨域问题第一步:vue.config.js配置proxy第二步:创建axios实例第三步:使用第一步:vue.config.js配置proxyproxy: { "/api": { target: "http://192.168.70.2:6666/", changeOrigin:true, wx: true, pathRewrite: { '^/api': '' }原创 2021-05-26 17:50:23 · 305 阅读 · 0 评论 -
jQuery -- jQuery源码(一):核心功能
一、jQuery无new构建实例1、$就是jQuery的别称可以在$和jQuery对象挂在在window中,实现全局引用。给Windows对象扩展一个$的属性,让它拿到jQuery构造函数的引用可以用$访问到jQuery的构造函数// jQuery.js(function(root) { var jQuery = function(){}root.$ = root.jQuer...原创 2019-12-24 14:25:08 · 668 阅读 · 0 评论 -
element UI -- 默认样式修改不成功的问题
有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用 原因:scoped 解决方法:去掉scoped 注意:此时该样式会污染全局样式,可以把它放在公共的css里面 为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput ...原创 2018-08-20 16:15:45 · 33799 阅读 · 9 评论 -
element UI -- Dialog关闭后清除验证条件
表单新建好之后,通常需要清除表单的验证条件和输入的内容 这时我们就用到了element Dialog的close事件,是关于Dialog关闭时的回调 <el-dialog title="添加用户" :visible.sync="addShow" class="maintain" @close="closeDialog('addForm')"> <el-form...原创 2018-08-31 15:18:30 · 5123 阅读 · 0 评论 -
Vue +vux 搭建移动端项目
一、使用 vue-cli 搭建Vux项目模板1、全局安装 vue-clinpm install --global vue-cli2、创建一个基于 webpack 模板的新项目vue init airyland/vux2 my-project3、安装依赖,走你cd my-projectnpm installnpm run dev4、安装 lessnpm install less...原创 2018-11-13 09:06:24 · 1059 阅读 · 0 评论 -
解决在vue中setTimeout效果失效,setTimeout在Vue中的使用方法
问题:setTimeout 函数内部效果 在Vue 事件中 没有执行1、定义一个 that 暂存 this2、再改变变量的值,就会生效 var that = this; setTimeout(function () { that.modPassword = true; }, 3000)...原创 2019-01-03 09:33:25 · 8110 阅读 · 0 评论 -
element UI -- 引入第三方图标
一、登录阿里巴巴矢量图标库 https://www.iconfont.cn/二、选择需要的图标,添加至项目三、进入我的项目,下载图标至本地在下载之前编辑项目四、点击下载到本地 会下载一个download.zip五、在src/assets 下 新建一个 icon文件夹,把解压后的文件放到icon文件夹六、打开iconfont.css添加 代码 [class^=&quot;icon-u...原创 2019-02-19 14:20:45 · 1915 阅读 · 0 评论 -
Vue报错(element UI):Cannot read property 'resetFields' of undefined
报错信息:报错代码:问题描述:Vue + element 开发,一个 Dialog 表单多次使用 ,为了清空 Dialog 表单数据, 使用了 this.$refs[formName].resetFields()每次第一次点击显示 Dialog,都会报错报错原因:mouted加载table数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dia...原创 2019-06-11 15:01:44 · 12134 阅读 · 2 评论 -
Vue -- filter 过滤器、以及在table中的使用
使用方法:// 双花括号中{{ isActive| isActiveFitlter}}// 在v-bind 中<div v-bind:id=" isActive | isActiveFitlter"></div>一、组件中定义本地 Filterfilters:{ isActiveFitlter:function (value){ r...原创 2019-06-17 11:33:59 · 9308 阅读 · 0 评论 -
React报错:The tag <demo> is unrecognized in this browser.If you meant to render a React component, sta
报错信息:报错代码:问题描述:此浏览器无法识别标记。如果要呈现react组件,请以大写字母开头。报错原因:react组件首字母要大写解决方法:...原创 2019-09-10 14:31:05 · 13703 阅读 · 1 评论 -
Vue -- axios 跨域请求无法带上cookie
在main.js设置 // 携带cookie axios.defaults.withCredentials = true原创 2018-08-10 09:16:09 · 6345 阅读 · 0 评论 -
element ui -- 表单验证字段必须是数字但是非必填
在使用element UI框架开发某个项目时,使用el-form组件,进行表单验证时,设置了required为false,如下所示: 但是,在提交表单的时候由于没有输入内容,表单提交不成功. 把代码修改如下,提交成功 ...原创 2018-07-20 14:41:33 · 12715 阅读 · 0 评论 -
js -- 获取浏览器高度以及clientHeight、scrollHeight、offsetHeight区别
//浏览器卷去部分高度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //浏览器窗口高度,已做兼容 var winHeight; if (window.innerHeight) { winHeight = window.innerHeig原创 2017-11-22 15:33:55 · 8934 阅读 · 0 评论 -
vue -- 2018 我所了解的 Vue 知识大全
Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很多;不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 这就是我脑海中的 Vue 知识体系; 一句话概况了 Vue: 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件;转载 2018-01-04 16:23:36 · 3173 阅读 · 0 评论 -
js -- ES6(二)-- let 和 const 命令(根据阮一峰ES6标准入门整理)
目前正在学习ES6,根据阮一峰的ES6入门2,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。ES6声明变量的方法:var、function、let、const、import、class二、let 和 const 命令1、let 命令基本用法let 命令用于声明变量,类似于var,但是所声明的变量只在let命令所在原创 2018-01-12 15:26:04 · 527 阅读 · 0 评论 -
js -- ES6(一)-- 简介(根据阮一峰ES6标准入门整理)
目前正在学习ES6,根据阮一峰的ES6入门2,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。ES6 提供了许多新特性,但是并不是所有的浏览器都能够完美支持,所以我们需要把 ES6 转化成 ES5 。Babel 转码器Bable (http://babeljs.io/) 转码器,可以将ES6转码为ES5代码,从而在浏览器或其他环境原创 2018-01-09 17:33:29 · 1243 阅读 · 0 评论 -
js -- ES6(三)-- 变量的解构赋值(根据阮一峰ES6标准入门整理 更新中。。。)
6>目前正在学习ES6,学到哪更新到哪里,都是基本的知识,复杂的目前还不会,涉及的代码都是亲自运行过的,若发现错误请指正。三、变量的解构赋值1、数组的解构赋值解构:按照一定模式,从数组和对象中提取值,对变量进行赋值基本用法从数组中提取值,按照位置的对应关系对变量赋值,只要等号两边的模式相同,左边的变量就会被赋予对应的值 ① 解构成功let [A,,[[B]],原创 2018-01-12 15:28:22 · 892 阅读 · 0 评论 -
artTemplate--js模板引擎
编写模板<script id="test" type="text/html"><h1>{{title}}</h1><ul> {{each list as value i}} <li>索引 {{i + 1}} :{{value}}</li>原创 2018-04-28 16:41:34 · 333 阅读 · 0 评论 -
element ui -- 表单验证 this.$refs[formName].validate()里面的内容不执行
问题:在做表单验证 this.$refs[formName].validate()里面的内容不执行 解决方案:1、首先确保每个验证函数一定调用了callback()函数,在验证不通过、通过时都要调用callback()函数,这里return callback()与callback()都可以; 2、如果还是有问题,再打印this.$refs[formName]如果为空说明调用...原创 2018-07-04 15:36:54 · 17045 阅读 · 11 评论 -
小程序文档整理之 -- 快速上手
注意:本文以及其他一系列小程序相关文章都是参考微信公众平台/小程序 ,官方文档讲解很详细,这里只不过是将自己学习和实践的过程以及遇到的问题记录,方便学习和解决问题,如果遇到作者出错的地方请联系作者改正。首先安装node.js:node.js下载地址 安装完成之后下载微信开发者工具,进行安装 微信开发者工具下载地址 文件结构小程序文件结构很简单,一个主体app以及各个页面 主体部分详解a原创 2017-09-20 15:31:14 · 2156 阅读 · 0 评论