violetjack的专栏

学习资料：《ECMAScript 6 入门》

本文主要是对 Vue 组件学习的总结和之后要写的内容的计划。组件学习总结组件库的本质是什么？组件库其实就是一堆组件组成的一个项目，一般项目里会有组件和演示项目。当项目调试时 webpack 打包演示项目的入口文件来进行演示和调试，在发布组件库时 webpack 打包组件库的入口文件。将打包完的组件发布到 npm。对于创建组件库的想法我觉得，组件库的左右只能是一个 —— 提高生产效率。...

简介vue cli 3 是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目。]vue cli 3 与之前版本最大的几个变化变化是：选择项目插件界面更友好了。如选择 eslint 类型、是否需要 router 和 vuex 等行为。实现了界面化创建和操作项目，使用 $ vue ui 启动教授架页面。将常用配置项进行了封装，统一使用 vue-co...

简单使用走马灯功能在展示图片时经常用到，而 element 中提供了 Carousel 组件。出于好奇学习一下它的实现原理。具体的功能详情请查阅官方文档。关于组件属性，该组件提供了组件高度、索引、指示器、切换时间等一众配置，这个只要动手试一遍都能理解。关于事件，提供了一个 change 事件。可以通过 v-on:change="changeFun" 事件绑定来监听。该事件传递了两个参数：当...

消息提示行为是开发中非常常见的功能，Element 为我们提供了非常好用和美观的消息提示组件。这里就简单学习下 Notice 组件的 CSS 和代码逻辑。简介Notice 包括了五类组件：Alert 用于页面中展示重要的提示信息。Loading 加载数据时显示动效。Message 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。...

工作中遇到用canvas绘制了图片，需要打印出来的需求。由于设备限制遇到了不少奇葩问题。在解决过程中学会了不少知识，在此记录下，希望能对同样遇到此类问题的朋友有所帮助。

今天我们来学习下Vue的渲染 Render 源码~还是从初始化方法开始找代码，在 src/core/instance/index.js 中，先执行了 renderMixin 方法，然后在Vue实例化的时候执行了 vm._init 方法，在这个 vm._init 方法中执行了 initRender 方法。renderMixin 和 initRender 都在 src/core/insta...

早上好！继续学习Vue源码~这次我们来学习 event 事件。源码简析其实看了前两篇的同学已经知道源码怎么找了，这里再提一下。 先找到Vue核心源码index方法 src/core/instance/index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' &&am...

春节继续写博客~加油！这次来学习一下Vue的生命周期，看看生命周期是怎么回事。callHook生命周期主要就是在源码某个时间点执行这个 callHook 方法来调用 vm.$options 的生命周期钩子方法（如果定义了生命周期钩子方法的话）。 我们来看看 callHook 代码：export function callHook (vm: Component, h...

关于Vue源码学习的博客， HcySunYang的Vue2.1.7源码学习是我所见过讲的最清晰明了的博客了，非常适合想了解Vue源码的同学入手。本文是在看了这篇博客之后进一步的学习心得。 注意：本文所用Vue版本为 2.5.13 PS：本文有点草率，之后会重写改进。关于源码学习关于学习源码，我有话要说~ 一开始我学习Vue的源码，是将 Vue.js 这个文件下载下...

认真学习了一遍ES6，发现很多很好用的功能。 学习资料：《ECMAScript 6 入门》

表单中有很多文本框，为了输入方便使用回车键切换到下一个文本框。

公司医院项目，需要定制化显示病人的体温、脉搏、呼吸。由于界面是定义好的，无法使用开源项目来改，干脆自己画一个了。为什么是ZRenderZRender 是百度前端团队用于绘制 EChar t的开源库，里面封装了各种对 Canvas 的使用。而且 ZRender 的文档是全中文的，对开发者也非常友好需求相对于其他知识点，绘图没什么特别要讲的。无非是不停的画而已。步骤复杂但是实

场景前端使用 antd pro 的脚手架项目，运行 npm run start 启动 devServer 进行热加载实时打包。后端使用 koa 来提供 API 接口和中间件，并且使用 HTML 引用前端的打包资源来进行页面渲染。问题由于同时起了 devServer 和 node 两个端口服务，所以当我访问后端渲染页面时，umi 中的 socket server 端口指向错误。所以它会不断地...