欢迎加入前端交流群交流知识&&获取视频资料:749539640 很多同学问,怎么把swiper引入到vue的脚手架里去,之前的一篇博客有提到怎么引入,但是后来感觉不怎么好,还是用一些vue ui组件感觉好一些: 常见的vue组件: pc: element ui :http://element.eleme.io/#/zh-CN iview :https://www.iviewui.com/ mobile: mint-ui:http://mint-ui.github.io/#!/zh-cn 今…

Laravel 版本:6.X Vue 版本:2.X Laravel配置: Laravel使用的是Laragon安装 选择Laravel:接下来弹出框,输入项目名,laravel会自动创建一个数据库,数据库名与项目名相同, 安装开始 安装完毕 过程中会弹出命令提示框,选择OK就行,忘记选择的话需要自己配置host 还要注意 弹出命令提示框如果没有选,后续可能需要自己生成一个conf[直接去目录copy一个其他的,文件名和文件内部的内容改成lavue.test的,然后reload重启Apache],…

今天项目中有个需求,就是在页面中点击一个图标,弹出一个抽屉式的弹窗(弹窗是element UI的抽屉),弹窗里边是echarts呈现的数据,当我直接用echarts的时候,报错dom没有获取到: 这就陷入疑惑,平时都是这样获取的,怎么今天就不行了呢,搜索了很多答案之后才知道,在刚进入页面的时候抽屉是关闭的,那echarts不进行获取dom,当点击抽屉出来的时候,有个opened事件,在这个事件里边进行echarts的初始化,执行数据: <el-drawer title="分析图表"…

element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.obj.token); 用getItem取出: sessionStorage.getItem('token') <div class="addImg"> <el-upload ref="upload" class="wid" :acti…

好家伙,这波是概念补充 1.什么是工程化概念? 我的开发: 开个项目,想怎么改怎么改,拉个东西过来就用 实际的前端开发: (1) 模块化(js的模块化,css的模块化,资源的模块化) (2) 组件化(复用现有的UI格式,样式,行为) (3) 规范化(目录结构的划分,编码规范化,接口规范化,文档规范化,Git分支管理) (4) 自动化(自动化构建,没自动部署,自动化测试) 企业中的Vue项目React项目,都是基于工程化的方式进行开发的 简单来说就是一个大项目需要一个团队一起合作完成 这个团队中就…

webpack启服务步骤: 1.新建空文件夹webpack-vue.在空文件夹右键点击- GIt Bath here--输入cnpm init--按程序走完会生成package.json文件 2.打开package.json文件,先把main和scripts对应内容修改 3.在package.json 安装相关模板(生产模块/开发模块/服务命令). 输入cnpm install vue --save 安装开发环境 package.json里面便会对应的出现vue文件 输入cnpm i -D we…

webpack-dev-server工具能实现自动打包编译和热更新 首先将webpack-dev-server安装到项目中 npm install webpack-dev-server -D 这时在命令行窗口中敲 webpack-dev-server 会发现 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件. 这是由于该工具只是安装到本地项目中了 纳尼? 难道要全局安装一下吗??? 没必要!!!这时只需在根目录的package.json中"scrip…

在我们的实际项目开发中,多数是采用按需引入的模式来进行开发的,那么具体应该如何操作呢,可能会有许多新人傻傻分不清楚,具体将在下文讲到. 首先我们先vue create demo创建一个项目出来此时我们的项目是这样的 此时我们在终端输入 vue add element 可以看到让我们选择全部引入还是按需引入,此时我们选择按需引入,Import on demand 然后选择zh-CN,这时候我们可以看到此处多了一个plugins的文件夹,里面有一个element.js的文件,并且main.js中多了…

直接看代码吧,可以直接粘贴此代码到你的编辑器中看效果. <template> <div class="page-component"> <div class="container"> <el-select v-model="value" placeholder="请选择" -loadmore="loadMore" > <el-option v-for=&…

1.Java提供了一个操作Set.List.Map等集合的工具类:Collections. 工具类中提供的方法主要针对Set.List.Map的排序.查询.修改等操作,以及将集合对象设置为不可变.对集合对象实现同步控制(线程安全)等方法. 2.排序 3.查找.替换 4.同步控制 Collections类中提供了多个synchronizedXxx()方法,这些方法可以将指定集合包装成线程同步的集合,从而可以解决多线程并发访问集合时的线程安全问题. Java中常用的实现类HashSet.TreeSe…