一个非常Cool的人

解决了在使用node启动vue项目的时候出现的opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]这个问题。

本篇博客介绍了大致流程是在docker内运行nginx环境，然后通过数据持久化，将打包好的vue应用部署在docker内的nginx内，这里就需要我们有Docker、Nginx、Vue前置知识了，如果对这三样都很陌生的话最好先去熟悉一下，否则会很难受。

对Echarts常用的几个配置项进行介绍，给出了两种使用Echarts图表柱形图的方式，由于Echarts是源于百度，所以市面上有许多中文文档，大家在使用图表的时候再去查即可，目前只需了解图表的基本配置项。

无论是尺寸多宽的屏幕，都会将内容显示完整，做到了正正的响应式。唯一不足的是图表中的样例，会随着图表的缩放而变换位置，窗口尺寸变化过快会反应不过来，好在有节流函数，可以让浏览器计算量没有那么大。本篇博客不会直接拿echarts图表下手，会先介绍一些这个大屏可视化的响应式布局。后面会出一个专门的博客介绍echarts的使用。

如果没有对插件进行封装，在后期使用插件的时候效率会十分低下也不便于后期对程序的维护拓展，在优雅的使用echarts时，首先，我们考虑到多个地方需要用到echarts，就需要封装一个组件出来，由于每一个图中的属性均由配置项option进行控制，所以我们可以将option选项提取出来，在将来用到图表的时候从父组件传进来，父组件需要做的就是为图标提供一个有大小的盒子，以便于将图表放进盒子内。当然这只是粗略的想法，具体应如何做还要阅读博客中的内容。

在进行网页设计的时候由于屏幕大小并不是一定的，所以需要考虑到许多尺寸方面的因素，像素、em、rem三种单位均是常会用到的单位，对他们有一定理解后可以使我们设计出来的网页组件与组件之间契合度更高，展示出来更好看。本篇博客会使用flexible+rem实现vue项目中的响应式布局。

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。本文介绍的是vue种如何集成echarts。通过本篇文章初学者可以快速入门在vue中使用echarts。

路由的设置会根据系统中用户角色的数量而有所不同，大致分为三种单角色同权限、单角色不同权限、多角色。这里的角色均是只一种身份，而不是用户量。接下来的讲解纯属个人见解，大型项目会将不同权限的用户直接分开开发不同的系统。如果是小型多角色项目可以采用我的这个办法。

本篇博客会介绍Vue中的VueRouter的基本使用，编程式路由导航增加了我们进行路由跳转的灵活性，缓存路由组件保障了我们使用路由时的便捷性，生命周期钩子为我们切入切出路由时提供了初始化与善后的工作，路由守卫保障了我们路由组件的安全性，路由工作模式会使我们理解为啥Vue项目中的路由会有一个#，通过本篇博客会让大家快速掌握Vue中路由的基本使用。

计算机网络中有一个路由的概念：路由是指网络数据包发送到目的地址的路线，如果路由规划合理，那么数据走的速度就更快，延迟就更低，网络体验就更好。vue中的路由与其有着很多相似之处指的就是浏览器所请求的url，如果合理的使用VueRouter可以提升用户体验、可以提高Web应用的稳定性。

前面介绍过几种可以实现组件间通信的方式props、ref、自定义事件绑定、全局事件总线、插槽...，这些要么就是实现组件间通信只能在特定条件下使用，要么就是实现起来太复杂，今天介绍到的vuex是Vue中一款强大的插件，使用vuex后可以实现任意组件间通信，并且支持模块化管理。接下来将会围绕一个计数案例进行展开，逐步引入vuex如何使用。

通俗点来说：插槽就是子组件中的提供给父组件使用的一个占位符，用\\ 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件中的\\标签。如果不使用插槽，父组件标签中的代码将会被忽略，合理的使用插槽功能会使我们写代码更加方便。今天就会结合下面一个小案例让大家融会贯通Vue中的插槽。

VueResource与axios有着差不多的功能，Vue创建者曾说支持大家在Vue中使用axios，今天这个小案例是在Vue中使用axios的一个不错的小练习，除了知道axios可以进行网络请求外，VueResource也要作为了解。

Axios（ajax i/o system）,是Vue创建者主推的请求发送方式，因其简单的配置与良好的性能被前端爱好者所喜爱。众所周知，在进行网页设计时经常需要从后端拿数据，在Web应用初期会将整个页面或者文档直接拿过来，随着Web应用的发展，人们对性能的不断提升，逐渐向无页面刷新从后端获取数据，而axios就是其中一种新兴、火热的方式。在学习本篇博客时，不需要太过于了解请求的发送过程，但需要对各种请求方式有一个大致的认识。本文将会从0到1的介绍vue中如何使用axios，并结合项目实例加深大家印象。

本篇博客介绍到了在Vue中如何使用动画效果与过渡效果，传统的css样式可以在这直接使用，只不过Vue又提供了一套动画加载机制，帮助我们更加方便的使用动画与过渡，配合代码实例可以更快速的熟悉Vue中动画的使用。

本篇博客对尚硅谷张天禹老师教授的Vue项目小案例进行了总结，应用到了许多Vue2的核心知识，是Vue初学者锻炼自己能力的不二选择，本篇博客对TodoList案例从基本功能到应用自定义事件绑定、全局事件总线一一进行了介绍。

介绍到了使用浏览器进行本地存储，自定义事件的绑定、触发与销毁，全局事件总线的使用及原理，还有如何使用nextTick小技巧。每一个知识点都从基本概念说起，一步一步进行剖析，结合代码实例彻底搞明白。

在前面介绍到了Vue的一些基本概念与如何使用Vue，并通过node中的npm 使用vue脚手架（vue-cli）搭建了一个简单的Vue应用，其实所有的Vue项目搭建的时候都是换汤不换药。本篇博客将会介绍几个Vue中常用的配置，refs、props、mixin、插件、样式混合问题等等。

本篇博客介绍了通过使用nodejs从0到1搭建一个vue程序，并对vue程序中的目录进行了详细的介绍。如果大家对vue不是很了解欢迎大家阅读本博客进行vue项目搭建。

组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。这篇文章会带大家对Vue的组件使用有一定的认识，并讲述如何使用Vue规范的搭建出一个Vue项目。Uncaught SyntaxError: Cannot use import statement outside a module并不是因为代码写得有问题，而是因为没有使用脚手架,.js文件不支持导入.vue文件。使用脚手架就会将问题迎刃而解。

生命周期函数是必要的，有了生命周期函数可以大大简化我们的操作，可以做一些我们平时做不到的事，本篇文章对声明周期函数做一个简要的介绍，并使用一个实例告诉大家，生命周期函数的重要性。

本文介绍了Vue中如何正确的收集表单中的数据，并将数组转化为JSON格式为异步请求做准备，如何阻止掉默认的表单提交事件，以及如何使用管道符对数据进行过滤。

问题描述：在进行Vue对象的属性内容更新时，可能会发现更新后的数据没有及时渲染到页面中，实际属性中的内容显示正常。问题根源：Vue在解析数据的时候会为检测到的每一个数据生成一对get,set方法，当用户数据改变的时候，会触发数据的set方法，首先进行数据的修改，然后触发重新解析模板，由下图可以看出数组中没有相应的getset方法，所以在直接进行对象替换时没有重新解析模板。若修改有get、set方法的属性时，可以触发模板的重新解析。

本篇文章讲述Vue中最基本的列表使用，如何迭代列表取值，如何对列表进行过滤、排序等。文章中每一个案例都有详细的代码与注释。

在vue中好像一切数据都是可以动态的，那么我们应如何让dom元素中的样式动起来呢？我们既然可以改变dom元素的样式，我们能不能将其隐藏起来呢？今天将会介绍到Vue中如何将属性与dom元素的样式进行绑定，如何控制一个dom元素的显示与隐藏。

前面一篇博客提到了计算属性的使用，本篇博客将会使用计算属性实现一下简单的天气案例，然后引出监视属性，并学习深度监视，使用监视属性实现上一篇博客中的姓名案例，总的来说呢计算属性可以实现的东西，监视属性同样可以实现。反过来监视属性可以实现的东西计算属性不一定可以实现。

本篇案例由插值语法，methods中的函数引出Vue中一个非常重要的概念：计算属性。案例实现的是有两个输入框，一个是名，一个是姓，经过计算将姓名连接起来展示在dom元素上，并且在input框内的数据改变时dom展示也进行相应的改变。实现的结果如下：

在说Vue中如何定义事件，如何触发事件、如何阻止事件冒泡之前先回顾一下什么是事件，事件的基本定义是什么？事件的三要素有哪些？事件触发后的三个阶段是什么？以及介绍一下Vue中的函数用法。最后介绍Vue中如何定义事件以及触发事件。总的来说本篇博客会介绍到vue中的函数使用、事件绑定、事件绑定添加修饰符、键盘事件。结合实例达到学练结合的效果。

学习Vue的时候了解他应用到的MVVM模型与数据代理是不可缺少的一部分。什么是MVVM模型？什么是数据代理？MVVM模型与MVC模式有什么瓜葛？数据代理代理的是什么？今天就一一解惑。

介绍了vue的特点：易学易用、性能出色、灵活多遍等。以及为什么要选择学vue，附带了一个小案例给大家了解一下以下几个知识点：Vue对象绑定dom元素的两种方法、使用Vue中的模板语法、Vue中的数据绑定。

从根源排查export' default' (imported as ' Vue') was not found in' vue报错，安装卸载vue-cli(脚手架)、vue版本，查看vue版本号、查看vue-cli版本号。

[Vue warn]: Error in callback for watcher "lss": "TypeError: Cannot read properties of undefined

优先级排序：!important>行内样式>样式选择器>继承样式>浏览器默认样式样式选择器有：内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器优先级相等实行覆盖原则

基于Vue、Ajax、Node.js的图书管理系统，网页前端高级编程实现了在网页上进行增删改查,web与后端的数据交互模拟。适合初学者前端入门,适合期末网页前端课程设计实践。欢迎大家积极阅读，如有不足请及时批评指出。...

主要介绍了一下JavaScript中的弹窗事件。包括警告框、选择框、输入框。欢迎大家阅读,如有不足请指出。

介绍了js如何生成随机数,与一些简单的数值计算。主要使用了math包。

一个时钟小项目,主要巩固一下我们学习的日期知识点与多线程知识点。附有源代码以供学习。如有疑问请评论区联系博主。

这是当时学习JavaScript的时候,记的学习笔记,主要是一些常用的字符串处理方法,拱以后查阅使用。

动态的修改html文档中的元素的,涉及到增删改查四大基本功能。欢迎大家阅读。

学习js的时候，记录的学习笔记,有两种监听方法,与一些常用的监听句柄。欢迎大家阅读。