凯小默的博客_JavaScript,其他移动开发,其他Web开发,HTML5,Html/CSS,jQuery,微信开发,Html / CSS,JavaScript,TypeScript

【Vue 开发实战】生态篇 # 23：组件库对比：Element UI、Ant Design Vue、iView

【Vue 开发实战】学习笔记。

Element UI

Ant Design Vue

iView

开发实战

talkingdata

原创 2022-09-25 00:01:33 261 阅读

数据技术专家能力模型

不过这个能力模型会对前端精读选材起到主

前端知识

领域知识

数据

并查集

转载 2022-09-25 00:01:29 78 阅读

【Vue 开发实战】生态篇 # 25：单元测试的重要性及其使用

测试间谍是一个函数，它记录所有调用的参数、返回值、this 的

vue.js

单元测试

jest

sinon

vue/test-utils

原创 2022-09-25 00:01:16 84 阅读

vue里使用docx-preview预览docx文件

/ boolean：如果为true，图片、字体等会转为base 64 URL，否则使用

vue.js

docx-preview

xml

html

分页

原创 2022-09-25 00:01:08 6953 阅读 3点赞 2评论

【Vue 开发实战】生态篇 # 17：Vuex核心概念及底层原理

【Vue 开发实战】学习笔记。

vue.js

响应式

数据

赋值

原创 2022-09-25 00:00:39 111 阅读

【Vue 开发实战】生态篇 # 19：Vue Router的使用场景

【Vue 开发实战】学习笔记。

vue.js

vue-router

html

开发模式

初始化

原创 2022-09-25 00:00:38 143 阅读

【Vue 开发实战】生态篇 # 18：Vuex最佳实践

创建基于某个命名空间辅助函数。【Vue 开发实战】学习笔记。

vuex

vue.js

赋值

取值

命名空间

原创 2022-09-25 00:00:37 62 阅读

【Vue 开发实战】生态篇 # 22：Nuxt核心原理是什么？

vue项目是通过虚拟 DOM来挂载到html的，所以对spa项目，爬虫才会只看到初始结构。虚拟 DOM，最终要通过

服务端

bundle

html

原创 2022-09-25 00:00:34 328 阅读

【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理

【Vue 开发实战】学习笔记。

vue.js

vue-router

不兼容

开发实战

原理图

原创 2022-09-25 00:00:32 95 阅读

【Vue 开发实战】生态篇 # 21：Nuxt解决了哪些问题？

其实对于静态页面还可以使用一个 Vue 专用的静态页面生成器 Gridsome，算是对 React Gatsby 的一个模仿，通过 GraphQ

vue.js

nuxt

静态页面

应用程序

开发实战

原创 2022-09-25 00:00:32 30 阅读

【Vue 开发实战】生态篇 # 24：提升开发效率和体验的常用工具：ESLint、Prettier、vue-devtools

跟 eslint 有些重叠，eslint 侧重校验， Prettier 主要侧重格式化，在一起使用需要做一些配置，防止两者使用冲突，比如使用了。

ESLint

Prettier

vue-devtools

开发实战

远程调试

原创 2022-09-25 00:00:27 58 阅读

Syntax Error: TypeError: this.getOptions is not a function

安装完成运行之后，就没有报错了。会报错，所以选择了这个版本。我使用的 node 版本是。vue 项目里使用了。

vue.js

sass-loader

node-sass

github

css

原创 2022-09-25 00:00:25 736 阅读

vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题

当我们使用el-select选择器下拉数据很大的时候，会出现页面卡顿，甚至卡死的情况，用户体验很不好。我目前采取的

vue.js

虚拟列表

数据

输入框

github

原创 2022-09-25 00:00:24 3721 阅读

【Vue 开发实战】实战篇 # 28：如何自定义Webpack和Babel配置

这个问题有下面两种方式：第一种是降低less版本，另一个是配置css的 less-loader，我们使用第二种。我们可以看到小了很多，但是这样还是很不方

vue.js

自定义样式

css

按需加载

原创 2022-09-25 00:00:21 108 阅读

【Vue 开发实战】实战篇 # 26：Ant Design Pro介绍

ANT DESIGN PRO：开箱即用的中台前端/设计解决方案。【Vue 开发实战】学习笔记。

vue.js

ant design pro

typescript

解决方案

最佳实践

原创 2022-09-25 00:00:20 205 阅读

【Vue 开发实战】实战篇 # 29：如何设计一个高扩展性的路由

只需调用 start() 和 done() 来控制进度条。【Vue 开发实战】学习笔记。设计嵌套路由跟文件夹匹配。安装 nprogress。

vue.js

嵌套

进度条

css

原创 2022-09-25 00:00:17 76 阅读

【Vue 开发实战】实战篇 # 27：使用Vue CLI 3快速创建项目

安装 ant-design-vue moment 库。【Vue 开发实战】学习笔记。

vue.js

创建项目

开发实战

依赖库

原创 2022-09-25 00:00:15 78 阅读

使用 rollup 打包一个原生 js + canvas 实现的移动端手势解锁功能组件

2017 前端星计划选拔作业学习笔记源码笔记：用户用手指按顺序依次划过 9 个原点中的若

javascript

canvas

rollup

库文件

宽高

原创 2022-09-17 09:13:41 222 阅读

快速了解函数式编程

例子：实现一个通用返回值除了依赖于参数 id，还和外部环境（文档的 DOM 结构）有关。例子1：add 是一个纯函数，它的返回结果只依赖于输入的参数，与调用的次数、次序、时机等等均无关。所谓高阶函数，是指输入参数是函数，或者返回值是函数的函数。，依赖外部环境或有副作用的函数叫做。

javascript

高阶函数

函数式

函数式编程

原创 2022-09-17 05:58:22 168 阅读

【Vue 开发实战】基础篇 # 11：指令的本质是什么

show " > 销毁 < button v-if = " show " v-append-text = " `hello ${number}` " @click = " number++ " > 按钮 < script > export default {bind() {return {} };

vue.js

html

语法糖

开发实战

原创 2022-09-17 02:56:33 127 阅读

【Vue 开发实战】基础篇 # 12：常用高级特性provide/inject

EF节点不会变化，只有A节点的按钮点击了I节点才会变化颜色，这个跟冒泡很类似。就像在C节点阻止了冒泡事件一样。

vue.js

ide

结点

函数式

原创 2022-09-17 02:56:06 111 阅读

【Vue 开发实战】基础篇 # 13：如何优雅地获取跨层级组件实例（拒绝递归）

这个指令，用于通知上层节点更新了。我们可以找一下依赖 vue-ref 这个包。比如E节点更新就通知A组件，A组件进行ref的缓

vue.js

结点

点更新

ide

原创 2022-09-17 02:55:44 125 阅读

【Vue 开发实战】生态篇 # 16：如何在Vue中使用Vuex

进入 vuex-demo 文件夹，安装 vuex。【Vue 开发实战】学习笔记。

vue.js

sed

开发实战

新建工程

原创 2022-09-17 02:55:23 110 阅读

【Vue 开发实战】基础篇 # 14：template和JSX的对比以及它们的本质

更抽象一点来看 ,我们可以把组件区分为两类：一类是偏视图表现的(presentational) , 一类则是偏逻辑的(logical)。我们推荐在ue 开发实战】学习笔记。

vue.js

h5

数据绑定

语法糖

原创 2022-09-17 02:55:19 295 阅读

vue 里使用 antv g6 实现脑图左右布局、文本超出隐藏处理、自定义边、自定义节点、自定义事件功能

antv g6 文档：https://antv-g6.gitee.io/zh/docs/manual/introduction效果如下：只是简单的实现一下，有问题在所难免，有好的方案

vue.js

antv g6

数据

5e

自定义

原创 2022-09-17 02:55:14 10000+阅读 1评论

【Vue 开发实战】生态篇 # 15：为什么需要Vuex

与数据存储不同，Vuex 解决的主要问题是不同组件间的通信，以达到对当前页面数据状态的管理。既然是状态，它不会是持久

vue.js

数据

页面刷新

ide

原创 2022-09-17 02:55:00 124 阅读

【图形基础篇】01 # 浏览器中实现可视化的四种方式

【跟月影学可视化】学习笔记。优点：方便，不需要第三方依赖，甚至不需要 JavaScript 代码。缺点：CSS 属性不能直观体

svg

canvas

html

2d

css

原创 2022-09-17 02:54:55 267 阅读

webpack拓展篇（六十七）：webpack5 新特性解析

Webpack 内部通过 ModuleFederationPlugin 插件将多个应用结合起来。name：必须，唯一 ID, 作

webpack

webpack5

缓存

node.js

json

原创 2022-09-11 00:16:18 511 阅读

【Vue 开发实战】基础篇 # 8：如何触发组件的更新

因为 name 不是响应式，info 对象才是响应式，b 没有被视图使用。"this.name 发生了变化，但是并

vue.js

数据

响应式

开发实战

原创 2022-09-11 00:11:03 90 阅读

webpack拓展篇（六十八）：bundle 和 bundless 的差异

Snowpack 是一个闪电般快速的前端构建工具，专为现代网络而设计。它是开发工作流程中更重、更复包会合并文件，减少请求数。

webpack

webpack5

bundle

bundless

加载

原创 2022-09-11 00:11:00 501 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

凯小默的博客