首页
学习
活动
专区
工具
TVP
发布

vue学习

专栏作者
155
文章
172771
阅读量
42
订阅数
13、webpack从0到1-css代码分割
前面chapter11介绍了js的代码分割,本章说下css的代码分割如何弄。 git仓库:webpack-demo 1、开始 前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了,是个什么东西,但那是对js模块做代码分割,这节说下css的代码分割。 主要借助的就是一个插件:MiniCssExtractPlugin,还是沿用我们以前的代码,我们先来安装一下。 $ cd chapter13 $ npm install mini-css-extract-plugin --sa
Ewall
2020-03-24
3760
1、webpack从0到1-开始
这系列文章就是手把手教你如何从零构建一个webpack项目。目的就是为了了解webpack打包怎么玩的,平常项目开发中所用如ES6语法、less、vue是如何被打包的,是一个比较基础的内容,我也是为了总结一下这方面的知识点,梳理一下个人的知识体系而写下这些文字。 工具及版本:vscode、webpack(v4.41.5)、node(v10.16.0) git仓库:webpack-demo 1、什么是webpack? “webpack is a module bundler.”—webpack官网
Ewall
2020-03-20
6930
简单又快捷的进度条—NProgress库了解一下
推荐一个小而美的进度条库nprogress 1、介绍 就是这么一个效果,如下图所示 官网、github 2、安装引入 安装 $ npm install --save nprogress main
Ewall
2019-10-21
7470
复制文字到剪贴板—Vue-clipboard2
就这么一个简单的小组件,实现一个小功能;过了一段时间以后新需求要复现这个功能竟然又忘记了怎么写,又去找着github网址看了一下文档。。。。还是写下来。 1、安装 github上了解一下:Vue-
Ewall
2019-08-18
1.6K0
40、个人中心页面
前言:本章把个人中心页面写完,基本上这个项目的前端页面制作方面的工作大体就完成了,其它不足的我们在前后端交互的时候继续完善。 GitHub:https://github.com/Ewall1106/
Ewall
2018-12-06
1.9K0
44、MongoDB集合操作
(1)大家首先要知道,MongoDB中集合的概念也就是我们一般在mysql中所说的表,如何创建一个集合呢?如下:
Ewall
2018-12-06
4650
38、vuex管理用户地址
(1)通过上一章vuex初探(五)的学习,我们知道在组件中可以直接commit提交mutations。
Ewall
2018-10-15
5990
37、vuex初探(五)
(2)通过这张图我们知道了vuex状态管理机制的一个大体步骤,但是,前面我有一点没提到,那就是在组件中,可以通过commit方法跳过1步骤直接提交mutations,如图:
Ewall
2018-10-08
4230
36、vuex初探(四)
(1)首先我们需要明确一点的就是,像mapState这些都是辅助函数,只不过是一种简写方法,让你少按几次键而已。以mapState辅助函数为例:
Ewall
2018-10-08
4210
35、vuex初探(三)— 仓库拆分
下章我们就说说mapGetters、mapMutation、mapState这几个方法。
Ewall
2018-09-30
7040
33、vuex初探(一)
看完以后应该是有点懵逼的,所以这就是这篇文章存在的意义了:就是让你不那么懵逼;总归理论与实践相结合才能真正弄明白一个东西,所以我们简单实践一下。
Ewall
2018-09-30
4980
32、localStorage本地储存
其实这种实现方式很不好,这章的主要意义还是在于localStorage这个知识点的运用,下章我们学着使用vuex来进行这个地址状态的管理。
Ewall
2018-09-30
1.9K0
31、地址新增 — 定义数据结构与获取方式
(1)让我们进入addressEdit.vue页面填写一条地址,ok,现在假设你已经填写完毕。 (2)这个时候我们点击保存按钮且应该为这个按钮添加一个save事件,通过官方文档可知,我们可以通过这个事件获取填写表单的内容。
Ewall
2018-09-30
8500
小程序 — scroll-view组件实现滚动
(1)当然,关于scroll-view组件官网还提供了许多其它的属性和事件方法,大家仔细去看看:
Ewall
2018-09-30
1.4K0
30、地址填写(姓名、电话、省市区)
(1)跟以前一样,我们复制一份我们已经初始化好了的test.vue页面重命名为addressEdit.vue页面开始初始化。     关于文件名字规范这里提一句,大家可以参考一下我写的关于vue的命名规范
Ewall
2018-09-30
2.4K0
小程序 — 选项卡
(2)将用户点击传过来的index值赋给data中改变当前的索引值activeIndex
Ewall
2018-09-30
1.5K0
29、地址列表
(1)关于颜色的改变前面在做轮播图的时候我们已经处理过,当时我们的解决方法是用在开发中工具中找到它的class类名,然后我们使用vue的穿透选择器改变这个类名的基本样式,从而实现样式的覆盖。
Ewall
2018-09-30
8450
小程序 — 实现左滑删除效果(列表)③
首先我们初始化一个list列表并为其添加数据,这个列表有两个值分别为标题文字title和初始的偏移量x:
Ewall
2018-09-30
1K0
小程序 — 实现左滑删除效果②
(1)在上一章中,我们给movable-view绑定了一个bindchange事件,事件名为onChange,这个事件是干吗的呢?
Ewall
2018-09-30
1.1K0
小程序 — 保存图片到手机相册②(用户授权等)
(1)如果用户第一次点击的时候,对弹出来的微信授权弹窗点击了拒绝,那么之后点击保存图片就没用了:
Ewall
2018-09-30
2.6K0
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档