2019.6.11顺便推荐一个 chrome 插件：CSDN页面优化，去除csdn 那些烦人的小广告------由于毕业设计，我的垃圾笔记本需要开 后端服务器、eclipes 、webstorm 、前端服务器 、 chrome ，有的时候甚至要 开 Navicat ，总之一大堆，就决定换一个前端编辑器听了室友推荐，试了一下Visual Studio Code我的天用了 ...

vue 中的 $slot以前一直不知到这个东西，后来发现 vue api 中 藏着很多的 很神奇的 api，比如这个具名插槽很好理解，但是那个 default 就有点难了，写了一个炒鸡简单的 demofather:<template><div><button @click="getSlot">getSlot</button...

作为一名前端，关于 flutter 的 状态管理器 Provide 的使用方法其实不是很能理解，因为这里出现了泛型所以决定去看看 Provide，了解使用 Provide 中的泛型到底是怎么被使用的，同时加深对于 Dart 的理解首先，是 github 上的 example 源码，我将会基于这个来进行学习import 'dart:async';import 'package:fl...

你或许会说 没什么区别，就是@input :value 的 语法糖，最多就是 处理的逻辑多了一点但是 看一下截图中 箭头 所指的地方// 看一下指令插入的地方inserted (el, binding, vnode, oldVnode) {if (vnode.tag === 'select') {// #6903if (oldVnod...

这里的方法组件并不是 指的 函数组件，而是可以像方法一样使用的组件就好像是 ant-design 里的 message.success() 一样使用。上代码loading.css.loading-container{width: 100%;height: 100%;position: fixed;...

经常会有人问我，前端的脚手架到底是什么东西？我一般也只能泛泛而谈，把对方拉到比我低的水平，然后一本正经的编点东西....1、脚手架是一种约定和规范相同的文件组织结构相同的开发范式相同的模块依赖相同的工具配置相同的基础代码然后脚手架 将这些 重复性的东西全部都集成起来，减少这样无意义的操作就像在 flutter new project 中，自动生成的 文件目录，文件结构，就是脚手架的一种，而 vue

在下新手，写这个只是因为 被这个搞死了好多次，记录一下store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export const store = new Vuex.Store({state: {changeAppOpened: false},getters: {changeApp: stat...

在前面的博客中，我浅薄的学习了Vue 源码中 的 diff 以及 对 key 的使用，现在 再来学习一下更加难以理解的 patch 的过程vue 在 虚拟 dom 这一块，是参照了snabbdom.js 然后在上面进行了部分的修改的，所以如果有不理解的，推荐先去学习这一个东西1、patch 函数在这一系列的函数里面，有很多的钩子函数，类似于 destory 和 create 、insert 的 钩

之前写过一篇react 方法组件构造 Loading 的使用，现在这篇就是 Vue 版本的 方法调用组件了组件还是 vue 组件，这个和之前是一样的Toast/Toast.vue<template><div class="toast" v-if="show"><div class="mask" v-if="showMask">...

最近碰到个问题，搞了老半天发现问题所在哭笑不得，在这里记录一下。父组件： father.vue 1 &lt;template&gt;2&lt;child @toFather="fromChild(arr)"&gt;&lt;/child&gt;3 &lt;template&gt;4 &lt;script&am