curry_zhao的博客

原创 使用elementui表格，项目感悟

一、使用表格第一步import ElementUI from 'element-ui'Vue.use(ElementUI)二、完成第一步，接下来直接引用组件标签了          :data="tableData"      style="width: 100%">              prop="date"        label="日期

原创 关于HTTP返回参数代表什么

转载 关于“Chrome DevTools - 编辑CSS样式”

使用Styles(样式)窗格修改与元素关联的CSS样式。TL;DRStyles(样式)窗格允许您以尽可能多的方式更改本地CSS，包括编辑现有样式，添加新样式，添加样式规则。如果你想要样式持久（他们页面重新加载而丢失），您需要将它们持久化到您的开发工作区。检查应用到元素的样式选择一个元素[Select an element] 来检查它的样式。Style

转载 Vue2.0中，“渐进式框架”和“自底向上增量开发的设计”是什么知乎回答

作者：徐飞链接：https://www.zhihu.com/question/51907207/answer/136559185来源：知乎著作权归作者所有，转载请联系作者获得授权。在我看来，渐进式代表的含义是：主张最少。每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。

原创 vue中的event bus非父子组件通信

有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的Vue实例作为中央事件总线：有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的 Vue 实例作为中央事件总线：var bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)

转载 LESS知识学习

综述LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。本文部分内容参考官方文档编译器建议使用Koala编译器下载地址LE

转载 less动态样式语言CSS框架简介

简 介LESS是一种由Alexis Sellier设计的动态层叠样式表语言，受Sass所影响，同时也影响了Sass的新语法：SCSS。 LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，LESS可以在客户端上运行（IE6+、Webkit、Firefox），也可以在服务端运行（Node.js、Rhino）。

转载 Vue 表单验证插件的写作过程

前言前段时间，老大搭好了Vue的开发环境，于是我们愉快地从JQ来到了Vue。这中间做的时候，在表单验证上做的不开心，看到vue的插件章节，感觉自己也能写一个，因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢？ vue-validator呀。我想了下，一个是表单验证是个高度定制化的东西，这种网上找到的插件为了兼顾各个公司的需求，所以加了很多功能，这些我们不需

原创 vue插件使用方法

开发插件插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种：添加全局方法或者属性，如: vue-element添加全局资源：指令/过滤器/过渡等，如 vue-touch通过全局 mixin方法添加一些组件选项，如: vuex添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。一个库，

原创 关于常用路径可在 webpack 中注册以避免代码中过长的引入路径的思考

在进行大型项目的时候，文件里面套文件，层叠太多，会导致引入的文件名过长。过长。。。是吧，就不美了。那么问题来了，怎么解决？一、对于模块引用路径我们可以采取这样的措施，在webpack里面注册常用路径，并且定义别名路径会被缓存，有利于webpack更快查找依赖，截图如下：这是一种方法，适合于模块引用路径的。二、针对应用上线后方便的更改接口，不需要再次打包的方法先说一下代价

转载 Vuex源码阅读笔记

俗话说得好，没有无缘无故的爱，也没有无缘无故的恨，更不会无缘无故的去阅读别人的源代码。之所以会去阅读Vuex的源代码，是因为在刚开始接触Vuex时，就在官方文档的Actions部分，看到这么一句：// the simplest actionfunction increment (store) { store.dispatch('INCREMENT')}// a action

转载 JavaScript ES6解构赋值指南

前言让我们来仔细地看看ES6所带来的更清晰的变量声明与赋值语法。现今的变量声明语法十分的直接：左边是一个变量名，右边可以是一个数组：[]的表达式或一个对象：{}的表达式，等等。解构赋值允许我们将右边的表达式看起来也像变量声明一般，然后在左边将值一一提取。听起来有点迷糊？让我们一起看看下面的例子就好。数组的解构赋值现在假设我们有一个value变量，其值为[1, 2, 3,

转载 使用Python读取/导出（写入）CSV文件

想要用python处理csv文件。去查了下，python中本身就自带csv模块。然后参考在线手册：http://docs.python.org/2/library/csv.html去试试。【用python生成csv】1. 按照手册的例子，试了试：?123456

转载 关于Flux,Vuex,Redux的思考

关于Flux,Vuex,Redux的思考Flux是一种前端状态管理架构思想，专门解决软件的结构问题。基于Flux的设计思想，出现了一批前端状态管理框架。他们给出了一些库用于实现Flux的思想，并在Flux的基础上做了一些改进。在这些框架里，当前最热门的莫过于Redux和Vuex了。这里是我对Flux,Vuex,Redux的一些思考和总结:FluxFlux

转载 JavaScript中的纯函数

什么是“纯函数”纯函数是指 不依赖于且不改变它作用域之外的变量状态 的函数。也就是说， 纯函数的返回值只由它调用时的参数决定 ，它的执行不依赖于系统的状态（比如：何时、何处调用它——译者注）。纯函数是 函数式编程 的一个基础。来看一些例子：var values = { a: 1 };function impureFunction ( items )

转载 架构、框架和设计模式关系

在学习软件工程的时候，第一次接触到了结构这个概念。当初接触的时候对其的理解是非常浅薄的，因为那时候工程经验比较少，对这样一个深层次的概念还是模糊不清楚的。随着学习的深入，开始接触了设计模式，也就是那本令我爱上编程的书--《大话设计模式》，书中的小菜和大鸟的清晰的对白，让我犹如身临其境般，一点一点层层递进的认识设计模式，认识面向对象的引以为傲的设计原则。经过了很长时间的学习，深刻的发现设计模式的

转载 使用Font Awesome

fontawesome图标提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。 今天烽烟就来介绍下fontawesome图标的安装方法及使用方法。Font Awesome 特性479个图标：只需一种字体，同时拥有多个图标 无需JavaScript：Font Awesome不依赖于JS,同时中文版奥森提供了IE7+以上兼容性 解决方案：可无限放大缩小，

转载 What is vuex

What is Vuex?Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can o

转载 vuejs学习“递归组件”

前言　　学习vue有一段时间了，最近使用vue做了一套后台管理系统，其中使用最多就是递归组件，也因为自己对官方文档的不熟悉使得自己踩了不少坑，今天写出来和大家一起分享。递归组件　　组件在它的模板内可以递归地调用自己，只有当它有 name 选项时才可以。 在官网这句话就是关键定义组件是一定要有name属性。按照这个思路我们开动吧。　　实现最终效果图：　　　

转载 css sprite 坐标定位为何为负以及定位方法

用这个的时候，关于最后的 background-position 属性2个参数理解出了偏差，网上很多地方都没解释清楚。特意查了下了解清楚（源于脚本之家）。说说原理先：CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景

转载 微信小程序与vue的区别，知乎回答！！！

明显不是嘛，数据属性更新是这样的小程序：Page({ data: { items: [] }, onLoad: function(options) { this.setData({ items: [1,2,3] }) }})Vue：new Vue({ data: { items: []

转载 JavaScript易错知识点整理

前言本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。JavaScript知识点1.变量作用域var a = 1;function test() { var a = 2; console.log(a);

转载 组件与组件之间的通信以及vue2.0中的变化、示例

一、开始第一个DEMO，其中一个功能需求--组件与组件之间作用域里，但又需要传递数据。例如：App.vue为父组件，有子组件A.vue、B.vue1.App的数据传递给A、B2.A、B的数据传递给App3.A、B数据相互传递解决以上需求的思路如下：1.App通过props传递数据给A、B2.A、B通过$dispatch调用App的Event并传递数据给App

原创 vue1.0到vue2.0迁移助手

使用vue的版本更新了，里面有指令语法发生了变化，在1.0的喜欢上用2.0，有些容易出错，并且不容易察觉，那么迁移工具就显得特别有用，让你事半功倍，帮助你查找哪里不符合。步骤如下：1.安装  npm install --global vue-migration-helper     2.在文件所在路径下，在cmd中运行vue-migration-helper结果如图，方便快捷搜索版本错

转载 比console.log更多－chrome 调试命令

chrome dev-tools功能很强大。相信大多数人使用最多的一个api就是console.log，这很有用，但是这只是chrome 调试api 之一，还有很多其它非常强大的api！推开门，是另一片风景。console.log其它没啥可讲，主要看看其格式化功能：> console.log("I am %d years old, my name is %s",18,"Davin"

转载 display:inline、block、inline-block的区别

display:block就是将元素显示为块级元素.　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　, , , , 和 是块元素的例子。　　display:inline就是将元素显示为行内元素.　　inline元素的特点是： 　　和其他元素都在一行上；　　

转载 &nbsp|&quot|&amp|&lt|&gt等html字符转义

常用表：No.文字表記10進表記16進表記文字 Comment001"""""" quotation mark = APL quote002&&&

转载 Vue中你不知道但却很实用的黑科技

作者：Aresn链接：https://zhuanlan.zhihu.com/p/24173419来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。最近数月一直投身于 iView 的开源工作中，完成了大大小小 30 多个 UI 组件，在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件，这些特性有的是 Vue 文档中提到

转载 css Sprties的使用，帮你更好的选择图片

这段时间有几次接触到了css sprites的概念，一个就是在用css做滑动门的时候，另外一个就是在用YSlow分析网站性能的时候，于是对css sprites这个概念产生了浓厚的兴趣。在网上查找了很多的资料，但可惜的是大部分都是只言片语，其中很多都是直接翻译国外的资料，也有直接推荐国外的资料网站，无奈英语没有过关，基本上没有理解到什么css sprites，更别谈如何使用了。最后还是在蓝

原创 在使用vue-router遇到的问题以及解决办法

1、ERROR in ./src/view/BootPage.vuetemplate syntax error Component template should contain exactly one root element:..................解决方法：在vue-router2.0中，事件template的根节点只能有一个。2、 [Vue warn]: Fai

转载 vue的测试，vue-devtools

1.安装chrome插件：Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN2. 下载vue-devtools (https://github.com/vuejs/vue-devtools)3. 修改文