vue
文章平均质量分 71
三毛丶
https://jkchao.cn
展开
-
记录面试中一些回答不够好的题(Vue 居多)
相关问题flex 布局 与 grid 布局。实现 Vue SSR 。从 SPA 使用最小成本迁移到 SSR 。实现方法: (未完成) 根据指定元素,在数组里面找出 ff 数组(ff 数组这个名字是我瞎说的)。比如数组 [2, 3, 6, 7] ,指定元素 7,则 ff 数组是 [2, 2, 3](2+2+3 = 7)和 [7]。若指定元素 6,则 ff 数组为 [2, 2, 2], ...原创 2018-03-04 14:44:17 · 874 阅读 · 0 评论 -
vue-cli 中使用 TypeScript
学以致用,这篇文章是对在 vue-cli 中使用 TypeScript 的一次小结。环境npm// typescriptnpm install typescript --save-dev// ts-loadernpm install ts-loader --save-devwebpack.base.conf.js module.exports = { // 修改入口文件 entry: '原创 2017-12-11 11:53:20 · 9163 阅读 · 0 评论 -
使用 electron-vue 构建你的桌面应用
什么是 electron官网里这么说:Electron提供了一个Nodejs的运行时,专注于构建桌面应用,同时使用web页面来作为应用的GUI,你可以将其看作是一个由JavaScript控制的迷你版的Chromium浏览器。翻译一下:它是一个运行时,可以像 node 一样这样执行:electron app.js;也是一个使用 html + css + javascript 构建跨平台原生桌面应用的框原创 2017-11-06 19:04:42 · 51689 阅读 · 12 评论 -
nuxt(vue) + koa + mongo 写blog的一次小结
两个多月的空余时间里,博客差不多搭完。 - 感谢surmon.me,此 blog 才会诞生。 - 感谢七牛云提供资源存储。 - 感谢腾讯云 提供 SSL 证书。 - 感谢各种开源。体验地址: https://jkchao.cn nuxt(vue) + koa + mongo 写blog的一次小结CLIENT: vue-blogADMIN: vue-adminSERVICE原创 2017-10-09 15:49:44 · 2737 阅读 · 2 评论 -
Vue 2.3、2.4 知识点小结
原文连接原文连接 blog , 本文不涉及 SSR.2.3 参考 https://github.com/vuejs/vue/releases/tag/v2.3.0 2.4 参考 https://github.com/vuejs/vue/releases/tag/v2.4.0 实例 demo 地址:https://github.com/jkchao/vue-demo2.3style 多重值;原创 2017-07-21 22:33:37 · 313 阅读 · 0 评论 -
写个vue-emoji.
最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。 完成项目过程中,发现并没有一个好用的emoji插件,于是写了一个简单的component,希望对各位有所帮助(若能顺手给个start, 那便再好不过了)。原理其实很简单,雪碧图+背景定位的方式实现。源码地址: https://github.com/jkchao/vue-emoji原创 2017-04-26 10:44:20 · 4351 阅读 · 2 评论 -
关于一些Vue的文章。(7)
原文链接我的blog,欢迎STAR。首先安利一波福利,有没有用vscode的小伙伴?推荐一个神奇的字体,自从用了这个字体,敲代码效率简直上天了。先上图看看效果:还有其他许多,就不一一列举出来了。 有没有看上了的? 没有我等下再来问。这次推荐的一篇文章来自这,阅读文章有利于加深对Vue程序结构的了解,虽然是 1.0版本,不过好在 2.0 版本保留了绝大部分 1.0 的API。在这篇文章里我将是这原创 2017-04-23 08:28:38 · 389 阅读 · 0 评论 -
关于一些Vue的文章。(6)
原文链接我的blog,欢迎STAR。在上篇里,我们已经分析了在 main.js 可以通过el属性设置挂载点,又可以通过手动设置 vm.$mount()。在这篇,我们深入底层,了解原理。老规矩,我们先分享一篇文章 Vue.js 源码学习笔记。这篇文章里反复提到了compile, 额….(什么鬼?手动摊手。)查 Vue,官网文档, 原来Vue模板编译成render函数的过程叫做 compile。现在入原创 2017-04-23 08:27:23 · 5719 阅读 · 0 评论 -
写个vue-loading-template组件
趁着5.1来临之际,告诉你们一个好消息: demo: https://jkchao.github.io/vue-loading/源码(star ? start : start):https://github.com/jkchao/vue-loading组件支持:自定义type(暂时提供8种,具体请看demo);color;size;Start npm install vue-loading-tem原创 2017-05-01 11:05:04 · 7234 阅读 · 2 评论 -
关于一些Vue的文章。(5)
原文链接我的blog,欢迎STAR。前三篇里,我们开始从render, template, el的渲染DOM树的优先级,最终都编译成render函数,而后得到vnode(虚拟DOM),经过diff算法后,得到真实DOM。那么问题来了?得到真实DOM以后接下来该做什么?以及怎么做?照例,分享一篇文章,vue。(官网,暂时还没有找到一篇文章能比较好的解决上述几个问题,so,我们带着问题出发,直接上官网原创 2017-04-03 21:30:05 · 314 阅读 · 0 评论 -
关于一些Vue的文章。(3)
同时发表在我的博客这次和想要大家分享的一篇文章解析Vue diff 算法在上篇里,我们提到在渲染时,render>template>el,但是最终,我们得到的都是render函数,那么render函数的作用是什么?接下来该干什么?带着两个问题,我们深入源码。首先来解决第一个问题:render函数的作用是什么?在/src/core/instance/lifecycle.js中有这么一段代码: vm原创 2017-03-26 14:52:46 · 618 阅读 · 0 评论 -
关于一些Vue的文章。(4)
同时发表在我的博客。接着上一篇,我们继续来讲Vue的Virtual Dom diff 算法中的patchVnode方法,以及核心updateChildren方法。在上篇中,我们谈到,当vnode不为真实节点,且vnode与oldVnode为同一节点时,会调用patchVnode方法。 我们直接从源码上进行分析: // patchVnode()有四个参数 // oldVnode: 旧的虚拟节点原创 2017-03-28 20:03:33 · 456 阅读 · 0 评论 -
关于一些Vue的文章。(2)
转载自我的 blog这次想要分享的一篇文章是:从一个奇怪的错误出发理解Vue的基本概念。这篇文章以Vue的两种构建方式做为切入点,深入探讨了Vue的基本概念,编译以及挂载的相关过程。在这篇文章里学到很多以前忽略的地方:开始学习vue的时候,由于有一些react基础,对组件的形式有些了解,就直接从vue-cli开始了,忽略了vue的两种构建模式,既是使用默认的运行时构建。从vue官网里,可以很清楚原创 2017-03-16 20:47:56 · 1297 阅读 · 0 评论 -
关于一些Vue的文章。(1)
原文地址今天分享的一篇文章是关于vuex的源码解析的,链接vuex源码解析,在现在所做的项目里的每个组件,至少都有一个辅助函数,或者是....mapGetters,或者是...mapActions, 扩展运算符,以及解构也经常用到。这篇文章解决了困扰我许久的一个疑惑,为什么有时候辅助函数里面传的是一个字符串数组,而有的时候传的是一个对象。大概以前看源码的时候,没怎么仔细想过把。其实很简单,vuex底原创 2017-03-12 07:55:18 · 810 阅读 · 0 评论 -
深入理解 TypeScript
此书是 TypeScript Deep Dive 的中文翻译版,感谢作者 Basarat 的付出。Why 数据来源:npm 包下载量正如你所见,TypeScript 发展至今,已经成为大型项目的标配,其提供的静态类型系统,大大增强了代码的可读性以及可维护性;同时,它提供最新和不断发展的 JavaScript 特性,能让我们建立更健壮的组件。TypeScript...原创 2018-08-26 21:12:32 · 1164 阅读 · 0 评论