随笔分类 - 框架
摘要：本项目使用主要d3.jsv4制作，分两部分，一个是实际展示的连线动画图，另一个是管理人员使用鼠标编辑连线的页面。对于d3.js如何引入图片，如何画线等基础功能，这里就不再介绍了，大家可以找一些入门文章看一下。这里主要介绍一下重点问题。 1.连线动画图 此图的主要功能是每隔给定时间，通过ajax请求后
阅读全文
posted @ 2020-11-23 18:37
酷儿q
摘要：最近遇到一个需求，需要限制文本框输入数字，而number类型的输入框有箭头，个人不是很喜欢，因此想要寻求其它途径实现。本想通过网上找个现成的插件，然而百度，谷歌一番都没有找到满意的答案，至于随手一搜出来的方案或多或少都有点缺陷。因此自己动手，丰衣足食。 事件选型 首先我们很容易想到通过事件来达到目的
阅读全文
posted @ 2020-11-23 18:36
酷儿q
摘要：前言 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。w
阅读全文
posted @ 2020-11-23 18:35
酷儿q
摘要：什么是 style-loader style-loader 的功能就一个，在 DOM 里插入一个 <style> 标签，并且将 css 写入这个标签内。 简单来说就是这样： const style = document.createElement('style'); // 新建一个 style 标签
阅读全文
posted @ 2020-11-23 18:34
酷儿q
摘要：通过将 BFF 构建于 serverless 之上，将人工智能实验室（天猫精灵）数十个中后台应用整合到了一个统一入口。用云函数的方式取代了传统基于 Nodejs 的 BFF 层，提供了在一个站点下不同应用以及不同环境的快速切换能力。从而极大程度的降低了开发成本和运维成本，使机器数量从 200 余台缩
阅读全文
posted @ 2020-11-23 18:32
酷儿q
摘要：从 react Hooks 正式发布到现在，我一直在项目使用它。但是，在使用 Hooks 的过程中，我也进入了一些误区，导致写出来的代码隐藏 bug 并且难以维护。这篇文章中，我会具体分析这些问题，并总结一些好的实践，以供大家参考。 问题一：我该使用单个 state 变量还是多个 state 变量？
阅读全文
posted @ 2020-11-23 18:30
酷儿q
摘要：其实转换成model类是有好处的，转换后可以减少上线后APP崩溃和出现异常，所以我们从这节课开始，要制作model类模型，然后用model的形式编辑UI界面。 类别json的分析 比如现在从后台得到了一串jsON数据： { "code": "0", "message": "success", "da
阅读全文
posted @ 2020-11-23 18:22
酷儿q
摘要：一个订阅好友在线的组件 我们在DidMount的时候通过ID订阅了好友的在线状态，并且为了防止内存泄漏，我们需要在WillUnmount清除订阅 但是当组件已经显示在屏幕上时，friend prop 发生变化时会发生什么？ 我们的组件将继续展示原来的好友状态。这是一个 bug。而且我们还会因为取消订
阅读全文
posted @ 2020-11-23 18:21
酷儿q
摘要：谷歌的数据表明，一个有 10 条数据 0.4 秒可以加载完的页面，在变成 30 条数据加载时间为 0.9 秒后，流量和广告收入减少了 20%。当谷歌地图的首页文件大小从 100kb 减少到 70~80kb 时，流量在第一周涨了 10%，接下来的三周涨了 25%。 腾讯的前端工程师根据长期的数据监控也
阅读全文
posted @ 2020-11-23 18:19
酷儿q
摘要：讲解Flutter 路由传递，这是一个大的概述图。 当 app 的页面变多的时候，就需要考虑页面传值的问题，在第一个页面如何把数据传递到 另外一个页面？最最基本的方法是在打开新页面，传递参数过去。但当 app 变得很大或者功能变多，你会发现传值是一件费劲的事情。例如前期设计的时候，只需要一个参数，但
阅读全文
posted @ 2020-11-23 18:08
酷儿q
摘要：随着Nodejs的不断发展，对于前端来说要做的东西也就更多，vue脚手架react脚手架等等等一系列的东西都脱颖而出，进入到人们的视野当中，对于这些脚手架工具来讲也只是停留在应用阶段，从来没有想过脚手架是如何实现的？vue init webpack 项目名称是如何通过这样的命令创建了一个项目，其最重
阅读全文
posted @ 2020-11-23 18:07
酷儿q
摘要：小程序底层实现原理及一些思考 两月以后，看着电脑，我回想起接到通知说要开发小程序引擎的那个下午。当时的我以为，这个小程序和其他小程序都不一样，因为它是个假的，其实是个网页。两月之后，我才发现，“噢~原来大家都是这么做的啊”。 最近一直在做小程序的底层实现，过程中磕磕绊绊也多次进行架构方向上的转型，趁
阅读全文
posted @ 2020-11-23 18:05
酷儿q
摘要：在前端开发的过程中，我们可能会花不少的时间去集成 API、与 API 联调、或者解决 API 变动带来的问题。如果你也希望减轻这部分负担，提高团队的开发效率，那么这篇文章一定会对你有所帮助。 文章中使用到的技术栈主要有： react 全家桶 TypeScript Rxjs 文章中会讲述集成 API
阅读全文
posted @ 2020-11-23 18:04
酷儿q
摘要：作用域插槽是 vue.js 中一个很有用的特性，可以显著提高组件的通用性和可复用性。问题在于，它实在不太好理解。尝试搞清楚父子作用域之间错综复杂的关系，其痛苦程度不亚于求解一个棘手的数学方程。 当你无法理解一个东西的时候，最好的办法就是在解决问题的过程中体会它的应用。本文将向你展示如何使用作用域插槽
阅读全文
posted @ 2020-11-23 18:01
酷儿q
摘要：0. 基础要求 了解常见的 ES6 新特性 ES6 的导入导出语法 解构赋值 箭头函数 etc... 了解 vue 2.x 的基本使用 组件 常用的指令 生命周期函数 computed、watch、ref 等 1. 相关资源 【知乎 - vue Function-based API RFC】http
阅读全文
posted @ 2020-11-23 18:00
酷儿q
摘要：vue 将 <slot> 元素作为承载分发内容的出口 // layout.vue <div class="container"> <main> <slot></slot> </main> </div> 当组件渲染的时候，<slot></slot> 将会被替换该组件起始标签和结束标签之间的任何内容 /
阅读全文
posted @ 2020-11-23 17:58
酷儿q
摘要：作为 vue 全家桶的一员，vuex 的重要性不言而喻，不管是用来管理状态，还是封装 Controler 都很好用。不过在一些体量较小的项目中，为了几个简单的状态或者处理函数而引入 Vuex，就像是高射炮打蚊子，大材小用了 这时候就可以模拟 Vuex，自己写一个简单的 Store， 用来管理状态并实
阅读全文
posted @ 2020-11-23 17:57
酷儿q
摘要：1. 一个原则 做权限管理，一个核心思想就是后端做权限控制，前端做的所有工作都只是为了提高用户体验，我们不能依靠前端展示或者隐藏一个按钮来实现权限控制，这样肯定是不安全的。 就像用户注册时需要输入邮箱地址，前端校验之后，后端还是要校验，两个校验目的不同，前端校验是为了提高响应速度，优化用户体验，后端
阅读全文
posted @ 2020-11-23 17:53
酷儿q
摘要：介绍 Dojo store 提供可预测的、一致的状态容器，内置了对共享状态管理模式的支持。 Dojo store 包提供了一个集中式存储，为应用程序提供真正的单一数据源。Dojo 应用程序的操作使用单向数据流；因此，所有应用程序数据遵循相同的生命周期，确保应用程序逻辑是可预测的，且易于理解。 功能描
阅读全文
posted @ 2020-11-23 17:52
酷儿q
摘要：vue3 就是基于 Proxy 对其数据响应系统进行了重写，现在这部分可以作为独立的模块配合其他框架使用。数据响应可分为三个阶段： 初始化阶段 --> 依赖收集阶段 --> 数据响应阶段 Proxy代理须知 用 Proxy 做代理时，我们需要了解几个问题： 1、 Proxy 代理是如何对其 trap
阅读全文
posted @ 2020-11-22 21:43
酷儿q
浙公网安备 33010602011771号