![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 75
violet-jack
只有写成博客的知识才是自己熟练掌握的知识。
展开
-
ES6 学习笔记(下)
学习资料:《ECMAScript 6 入门》原创 2018-01-21 07:00:33 · 299 阅读 · 0 评论 -
Vue 组件学习总结
本文主要是对 Vue 组件学习的总结和之后要写的内容的计划。组件学习总结组件库的本质是什么?组件库其实就是一堆组件组成的一个项目,一般项目里会有组件和演示项目。当项目调试时 webpack 打包演示项目的入口文件来进行演示和调试,在发布组件库时 webpack 打包组件库的入口文件。将打包完的组件发布到 npm。对于创建组件库的想法我觉得,组件库的左右只能是一个 —— 提高生产效率。...原创 2018-12-27 23:05:00 · 782 阅读 · 0 评论 -
换个角度学习 VUE CLI 3
简介vue cli 3 是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目。]vue cli 3 与之前版本最大的几个变化变化是:选择项目插件界面更友好了。如选择 eslint 类型、是否需要 router 和 vuex 等行为。实现了界面化创建和操作项目,使用 $ vue ui 启动教授架页面。将常用配置项进行了封装,统一使用 vue-co...原创 2018-12-27 23:03:49 · 530 阅读 · 0 评论 -
element 源码学习六 —— Carousel 走马灯学习
简单使用走马灯功能在展示图片时经常用到,而 element 中提供了 Carousel 组件。出于好奇学习一下它的实现原理。具体的功能详情请查阅官方文档。关于组件属性,该组件提供了组件高度、索引、指示器、切换时间等一众配置,这个只要动手试一遍都能理解。关于事件,提供了一个 change 事件。可以通过 v-on:change="changeFun" 事件绑定来监听。该事件传递了两个参数:当...原创 2018-12-27 23:03:14 · 4796 阅读 · 2 评论 -
element 源码学习五 —— Notice 系列组件学习
消息提示行为是开发中非常常见的功能,Element 为我们提供了非常好用和美观的消息提示组件。这里就简单学习下 Notice 组件的 CSS 和代码逻辑。简介Notice 包括了五类组件:Alert 用于页面中展示重要的提示信息。Loading 加载数据时显示动效。Message 常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。...原创 2018-12-27 23:02:27 · 684 阅读 · 0 评论 -
记录Canvas用于LODOP打印的解决过程
工作中遇到用canvas绘制了图片,需要打印出来的需求。由于设备限制遇到了不少奇葩问题。在解决过程中学会了不少知识,在此记录下,希望能对同样遇到此类问题的朋友有所帮助。原创 2018-02-23 16:37:54 · 3385 阅读 · 1 评论 -
Vue.js源码学习四 —— 渲染 Render 初始化过程学习
今天我们来学习下Vue的渲染 Render 源码~还是从初始化方法开始找代码,在 src/core/instance/index.js 中,先执行了 renderMixin 方法,然后在Vue实例化的时候执行了 vm._init 方法,在这个 vm._init 方法中执行了 initRender 方法。renderMixin 和 initRender 都在 src/core/insta...原创 2018-02-19 16:53:47 · 2050 阅读 · 0 评论 -
Vue.js源码学习三 —— 事件 Event 学习
早上好!继续学习Vue源码~这次我们来学习 event 事件。源码简析其实看了前两篇的同学已经知道源码怎么找了,这里再提一下。 先找到Vue核心源码index方法 src/core/instance/index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' &&am...原创 2018-02-19 16:53:05 · 2996 阅读 · 0 评论 -
Vue.js源码学习二 —— 生命周期 LifeCycle 学习
春节继续写博客~加油!这次来学习一下Vue的生命周期,看看生命周期是怎么回事。callHook生命周期主要就是在源码某个时间点执行这个 callHook 方法来调用 vm.$options 的生命周期钩子方法(如果定义了生命周期钩子方法的话)。 我们来看看 callHook 代码:export function callHook (vm: Component, h...原创 2018-02-19 16:51:38 · 657 阅读 · 0 评论 -
Vue.js源码学习一 —— 数据选项 State 学习
关于Vue源码学习的博客, HcySunYang的Vue2.1.7源码学习是我所见过讲的最清晰明了的博客了,非常适合想了解Vue源码的同学入手。本文是在看了这篇博客之后进一步的学习心得。 注意:本文所用Vue版本为 2.5.13 PS:本文有点草率,之后会重写改进。关于源码学习关于学习源码,我有话要说~ 一开始我学习Vue的源码,是将 Vue.js 这个文件下载下...原创 2018-02-07 11:09:11 · 1353 阅读 · 0 评论 -
ES6 学习笔记(上)
认真学习了一遍ES6,发现很多很好用的功能。 学习资料:《ECMAScript 6 入门》原创 2018-01-20 05:45:40 · 309 阅读 · 0 评论 -
jQuery回车键快速切换下一个input文本框解决方案
表单中有很多文本框,为了输入方便使用回车键切换到下一个文本框。原创 2018-01-19 10:00:39 · 4093 阅读 · 1 评论 -
使用ZRender绘制表格
公司医院项目,需要定制化显示病人的体温、脉搏、呼吸。由于界面是定义好的,无法使用开源项目来改,干脆自己画一个了。为什么是ZRenderZRender 是百度前端团队用于绘制 EChar t的开源库,里面封装了各种对 Canvas 的使用。而且 ZRender 的文档是全中文的,对开发者也非常友好需求相对于其他知识点,绘图没什么特别要讲的。无非是不停的画而已。步骤复杂但是实原创 2018-01-17 17:49:54 · 5612 阅读 · 1 评论 -
umi 启动 npm run dev 之后页面一直提示 Disconnect 不断刷新重连
场景前端使用 antd pro 的脚手架项目,运行 npm run start 启动 devServer 进行热加载实时打包。后端使用 koa 来提供 API 接口和中间件,并且使用 HTML 引用前端的打包资源来进行页面渲染。问题由于同时起了 devServer 和 node 两个端口服务,所以当我访问后端渲染页面时,umi 中的 socket server 端口指向错误。所以它会不断地...原创 2019-01-21 16:36:09 · 9509 阅读 · 2 评论