2018年10月18日

摘要: 在 webpack.dev.config.js中 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 4 阅读全文
posted @ 2018-10-18 21:36 hudayang2008 阅读(170) 评论(0) 推荐(0)
摘要: 一、深度作用选择器( >>> ) 严格来说,这个应该是vue-loader的功能。”vue-loader”: “^12.2.0” 在项目开发中,如果业务比较复杂,特别像中台或B端功能页面都不可避免的会用到第三方组件库,产品有时会想对这些组件进行一些UI方面的定制。如果这些组件采用的是有作用域的CSS 阅读全文
posted @ 2018-10-18 21:35 hudayang2008 阅读(144) 评论(0) 推荐(0)
摘要: 问题描述 在学习angular时,在示例代码写到加载图片时,书中推荐使用单向数据绑定符号[]来绑定图片的路径,然后双花括号的写法是错的。 尝试 首先,按书中推荐的写法: 前端精品教程:百度网盘下载 ? 1 <img [src]="imgUrl" /> ? 1 <img [src]="imgUrl" 阅读全文
posted @ 2018-10-18 21:33 hudayang2008 阅读(156) 评论(0) 推荐(0)
摘要: a1.axios全局注册 axios不同 与vue-resource不能在import axios from 'axios'后使用Vue.use(axios),axios不是插件,要想全局使用axios应该修改其原型链,代码如下 ? 1 2 import axios from 'axios' Vue 阅读全文
posted @ 2018-10-18 21:32 hudayang2008 阅读(391) 评论(0) 推荐(0)
摘要: 前端采用了axios来处理网络请求,为了避免在每次请求时都去判断各种各样的网络情况,比如连接超时、服务器内部错误、权限不足等等不一而足,我对axios进行了简单的封装,这里主要使用了axios中的拦截器功能。 封装后的网络请求工具js如下 前端精品教程:百度网盘下载 ? 1 2 3 4 5 6 7 阅读全文
posted @ 2018-10-18 21:31 hudayang2008 阅读(508) 评论(0) 推荐(0)
摘要: 前言 公司系统在用elementui做后台开发,不免遇到一些需要自己去根据原有的功能上,加一些交互的功能。今天来介绍下我在用elementUi里的Tag标签与多选框交互的过程,东西听上去很简单,但就是越简单的东西越容易出一些问题。官方tag文档:elementUi-tag标签 效果图: 前端精品教程 阅读全文
posted @ 2018-10-18 21:30 hudayang2008 阅读(2952) 评论(0) 推荐(0)
摘要: vue项目,访问打包后的项目,输入路径后,页面加载空白。这时会有两类问题,都是路径问题。 1.一个是css,js,ico等文件加载不到,是目录里少了dist 打开页面时一片空白 解决办法: 前端精品教程:百度网盘下载 config/index.js文件的build->assetsPublicPath 阅读全文
posted @ 2018-10-18 21:27 hudayang2008 阅读(305) 评论(0) 推荐(0)
摘要: 实际在vue中 this.A = this.B,没有进行深层赋值,只是把this.A的地址指向了与this.B相同的地址,所有对于A的修改会影响到B。 解决相互影响的思路是在this.A必须是新建的一个对象,这样才能保证不被指向同一地址,属性修改不会相互影响。 解决方式: 前端精品教程:百度网盘下载 阅读全文
posted @ 2018-10-18 21:26 hudayang2008 阅读(1793) 评论(0) 推荐(0)
摘要: 1.首先执行:npm install jQuery --save-dev,在package.json里加入jQuery。 2.修改build下的webpack.base.conf.js 方法一: 首先加入: ? 1 const webpack = require("webpack") ? 1 con 阅读全文
posted @ 2018-10-18 21:25 hudayang2008 阅读(458) 评论(0) 推荐(0)
摘要: 一、concat() concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 ? 1 2 3 4 5 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1.concat(arr2); console 阅读全文
posted @ 2018-10-18 21:24 hudayang2008 阅读(95) 评论(0) 推荐(0)
摘要: 最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦! 一、npm 安装 ? 1 2 3 4 // 当前最新版本 1.2.0 阅读全文
posted @ 2018-10-18 21:23 hudayang2008 阅读(145) 评论(0) 推荐(0)
摘要: 背景:项目需要,我们引入了前端框架就是目前最流行的框架之一vue,同时引入了一套由饿了吗维护的ui库,由于我们是在pc端使用发现它竟然没有提供可随意拖动的窗口,可能用的更多的时移动端吧吧,于是就随手写了一个,比较简单吧,但是做过的就会知道也是有一些小小的技巧,记录下吧留作备用。 由于不是很难,就不做 阅读全文
posted @ 2018-10-18 21:22 hudayang2008 阅读(460) 评论(0) 推荐(0)
摘要: 如下: changeList为一个数组 此时请求的参数格式为下图 前端精品教程:百度网盘下载 解决方案为 将数组json序列化 此时参数格式为 前端精品教程:百度网盘下载 阅读全文
posted @ 2018-10-18 21:21 hudayang2008 阅读(1242) 评论(0) 推荐(0)
摘要: 搭建基于es6和热加载的前端简单开发环境,适合demo类小项目,这样就不用依赖browsersync等多余的东西 目录结构 安装依赖 前端精品教程:百度网盘下载 注意版本,尤其是babel,可去babel的npm地址查看,那里不会错 ? 1 2 3 4 5 #bebal相关 yarn add bab 阅读全文
posted @ 2018-10-18 21:18 hudayang2008 阅读(146) 评论(0) 推荐(0)
摘要: 在v-for循环出来的列表中使用v-bing动态绑定class、v-show或v-if动态控制个别item 场景一般多用于多项选择 原因是在v-for循环的时候 items是动态创建,所以不会被监听并且实时动态控制class 前端精品教程:百度网盘下载 解决方法是 vm.$set 官方文档中有介绍 阅读全文
posted @ 2018-10-18 21:18 hudayang2008 阅读(415) 评论(0) 推荐(0)
摘要: 在Vue开发中,有很多场景会用到多次重复的API请求。 例如: 前端精品教程:百度网盘下载 ? 1 '//192.168.1.117:1009/' ? 1 '//192.168.1.117:1009/' ? 1 '//192.168.1.117:1009/' ? 1 '//192.168.1.117 阅读全文
posted @ 2018-10-18 21:16 hudayang2008 阅读(234) 评论(0) 推荐(0)
摘要: 当你好不容易的做好了一个Vue项目,准备去上线的时候却发现不知道该怎么办时,或者遇到了一些问题,那么来看我这篇文章吧,你会有所收获的。 1:打包 项目上线必须要打包。 前端精品教程:百度网盘下载 命令: npm run build 打包后会生成 一个 dist 文件夹,里边有 index.html文 阅读全文
posted @ 2018-10-18 21:15 hudayang2008 阅读(240) 评论(0) 推荐(0)
摘要: 在项目开发过程中,让人抓狂之一的问题就是一个点击事件,当快速点击的时候,它会重复发送多个请求。这是不允许出现的。 但是怎么解决这个问题呢? 一般处理方法,就是点击的时候,立刻将该按钮disabled,这样就可以避免重复发送请求了。但是我发现这个有一个弊端,那就是: 前端精品教程:百度网盘下载 如果, 阅读全文
posted @ 2018-10-18 21:14 hudayang2008 阅读(963) 评论(0) 推荐(0)
摘要: 1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装,请按照此文章进行安装https://www.jb51.net/article/138020.htm //检查是否有node.js npm vue win+r 输入cmd 输入node -v 回车 会出现node,js的版本 阅读全文
posted @ 2018-10-18 21:13 hudayang2008 阅读(185) 评论(0) 推荐(0)
摘要: 在搭建 vue 项目时,有某些组件没必要多次渲染,所以需要将组件在内存中进行‘持久化',此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中。在下一次显示时,也不会重现渲染。 PS:<keep-a 阅读全文
posted @ 2018-10-18 21:09 hudayang2008 阅读(440) 评论(0) 推荐(0)

导航