摘要：
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表，html: 在css上加上动画transition 重点是下面js的实现： 分为两种情况： （一）初始状态是收缩时： （二）初始状态是展开时： 稍微改动： 来源：https://segmentfau 阅读全文
摘要：
Vue的watch属性 Vue的watch属性可以用来监听data属性中数据的变化 可以从上述代码中实践得知，输入框内的值变化多少次，控制台就会打印多少次 同时还可以直接在监听的function中使用参数来获取新值与旧值 其中第一个参数是新值，第二个参数是旧值 同时Watch还可以被用来监听路由ro 阅读全文
摘要：
在日常的项目开发中，我们会用到各种第三方库来提高效率，但随之带来的问题就是打包后的vendor.js体积过大，导致加载时空白页时间过长，给用户的体验太差。为此我们需要减少vendor.js的体积，从本质上来解决这种问题。 webpack的外部扩展(externals)可以有效的解决。external 阅读全文
摘要：
vue router的HTML5 History 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id， 就是长这样的！ 阅读全文
摘要：
七牛云服务器的储存区域 存储区域 地域简称 上传域名 华东 z0 服务器端上传：http(s)://up.qiniup.com 华东 z0 客户端上传： http(s)://upload.qiniup.com 华北 z1 服务器端上传：http(s)://up z1.qiniup.com 华北 z1 阅读全文
摘要：
props使用细节 在Vue.js中我们可以使用 props 实现父组件传递数据给子组件，下面我们总结一下props的使用细节 其中每一项也有很多细节，具体看demo 来源：https://segmentfault.com/a/1190000016309630 阅读全文
摘要：
vue做移动端经常碰到弹窗的需求, 这里写一个功能简单的vue弹窗 popup.vue 组件html结构, 外层divposition:fixed定位, 内层div显示弹窗内容 popup.vue只有2个属性: 文本和显示时间。组件显示隐藏由内部属性visible控制，只暴露给外界open和hide 阅读全文
摘要：
单选 当我们用v for渲染一组数据的时候，我们可以带上index以便区分他们我们这里利用这个index来简单地实现单选 首选定义一个selectedNum,当我们点击item时，便把这个selectedNum更改为我们所点击的item的index，然后每个item上加入判断selectedNum是 阅读全文
摘要：
最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以 阅读全文
摘要：
先问大家一个简单的问题： 还有人记得 jquery 里面的 data 方法是如何让 DOM 节点绑定对应的数据对象的吗 有时候我们做节点关联设计的思路其实有一点类似，但是在 vue 里面多了很多概念，比如： 1、vnode: 如何生成的，包含子父关系、属性 data2、内置的 ref 对象的 cre 阅读全文
摘要：
我来打自己脸了!!!!...刚刚发现在中文输入法下是无效的,有人能解决这个问题么 如果要求input只能输入数字怎么做？ 设置type="number" ? 那我如果想限制长度，此时maxLength=“6” 会失效，js限制长度？ 太麻烦了 并且type="number" 还存在的一个问题是，当输 阅读全文
摘要：
前言 在H5项目中，需要用到翻页效果，通过 Swiper 来实现，安装 Swiper 但是实际使用中，发现低版本 iOS < 11 会出现下面这个错误： 原因 Swiper.js 这个 npm 包里面还使用了 dom7 和 ssr window，所以需要对这两个插件进行 Babel 转 ES5 阅读全文
摘要：
废话不多说先上成果图 实现思路 主要分界面与逻辑两大块 界面分为5个部分 左滑块长度 左内容位置 中间长度 右滑块长度 右内容位置 逻辑 touch3个事件 各滑块长度及位置计算 选中时变色 具体实现步骤 首先我们明白整个容器的长度是不变的等于左边+中间+右边所以我们可以通过先获取总的容器的宽度并用 阅读全文
摘要：
一、前言 我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。 注意：版本比较多，这里介绍最新版 二、代码 1. 安装 现在最新的版本应该是1.0.0，另外还有一个比较经典的版本是0.5.0，网 阅读全文
摘要：
1. 概述 1.1 简介 Java 8 引入了一套全新的时间日期API，操作起来更简便。简单介绍下，LocalDate和LocalTime和LocalDateTime的使用； java.util.Date月份从0开始，java.time.LocalDate月份从1开始并且提供了枚举。 java.ut 阅读全文
摘要：
vue2 editor的入门使用准备工作： 使用 npm install vue2 editor save 安装到项目中去； 使用 在需要的单文件内引入 import { VueEditor } from 'vue2 editor',注册组件 具体demo 注意事项： 对于这个上面的customTo 阅读全文
摘要：
在看这篇文章之前，需要你对构建多页面应用有一定的基础认识，如果没有的话，可以先参考这篇文章webpack 构建多页面应用。 多页面应用是由一个个独立的页面组成。因此，细粒度的处理一个个单页面是构建单页面框架之后的一个重要实现。 因为所涵盖的知识点较碎，所以就不按照页面的位置结合组成元素来讲，如：he 阅读全文
摘要：
起因 搜索引擎搜索tapable中文文档,你会看见各种翻译,点进去一看,确实是官方的文档翻译过来的,但是webpack的文档确实还有很多需要改进的地方,既然是开源的为什么不去github上的tapable库看呢,一看,确实,比webpack文档上的描述得清楚得多. tapable 是一个类似于nod 阅读全文
摘要：
ES6 export 和 export default的区别 昨天帮一个网友解决一个typescript的问题，看了一下，归根结底还是对js的import和export用法的不熟悉。让我想起来当年学这个知识点的时候，也是云里雾里跌跌撞撞『猜』了很久用法，踩过坑。当时主要看的是阮一峰的这篇文章 hpt 阅读全文
摘要：
本文由云+社区发表 1. 需求 最近的项目中，需要实现在vue框架中动态渲染带提示框的单选/多选文本框，具体的效果如下图所示，在输入框聚焦时，前端组件通过接收的kv参数渲染出选项，用户点击选项，可以将选择的选项的key拼装到输入框中，同时允许用户自由输入。 由于项目中使用的element ui，首选 阅读全文