摘要：
场景 项目中遇到要做一个报表的仪表盘，每一个卡片内是一个报表，报表有不同类型，每一种类型有其特定的尺寸。允许选择报表并添加到仪表盘。允许通过拖拽调整每个卡片位置和卡片的大小。最终可以保存布局好的仪表盘。 遇到的问题 vue-grid-layout通过维护一个数组(layout)实现拖拽布局，每一个卡 阅读全文
摘要：
保存图片到本地相册，需要用户允许相册权限；但是有时客户手滑或者是特别原因点击了拒绝授权，我们需要打开权限列表，让客户手动打开此项权限； 需要用到的API wx.getImageInfo(); wx.saveImageToPhotosAlbum(); wx.getSetting(); wx.openS 阅读全文
摘要：
很多开发人员都很喜欢 react，在前端领域它也是很流行的 UI 库了。我们也知道应用要交付生产环境前是必须要经过完善的测试的，而测试应用程序时，有趁手的工具能极大减轻开发人员的负担、提升测试效率并减少测试漏洞。正所谓"工欲善其事，必先利其器"，这篇文章就为大家推荐 8 个好用的测试工具、库和框架。 阅读全文
摘要：
Deno是什么？ Deno v1.0.0已于5月13日正式发布。 其开发者为Ryan Dahl，他的上一个项目是Node，相信我们大部分人都了解。 作为Node之父，Ryan Dahl认为Node自从他把项目移交出去后，Node的走向越来越背离了他的初衷，并且存在着很多无法解决的问题，所以他决心重新 阅读全文
摘要：
有了 react Hooks 的加持，妈妈再也不用担心函数组件记不住状态 过去，react 中的函数组件都被称为无状态函数式组件(stateless functional component)，这是因为函数组件没有办法拥有自己的状态，只能根据 Props 来渲染 UI ，其性质就相当于是类组件中的 阅读全文
摘要：
引言 在nuxt中使用vuex，以模块方式引用——计数器为例 目录结构 js模块写法 // user.js// state为一个函数, 注意箭头函数写法const state = () => ({ counter: 6}) // mutations为一个对象const mutations = { i 阅读全文
摘要：
前言 watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。 那么本文就来带大家从源码理解 watch 的工作流程，以及依赖收集和深度监听的实现。在此之前，希望你能对响应式原理流程、依赖收集 阅读全文
摘要：
函数防抖 防抖分为两种: 一种是立即执行：频繁触发事件，第一次触发时执行函数，后面触发不会执行，停止触发，间隔一定时间之后再触发事件，函数才会再次执行 另一种是后执行：频繁触发事件，事件只会在触发事件之后间隔定义的时间，函数才会被执行，而且只会执行最后一次触发的事件。 在vue中对click添加防抖 阅读全文
摘要：
想不出来，把官方的拿过来vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示，管道是指 ' | '(回车键上方)，又 阅读全文
摘要：
以下会涉及到的技术点：react mobx compositionstart compositionupdate compositionend 问题描述 在使用 input 时，通常会对输入的内容做校验，校验的方式无非两种： 允许用户输入，并且做错误提示； 不允许用户输入正则或者函数匹配到的字符。 阅读全文
摘要：
何为插件(Plugin)？专注处理 webpack 在编译过程中的某个特定的任务的功能模块，可以称为插件。 Plugin 是一个扩展器，它丰富了 webpack 本身，针对是 loader 结束后，webpack 打包的整个过程，它并不直接操作文件，而是基于事件机制工作，会监听 webpack 打包 阅读全文
摘要：
表单是前端开发中最棘手的部分之一，您可能会在其中发现很多混乱的代码。 基于组件的框架，如 vue.js，在提高前端代码的可扩展性方面做了很多工作，但是表单的问题仍然存在。 在本教程中，将向您展示新的 vue Composition API（即将加入 Vue 3 中）如何使表单代码更清晰、更具可扩展性 阅读全文
摘要：
我们的需求 核心的就是渲染器，它提供了最基础渲染能力，有了它，你可以实现微前端、微服务、远程组件、首屏渲染，甚至可以和 react、Ejs 等配合使用。 它可以和怎样的你协作？ 如果你是传统的后端渲染的，需要做seo，但是你希望在部分布局，部分页面引入 vue，那么 renderer.renderj 阅读全文
摘要：
当页面滚动时，如何动态切换布局/样式 1. 添加滚动事件的监听/注销 //在componentDidMount，进行scroll事件的注册，绑定一个函数，让这个函数进行监听处理 componentDidMount() { window.addEventListener('scroll', this. 阅读全文
摘要：
在大多数情况下，我们推荐使用 受控组件 来处理表单数据。在一个受控组件中，表单数据是由 react 组件来管理的。另一种替代方案是使用非受控组件，这时表单数据将交由 DOM 节点来处理。 以上是 react 官网对受控组件与非受控组件的一次解释，大学刚刚毕业时候，看到这一段， 实在有些难以接受，在我 阅读全文
摘要：
完整版和运行时版 打开vue的官网，你会发现有vue有两种不同的构建版本，Vue官方对两种不同构建版本的解释是这样子的： 完整版：同时包含编译器和运行时的版本（编译器：用来将模板字符串编译为js渲染函数的代码） 运行时：用来创建Vue实例，渲染并处理虚拟DOM等的代码，基本上就是出去编译器的其它一切 阅读全文
摘要：
1.场景 在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面，页面是不进行刷新的 2.采用window.reload()，或者router.go(0)刷新时，整个浏览器进行了重新加载，闪烁，体验不好 3.解决方 阅读全文
摘要：
简介 在移动应用开发中，经常会遇到加载网页的需求，打开网页通常有两种方式，即在应用内使用内置的组件打开和使用系统自带的浏览器打开。不过，在Flutter应用开发中，由于官方并没有提供类似Webview的网页加载组件，所以如果项目中涉及网页加载需要使用第三方插件库，如webview_flutter、f 阅读全文
摘要：
前言 最近在做公司flutter项目的时候，接到了一个需求，本质上就是实现收起键盘的时候让TextField组件失去焦点的功能。 这个需求乍一看很好解决，心想，就这！就这！就这！so easy！ 但是！但是！但是！万万没想到啊，实现时候却让我本来就很稀薄的头发雪上加霜，原因就是安卓手机第三方输入法有 阅读全文
摘要：
Angular Material 作为 Angular 的官方组件库，无论是设计交互还是易用性都有着极高的质量。正如官方所说其目的就是构建基于 Angular 和 TypeScript 的高质量组件库。 广州vi设计http://www.maiqicn.com 办公资源网站大全https://www 阅读全文