摘要：
一、初始化：webpack 项目塔建： 使用vue cli塔建基于webpack的vue环境。然后根据vux官网安装使用文档安装vux组件库及配置build/webpack.base.conf.js。如果看不懂webpack.base.conf.js怎么配，直接点击这里拷贝这里吧。 安装其它的依赖： 阅读全文
posted @ 2018-11-14 21:17
sfornt
阅读(707)
评论(0)
推荐(0)
摘要：
使用的是vue element admin做示例，可以参考Vue项目根据不同运行环境打包项目，其他项目应该大同小异。 使用vue router的browserHistory模式，配置mode: 'history', 有更好的体验。 目的： 想将项目打包后发布到apache的www下的vue子目录 先 阅读全文
posted @ 2018-11-14 21:15
sfornt
阅读(3214)
评论(0)
推荐(0)
摘要：
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数， 代码如下： 这里重要的是判断，当当前页面为0的时候，即第一页 阅读全文
posted @ 2018-11-14 21:15
sfornt
阅读(564)
评论(0)
推荐(0)
摘要：
ElementUi 表单验证 工作中常用到的JS验证 可以在pattern中书写正则，并且配合elementUI进行表单验证。 pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。 原文地址：https://segmentfault.com/a/1190000012551362 阅读全文
posted @ 2018-11-14 21:13
sfornt
阅读(3696)
评论(0)
推荐(0)
摘要：
你们公司的产品是不是还在做一个可编辑表格功能? 1.前言 咱开发拿到需求大多数是去网上找成型的组件，找不到再看原生的方法能否实现，大牛除外哈，大牛一般喜欢封装组件框架。 2.思路 可编辑表格在后台管理系统还是比较常用的，因为比较流行框架element,iview都没有这个应用,所以考虑了两种方法，下 阅读全文
posted @ 2018-11-14 21:12
sfornt
阅读(4605)
评论(0)
推荐(0)
摘要：
最近在使用vue进行开发，遇到了组件之间传参的问题，此处主要是针对非父子组件之间的传参问题进行总结，方法如下：一、如果两个组件用友共同的父组件，即 1、父组件给组件1绑定一个方法，让组件1进行回调,组件2接收某个属性，通过改变父组件的数据从而实现组件2的属性值的更新，即父组件 组件1 2、通过bus 阅读全文
posted @ 2018-11-14 21:11
sfornt
阅读(343)
评论(0)
推荐(0)
摘要：
分析vue是如何实现数据响应的. 前记 现在回顾一下看数据响应的原因. 之前看了vuex和vue i18n的源码, 他们都有自己内部的vm, 也就是vue实例. 使用的都是vue的响应式数据特性及$watchapi. 所以决定看一下vue的源码, 了解vue是如何实现响应式数据. 本文叙事方式为树藤 阅读全文
posted @ 2018-11-14 21:10
sfornt
阅读(447)
评论(0)
推荐(0)
摘要：
Vue异步组件Demo 在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js 允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js 只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。 下面是我写的一个简单Vue异步组件De 阅读全文
posted @ 2018-11-14 21:09
sfornt
阅读(628)
评论(0)
推荐(0)
摘要：
前文 vue reclick 传送门 哈哈,好了!广告打完了,开始进入正题(等一下,听说star有奖哦)... 1.使用场景 2.api详解 3.封装自定义指令 4.将封装好的插件发布到npm. 原文地址：https://segmentfault.com/a/1190000012566413 阅读全文
posted @ 2018-11-14 21:08
sfornt
阅读(1047)
评论(0)
推荐(0)
摘要：
常看到各种app应用中使用自定义的键盘，本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用，欢迎点赞，h5 ios输入框与键盘 兼容性优化 实现效果： Keyboard.vue KeyInput.vue 使用demo 完整代码：https://github.com/dawnyu/vue. 阅读全文
posted @ 2018-11-14 21:07
sfornt
阅读(4603)
评论(0)
推荐(1)
摘要：
问题描述： 项目在本地运行不报错，上传到 GitHub 之后，再 clone 到本地， npm install 安装完成之后再执行 npm run dev 这时报错 Error: No PostCSS Config found in... 本以为是 GitHub 上传的问题，后开又试了两回，发现问题 阅读全文
posted @ 2018-11-14 21:05
sfornt
阅读(217)
评论(0)
推荐(0)
摘要：
前言 这段时间，算是空出手来写几篇文章了。由于很久都没有时间整理现在所用的东西了，所以，接下来会慢慢整理出一些文档来记录前段时间的工作和生活。 这篇文章的主题是vue cli的理解。或许，很多人在开发vue的时候，我们会发现一个问题——只会去用，而不明白它的里面的东西。现在的框架可以说是足够的优秀， 阅读全文
posted @ 2018-11-14 21:04
sfornt
阅读(249)
评论(0)
推荐(0)
摘要：
由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法以外，最大的不同应该是对于组件间的通信，不仅有props，还有一种事件监听，也是可以通过组件间传递的。我们知道vue的事件监听是一个 阅读全文
posted @ 2018-11-14 21:02
sfornt
阅读(2918)
评论(0)
推荐(0)
摘要：
常规解决套路可以参考这篇：https://segmentfault.com/a/11... 我采用了上面的做法，依然没法解决。我采用的是vue cli脚手架自动生成的项目结构： vue cli版本 2.9.1webpack版本 3.6.0vue版本 2.5.2 又加上出现这个问题的项目copy了一部 阅读全文
posted @ 2018-11-14 21:01
sfornt
阅读(3455)
评论(1)
推荐(0)
摘要：
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式 阅读全文
posted @ 2018-11-14 21:00
sfornt
阅读(6374)
评论(0)
推荐(0)
摘要：
VUEJS开发规范 基于组件化开发理解 组件命名规范 结构化规范 注释规范 编码规范 基于组件化开发理解 什么是组件？ 组件化开发的好处 组件化和模块化的区别 Vue组件化开发 组件命名规范 Vue官方文档给予以下说明： 命名可遵循以下规则： 结构化规范 基于Vue cli脚手架的结构基础划分 vu 阅读全文
posted @ 2018-11-14 20:58
sfornt
阅读(801)
评论(0)
推荐(0)
摘要：
一入冬懒癌发作，给自己找点事干。之前博客程序写过几次，php 的写过两次，nodejs 用 ThinkJS 写过，随着 ThinkJS 版本从1.x 升级到 2.x 之前的博客程序也做过升级。但是因为前面考虑搜索引擎抓取还是用传统的方式开发，没有做前后端分离。这次准备用 vue2.x 和 Think 阅读全文
posted @ 2018-11-14 20:57
sfornt
阅读(1802)
评论(0)
推荐(0)
摘要：
计算属性 computed 侦听器or观察者 watch 一直以来对computed和watch一知半解，用的时候就迷迷糊糊的，今天仔细看了看文档，突然茅塞顿开，原来就是这么简单啊： computed，通过别人改变自己watch，通过自己改变别人 需要注意的是，computed会缓存数据，只有在满足 阅读全文
posted @ 2018-11-14 20:56
sfornt
阅读(168)
评论(0)
推荐(0)
摘要：
前排提示：现在可以直接使用封装好的插件vue quill editor upload 需求概述 vue quill editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue quill editor默认的处理方式是直接将图片转成base6 阅读全文
posted @ 2018-11-14 20:54
sfornt
阅读(1615)
评论(0)
推荐(0)
摘要：
在家的闲暇时间来完善自己的前端知识。 经过两三天的学习，按照webpack文档学习，vue文档学习，最后实现了两者结合的目标。 webpack 按照网站上guide的流程依次学习 1、使用npm安装webpack2、设置输入文件，比如怎样引入css，images，fonts，data3、设置输出文件 阅读全文
posted @ 2018-11-14 20:52
sfornt
阅读(162)
评论(0)
推荐(0)
摘要：
为什么会出现Vuex 非父子关系的组件如何进行通信？（Event Bus）bus.js foo.vue bar.vue 查看效果 但是当我们需要修改这个操作的时候，我们需要动3个地方，倘若项目小的话还倒好说，但是对于大项目组件间交互很多的概况，Event Bus就会表现的很吃力。Vuex的出现就是为 阅读全文
posted @ 2018-11-14 20:51
sfornt
阅读(331)
评论(0)
推荐(0)
摘要：
最近在开发vue的过程中，不断用到了计算属性（computed）和观察者(watch)，从逻辑上感觉它们很相似，但是尝试混用它们的时候，又出现了一些问题，那么它们到底有什么异同呢？ 1. computed VS data问计算属性与观察者异同这个问题之前，首先要明确为啥会有计算属性，即compute 阅读全文
posted @ 2018-11-14 20:50
sfornt
阅读(308)
评论(0)
推荐(0)
摘要：
简介： 通过配置json文件，直接生成列表和列表详情 配置文件是json格式 配置完成后可以生成预览 需要后端支持按一定的格式返回数据 config.json list.vue filter bar.vue 持续完善中... 原文地址：https://segmentfault.com/a/11900 阅读全文
posted @ 2018-11-14 20:48
sfornt
阅读(275)
评论(0)
推荐(0)
摘要：
今天把远程仓库拉下项目，运行'npm run dev'时，报错 报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue template compiler的版本不一致。 解决方案：统一vue和vue template comp 阅读全文
posted @ 2018-11-14 20:39
sfornt
阅读(8470)
评论(1)
推荐(0)
摘要：
前言 大型单页应用（后面都是指spa），我们往往会通过使用状态管理器 vuex 去解决组件间状态共享与状态传递等问题。这种应用少则几十个单页，多则上百个单页。随着路由的频繁切换，每个路由对应的 vuex 中的状态将越来越多。为了做到页面的极致优化，我们需要将那些闲置的状态重置，以减小占用的内存空间。 阅读全文
posted @ 2018-11-14 20:37
sfornt
阅读(1049)
评论(0)
推荐(0)
摘要：
1、computed属性： 经过处理返回的数据值,只要源数据没有发生改变,computed函数里面对相应的数据就不会反生改变,相当于缓存在本地;发生改变的时候,computed对应数据的函数才会发生改变。 2、computed属性和methods属性： 你可能已经注意到我们可以通过调用method来 阅读全文
posted @ 2018-11-14 20:32
sfornt
阅读(229)
评论(0)
推荐(0)
摘要：
问题描述 使用@import引入外部css，作用域却是全局的 Add "scoped" attribute to limit CSS to this component only 这句话大家应该是见多了, 我也使用scoped, 但是使用@import引入外部样式表作用域依然是全局的，看了一遍@im 阅读全文
posted @ 2018-11-14 20:29
sfornt
阅读(1256)
评论(1)
推荐(0)
摘要：
从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。官方考虑是基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆落。特别是在组件层级比较深的情况下。通过广播和事件分发的机制，就显得比较混乱了。 官方在 阅读全文
posted @ 2018-11-14 20:19
sfornt
阅读(1291)
评论(0)
推荐(0)
摘要：
注：本文是我在开发过程中遇到问题及解决方法的总结，之后会持续更新，希望帮助到更多的学习者。文中有不妥的地方希望指出共同学习，同时欢迎一起补充。 VueJS 开发常见问题集锦 npm篇 npm安装依赖报错：permission denied，错误信息大致如下： 关键错误信息：Error: EACCES 阅读全文
posted @ 2018-11-14 20:18
sfornt
阅读(1403)
评论(0)
推荐(0)
摘要：
原文地址：vue单文件中引用路径的处理如有错误，欢迎指正！ vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如 <img>, style 中的 background 的处理等。下文中讨论了几种不同场景下的 <img> 的 src 处理，解释了在使用 vu 阅读全文
posted @ 2018-11-14 20:16
sfornt
阅读(638)
评论(0)
推荐(0)
摘要：
今天做项目时踩到了vue router传参的坑（query和params），所以决定总结一下二者的区别。 直接总结干货！！！ 1.query方式传参和接收参数 注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！ this.$router 和this.$ro 阅读全文
posted @ 2018-11-14 20:14
sfornt
阅读(286)
评论(0)
推荐(0)
摘要：
1.适用人群 2.目的 https://github.com/webfansplz... 觉得有帮助到你的同学给个star哈,也算是对我的一种支持！ 3.脚手架结构 4.配置npm scripts 4.1 生成package.json文件,配置npm scripts. 4.1.1 使用 npm in 阅读全文
posted @ 2018-11-14 19:35
sfornt
阅读(486)
评论(0)
推荐(0)
摘要：
写在最前面 新手前端刚刚接触vue，感觉真的好用。项目中需要使用axios，然后学习了一下。借鉴网上一些大佬的经验，现在分享一下axios的简单封装，如果有什么错误的地方，请大家指出。 axios安装 npm install axios save 最最简单的使用 首先在src目录下创建axios文件 阅读全文
posted @ 2018-11-14 19:33
sfornt
阅读(472)
评论(0)
推荐(0)
摘要：
apache的配置 这是windows下的 在httpd vhosts.conf文件中把目录指向项目index.html文件所在的位置 然后再 index.html文件的同级路径下 创建.htaccess文件 内容就是官方文档给的 一点都不用改 然后确保 config/index.js中的build 阅读全文
posted @ 2018-11-14 19:32
sfornt
阅读(1587)
评论(0)
推荐(0)
摘要：
问题描述 搜索输入框中，只当用户停止输入后，才进行后续的操作，比如发起Http请求等。 学过电子电路的同学应该知道按键防抖。原理是一样的：就是说当调用动作n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间。本文将分别探讨在angular.js和vue.js中如何实现对用户输入的 阅读全文
posted @ 2018-11-14 19:30
sfornt
阅读(1034)
评论(0)
推荐(0)
摘要：
这三个路由绑定的是同一个组件，在 里面这种动作只会执行一次,也就是只能拿到该组件创建时的路由id，如果要获得不同的id必须使用官方推荐的方法响应路由参数的变化 或者使用 2.2 中引入的 beforeRouteUpdate 守卫： 原文地址：https://segmentfault.com/a/11 阅读全文
posted @ 2018-11-14 19:29
sfornt
阅读(488)
评论(0)
推荐(0)
摘要：
parcel vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上 项目地址: https://github.com/w3c king/p... 初始化项目 $ git clone https://github.com/w3c king/parce 阅读全文
posted @ 2018-11-14 19:28
sfornt
阅读(305)
评论(0)
推荐(0)
摘要：
项目结构 build 构建工具相关的目录 config 配置目录 dist 通过工具打包生成的最终需要上线的目录 node_modules 存放本地开发所有的依赖包的目录 src 源码目录 static 存放图片等静态资源的目录 .babelrc babel是把新的ES语法，编译成浏览器兼容的语法的 阅读全文
posted @ 2018-11-14 19:26
sfornt
阅读(529)
评论(0)
推荐(0)
摘要：
父组件 > 子组件 通过props来进行通信 父组件代码: 子组件代码: 子组件 > 父组件 子组件代码: 父组件代码: 原文地址：https://segmentfault.com/a/1190000012783745 阅读全文
posted @ 2018-11-14 19:23
sfornt
阅读(221)
评论(0)
推荐(0)
摘要：
前言 最近因业务需求在项目中嵌入了tinymce这个编辑器，用于满足平台给用户编辑各类新闻内容什么的业务需求，前后也花了不少时间体验和对比了市面上各类开源编辑器。 各大WYSIWYG编辑器的简单比较 UEditor： 因为已经不再维护了，需要大量修改源码，很多都是专门为jsp等服务器渲染项目写的代码 阅读全文
posted @ 2018-11-14 19:15
sfornt
阅读(4779)
评论(1)
推荐(0)
摘要：
我们常常会遇到img加载图片的时候因为网络问题或者图片过大导致图片加载失败的问题，页面就因为这张蹦掉的图变得不美观。所以我们需要图片加载失败的时候重新加载图片，前端图片加载优化 判断网络连接情况,重新连接网络时再请求图片 测试一下（把代码复制到chrome的console里面运行） 结合上面的图片重 阅读全文
posted @ 2018-11-14 19:11
sfornt
阅读(4238)
评论(0)
推荐(0)
摘要：
vue路由知识整理 对于单页应用,官方提供了vue router进行路由跳转的处理.我们已经可以通过组合组件来组成应用程序，当你要把 vue router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue router 在哪里渲染它们。 参考文章 阅读全文
posted @ 2018-11-14 19:08
sfornt
阅读(246)
评论(0)
推荐(0)
摘要：
在 vue 项目使用 echarts 的场景中，以下三点不容忽视：1. 可视化的数据往往是异步加载的；2. 若一个页面存在大量的图表（ 尤其当存在关系图和地图时 ），往往会导致该页面的渲染速度很慢并可能在几秒内卡死，产生极差的用户体验。3. 引入 echarts 组件导致编译后的文件过大从而使得首次 阅读全文
posted @ 2018-11-14 19:07
sfornt
阅读(2104)
评论(0)
推荐(0)
摘要：
推荐使用Vue cli工具来创建和管理项目，就算刚开始不熟悉，用着用着便可知晓其中的奥妙。前一段时间官方所推荐的数据请求插件还是Vue resource，但现在已经变了，变成了Axios,不用知道为什么变了，反正这个用起来比那个好一些，用就是了，下面是一些封装axios请求的一些经验，不对之处，还望 阅读全文
posted @ 2018-11-14 19:05
sfornt
阅读(1093)
评论(0)
推荐(0)
摘要：
前言 前段时间使用vue做了一套后台管理系统，其中使用最多就是递归组件，也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起分享。 递归组件 组件在它的模板内可以递归地调用自己，只有当它有 name 选项时才可以。 在官网这句话就是关键定义组件是一定要有name属性。 模拟数据格式如 阅读全文
posted @ 2018-11-14 19:02
sfornt
阅读(987)
评论(0)
推荐(0)
摘要：
前言 最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。 组件之间传值有这么几种数据传递方式，vuex、props、eventBus和特殊的eventBus。 vuex 我就传两个数 阅读全文
posted @ 2018-11-14 19:00
sfornt
阅读(198)
评论(0)
推荐(0)
摘要：
百度地图官网文档介绍使用JSSDK时，仅提供了2种引入方式： script引入 异步加载 解决跨域问题，实例调用百度地图 但vue项目中仅某一两个页面需要用到百度地图，所以不想在 index.html 中全局引用。 那在单个vue组件页面中如何引入呢？ 刚开始时，是直接通过 DOM 操作方式插入sc 阅读全文
posted @ 2018-11-14 18:55
sfornt
阅读(5590)
评论(0)
推荐(0)
摘要：
vue quill editor upload git： https://github.com/NextBoy/vu... A plug in for uploading images to your server when you use vue quill editor. 富文本编辑器vue q 阅读全文
posted @ 2018-11-14 18:42
sfornt
阅读(1534)
评论(0)
推荐(0)
摘要：
使用插槽分发内容在封装vue组件的时候，很多时候就不得不使用到vue的一个内置组件<slot>。slot是插槽的意思，顾名思义，这个<slot>组件的意义是预留一个区域，让其中的DOM结构可以由调用它的组件来渲染。 一般来说我们这样子封装<people>组件是没有 阅读全文
posted @ 2018-11-14 18:16
sfornt
阅读(482)
评论(0)
推荐(0)
摘要：
实例化vue发生了什么?(详解vue生命周期) 我在Github上建立了一个存放vue笔记的仓库,以后会陆续更新一些知识和项目中遇到的坑,有兴趣的同学可以去看看哈(欢迎star)! 传送门 实例化一个Vue 1.触发 beforeCreate 钩子函数 组件实例刚被创建,此时无法访问到 el 属性和 阅读全文
posted @ 2018-11-14 18:14
sfornt
阅读(774)
评论(0)
推荐(0)
摘要：
先上效果 js: 样式： 原文地址：https://segmentfault.com/a/1190000012846991 阅读全文
posted @ 2018-11-14 18:12
sfornt
阅读(2219)
评论(0)
推荐(0)
摘要：
更详细的内容,请移步 使用 参数说明 注册插件的时候，是可以传入第二个配置参数的 可选的参数如下：preLoad:类型Number,默认1.3. 表示lazyload的元素距离页面底部距离的百分比.计算值为(preload 1).attempt:图片加载失败后的重试次数.默认为3.error:类型s 阅读全文
posted @ 2018-11-14 18:10
sfornt
阅读(775)
评论(0)
推荐(0)
摘要：
最近使用 vue 构建一个小项目，在使用 axios 发送 post 请求的时候，发现 axios 发送数据默认使用 json 格式，百度搜了下，更改 ContentType 不管用，最终问题原来是： post 的传参需要序列化，不然服务端不会正确接收数据，终于找到两种方法解决： 方法一：使用 JS 阅读全文
posted @ 2018-11-14 18:09
sfornt
阅读(335)
评论(0)
推荐(0)
摘要：
利用marked 和 highlight.js开发markdown组件 实现效果图如下: markdown组件已这种形式<Markdown v model="markdown"></Markdown>来绑定markdown的值我们可以通过 value prop 和 input 阅读全文
posted @ 2018-11-14 18:08
sfornt
阅读(636)
评论(0)
推荐(0)
摘要：
概要 这是一篇记录文，记录数组操作对象去重的实现。 需求 有这样一个数组 实际上我们只需要 去重 简单数组的去重 以对象为元素的数组去重 和数组相关的算法多种多样，在你以为自己已经掌握数组之后，会发现很多和数组相关的算法仍旧很复杂。 下面我将讲述一个入门等级的数组算法，解决上面提出的需求。 1、定义 阅读全文
posted @ 2018-11-14 18:07
sfornt
阅读(316)
评论(0)
推荐(0)
摘要：
vuex 基本入门和使用（三） 关于 mutation vuex 版本为^2.3.1，按照我自己的理解来整理vuex。 关于 mutation 这里应该很好理解。 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mu 阅读全文
posted @ 2018-11-14 18:06
sfornt
阅读(952)
评论(0)
推荐(0)
摘要：
这篇博文用来记录 .vue 组件的使用方法。 可以把组件代码按照 template、style、script 的拆分方式，放置到对应的 .vue 文件中。 模板（template）、初始数据（data）、接受的外部参数（props）、方法（methods）、生命周期钩子函数（lifecycle ho 阅读全文
posted @ 2018-11-14 18:05
sfornt
阅读(202)
评论(0)
推荐(0)
摘要：
直接贴代码，这是一组jquery全选，全不选，反选代码 思路是这样的: 不使用iview默认的type中的selection，使用render函数来渲染checkbox选型。 在data中定义flag来决定checkbox中的状态。 监听row的on row click事件，获取当前行的数据，然后依 阅读全文
posted @ 2018-11-14 18:03
sfornt
阅读(3736)
评论(0)
推荐(0)
摘要：
写在前面 本文旨在通过一个简单的例子，练习vuex的几个常用方法，使初学者以最快的速度跑起来一个vue + vuex的示例。 学习vuex需要你知道vue的一些基础知识和用法。相信点开本文的同学都具备这个基础。 另外对vuex已经比较熟悉的大佬可以忽略本文。 生成基于vue的项目 基于vue cli 阅读全文
posted @ 2018-11-14 18:02
sfornt
阅读(539)
评论(0)
推荐(0)
摘要：
引言 在自己刚刚毕业不久的时候，去了一家公司面试，面试官现场考了我这道题，我记忆深刻，当时没有想到思路，毫无疑问被面试官当成菜鸟了。最近刚好在研究数组的各种算法实现，就想到这道题，可以拿来实现一下，纪念自己逝去的青春。 需求 假设有这样一个数组 现在想要左移或者右移N位，比如移动1位 算法实现 这样 阅读全文
posted @ 2018-11-14 17:14
sfornt
阅读(2581)
评论(0)
推荐(0)
摘要：
组件系统 组件可以扩展 HTML 元素，封装可重用的代码。 vue.js的核心组件： 模板（template）——模板声明了数据和最终展现给用户的DOM之间的映射关系。 初始数据（data）——一个组件的初始数据状态。对于可复用的组件来说，通常是私有的状态。 接受的外部参数（props）——组件之间 阅读全文
posted @ 2018-11-14 16:39
sfornt
阅读(193)
评论(0)
推荐(0)
摘要：
v text 类型： string用法： 更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。 v html 类型： string用法： 更新元素的 innerHTML。 注意：内容按普通 HTML 插入 不会作为 Vue 模 阅读全文
posted @ 2018-11-14 16:37
sfornt
阅读(223)
评论(0)
推荐(0)
摘要：
最近在撸一个电商网站，有一个需求是要像淘宝商品详情页那样，鼠标放在主图上，显示图片放大镜效果，找了一下貌似没有什么合适的vue插件，于是自己撸了一个，分享一下。小白第一次分享，各位大神莫见笑。 vue piczoom picture magnifier component for Vue.js 2. 阅读全文
posted @ 2018-11-14 16:33
sfornt
阅读(1608)
评论(0)
推荐(0)
摘要：
通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 为了应用过渡效果，需要在目标元素上使用 transition 特 阅读全文
posted @ 2018-11-14 16:22
sfornt
阅读(428)
评论(0)
推荐(0)
摘要：
介绍 我们经常遇到一种情况。当滑动滚动条区域时，子元素滚动条到底部或顶部时就会触发父级滚动条，父级滚动条同理会继续向上触发，直至body容器。这是浏览器默认的滚动行为。 但是很多情况，我们想要子元素滚动完成后，不触发父元素的滚动，比如 modal、侧边栏 等等。 深入研究 webkit overfl 阅读全文
posted @ 2018-11-14 16:20
sfornt
阅读(5136)
评论(0)
推荐(0)
摘要：
基于 element ui 封装的表单渲染器，完整继承了 element 的属性定义，并进行了简单扩展，从而用户能够通过使用一段预设的数据渲染出一个完整的 element 表单。 演示地址 项目地址 Usage Props 支持 el form 上的所有属性。 disabled [Boolean] 阅读全文
posted @ 2018-11-14 16:18
sfornt
阅读(3285)
评论(0)
推荐(0)
摘要：
vue 开发微信商城项目，需求如下： 无奈，通过beforeRouteLeave来销毁 同样的，物理返回时无法触发购物车的created方法，则无法触发bus的$on方法归根结底，物理返回时刷新页面则可以处理此问题思路一 此方法理论貌似可行，但是页面会狂刷不止，最后采用了思路二，貌似是一个很low的 阅读全文
posted @ 2018-11-14 16:15
sfornt
阅读(1769)
评论(0)
推荐(0)
摘要：
bodyParser中间件的研究 接触nodejs已有一段时间了，但最近才开始落实项目，于是使用express应用生成器生成了一个应用。开发过程中发现ajax提交的数据无法被express正确的解析，主要的情况是这样的： 显然这样的解析结果是不能直接拿来用的，莫名其妙的一个坑，困了我许久。 body 阅读全文
posted @ 2018-11-14 16:14
sfornt
阅读(198)
评论(0)
推荐(0)
摘要：
Computed 计算属性是 Vue 中常用的一个功能，但你理解它是怎么工作的吗？ 拿官网简单的例子来看一下： var vm = new Vue({ el: ' example', data: { message: 'Hello' }, computed: { // a computed gette 阅读全文
posted @ 2018-11-14 16:09
sfornt
阅读(858)
评论(0)
推荐(0)
摘要：
首先让我们从最简单的一个实例Vue入手: 通过查阅文档，我们可以知道这个options可以接受: 选项/数据 data props propsData(方便测试使用) computed methods watch 选项 / DOM 选项 / 生命周期钩子 选项 / 资源 选项 / 杂项 具体未展开的 阅读全文
posted @ 2018-11-14 16:02
sfornt
阅读(377)
评论(0)
推荐(0)
摘要：
改造vue quill editor： 结合element ui上传图片到服务器 quill image extend module vue quill editor的增强模块， 功能： 提供图片上传到服务器的功能 复制插入 拖拽插入 显示上传进度 显示上传成功或者失败 支持与其他模块一起使用（例如 阅读全文
posted @ 2018-11-14 15:53
sfornt
阅读(6199)
评论(1)
推荐(0)
摘要：
1.获取今天的0时0分0秒（常用于开始日期的获取） 2.获取一个月前的日期 3.获取一个月前的0时0分0秒 4.获取前一天的日期 5. 加一天 6. 减一天 7.获取今天的23时59分59秒 7.获取昨天的23时59分59秒 8.获取明天的23时59分59秒 8.获取当前时间的明天的23时59分59 阅读全文
posted @ 2018-11-14 15:13
sfornt
阅读(166)
评论(0)
推荐(0)
摘要：
什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而 阅读全文
posted @ 2018-11-14 15:06
sfornt
阅读(154)
评论(0)
推荐(0)
摘要：
博客文章链接：管中窥Vue Vue和Angular、React.js的相同点和不同点？ 与React的相同： 都使用了Virtual DOM 提供了响应式和组件化的视图组件 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 与React的区别： 组件的响应式渲染 React的 阅读全文
posted @ 2018-11-14 15:02
sfornt
阅读(166)
评论(0)
推荐(0)
摘要：
场景： 有时候我们在vue项目页面做了一些操作，需要刷新一下页面。 解决的办法及遇到的问题： 移动端用下拉刷新的方式实现上拉加载 this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好 用vue router重新路由到当前页面，页面是不进 阅读全文
posted @ 2018-11-14 14:58
sfornt
阅读(3151)
评论(0)
推荐(0)
摘要：
一、封装原生的xhr为ajax类 xhr以及用法见之前的文章 1、根据url确定请求的头部以及别的信息。 2、根据参数信息中的信息，确定请求的方法以及请求的参数 3、打开xhr并且根据头部头部以及其他信息设置，发送 4、实现链式编程：在每个函数的结尾return this; 5、实现完成后执行回调 阅读全文
posted @ 2018-11-14 14:54
sfornt
阅读(1339)
评论(0)
推荐(0)
摘要：
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。 实例、组 阅读全文
posted @ 2018-11-14 14:51
sfornt
阅读(172)
评论(0)
推荐(0)
摘要：
以上是微信官方给出的示例代码，但是对于实际项目使用，还需要进一步对代码进行封装。本文基于 vue 进行示范，其余类框架同理。 在微信公众平台的官方文档中已经指出，由于安全性考虑，需要将签名逻辑放在后端处理，所以签名原理不在此赘述，主要讲讲如何使用后端返回后的签名调用 jssdk。在逻辑层面，由于 w 阅读全文
posted @ 2018-11-14 14:34
sfornt
阅读(410)
评论(0)
推荐(0)
摘要：
前言 这两天在家中帮朋友做项目，项目中使用了数组的indexOf 方法，找到了一篇文章，感觉非常不错，顺便整理下以防链接丢失。 相信说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用，正则不熟练同学的利器。这篇文章就最近遇到的一个问题，用实例再说说说indexOf方法。本文是小 阅读全文
posted @ 2018-11-14 14:23
sfornt
阅读(19927)
评论(1)
推荐(4)
摘要：
React 中事件监听 本地调试React代码的方法 先将React代码下载到本地，进入项目文件夹后yarn build 利用create react app创建一个自己的项目 把react源码和自己刚刚创建的项目关联起来，之前build源码到build文件夹下面，然后cd到react文件夹下面的b 阅读全文
posted @ 2018-11-14 11:01
sfornt
阅读(9242)
评论(0)
推荐(0)
浙公网安备 33010602011771号