摘要: 使用vue也有很长一段时间,但是一直以来都没对其组件之间的通信做一个总结,这次就借此总结一下。 父子组件之间的通信 1)props和$emit 父组件通过props将数据下发给props,子组件通过$emit来触发自定义事件来通知父组件进行相应的操作 具体代码如下: // 父组件 <template 阅读全文
posted @ 2020-12-14 18:02 浅笑· 阅读(215) 评论(0) 推荐(0) 编辑
摘要: Angular 作为一款优秀的前端框架,自诞生之日起,就致力于面向前端开发者提供一整套全功能解决方案。与其他流行框架所追求的理念不同,Angular并非作为一款可以并入 Web 应用程序的轻量级框架而生,而是设计为:包含了一个完整的工作流,用于从项目创建开始,持续地维护并更新你的应用程序。 2019 阅读全文
posted @ 2020-12-14 18:01 浅笑· 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 本篇 react native 库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。 15. React Native Animatable 这个库非常适合快速地向 react Native 应用程序添加简单 阅读全文
posted @ 2020-12-14 15:53 浅笑· 阅读(1141) 评论(0) 推荐(0) 编辑
摘要: Create react App(以下简称 CRA)是创建 react 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度。 但是对于一些熟悉 webpack 的开发者来说,他们可能想 阅读全文
posted @ 2020-12-14 15:52 浅笑· 阅读(726) 评论(0) 推荐(0) 编辑
摘要: 之前使用react.forwardRef始终无法应用于react高阶组件中,最近终于捣鼓出来了,于是记录下来。关键点就是React.forwardRef的API中ref必须指向dom元素而不是React组件。 一、React.forwardRef使用示例 下面就是应用到React组件的错误示例: c 阅读全文
posted @ 2020-12-14 15:47 浅笑· 阅读(6997) 评论(0) 推荐(0) 编辑
摘要: 从今天开始,你可以在任何 react Native 应用程序中使用尽可能少或尽可能多的 Expo SDK。 我们已经花了很多时间构建和维护这些包含原生应用特性的跨平台 API,我们很高兴最终实现了向整个 react Native 生态共享这些 API,并将它们作为一个整体继续优化。 Expo 未来的 阅读全文
posted @ 2020-12-14 15:42 浅笑· 阅读(1091) 评论(0) 推荐(0) 编辑
摘要: 在开发小程序的时候,我们总是期望用以往的技术规范和语法特点来书写当前的小程序,所以才会有各色的小程序框架,例如 mpvue、taro 等这些编译型框架。当然这些框架本身对于新开发的项目是有所帮助。而对于老项目,我们又想要利用 vue 的语法特性进行维护,又该如何呢?在此我研究了一下youzan的 v 阅读全文
posted @ 2020-12-14 15:40 浅笑· 阅读(528) 评论(0) 推荐(0) 编辑
摘要: Flutter默认是单线程任务处理的,如果不开启新的线程,任务默认在主线程中处理。 事件队列 和iOS应用很像,在Dart的线程中也存在事件循环和消息队列的概念,但在Dart中线程叫做isolate。应用程序启动后,开始执行main函数并运行main isolate。 每个isolate包含一个事件 阅读全文
posted @ 2020-12-14 15:39 浅笑· 阅读(1228) 评论(0) 推荐(0) 编辑
摘要: Code Splitting是webpack的一个重要特性,他允许你将代码打包生成多个bundle。对多页应用来说,它是必须的,因为必须要配置多个入口生成多个bundle;对于单页应用来说,如果只打包成一个bundle可能体积很大,导致无法利用浏览器并行下载的能力,且白屏时间长,也会导致下载很多可能 阅读全文
posted @ 2020-12-14 15:37 浅笑· 阅读(201) 评论(0) 推荐(0) 编辑
摘要: Node.js本质上是一个JavaScript的运行环境。 Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js使用事件驱动,非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。 V 阅读全文
posted @ 2020-12-14 15:36 浅笑· 阅读(1207) 评论(0) 推荐(0) 编辑
摘要: 一、什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令。 { // ... "scripts": { "build": "node build.js" } } 上面代码是package.json文件的一个片段,里面的scripts字段是一个对象 阅读全文
posted @ 2020-12-14 15:35 浅笑· 阅读(3586) 评论(0) 推荐(0) 编辑
摘要: react hook发布也已经有几个月了,相信有部分人已经开始使用了,还有些人在犹豫要不要用,可能更多人安于现状,没有要用的打算,甚至还有很多公司的react版本是15或以下的,迫于升级的难度没有使用。以我个人的观点,要不要使用react hook呢? 建议用的的人 项目react版本已经是reac 阅读全文
posted @ 2020-12-14 15:34 浅笑· 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 前言 reactjs中事件处理,与DOM元素处理类似,但也有一些不同的语法。 react 事件名称使用驼峰命名,而不是全小写命名。使用jsX,可以将函数作为事件处理程序传递,而不是字符串。 es6的class语法规定,类的方法内部,如果含有this,它默认指向类的实例。但是,单独使用该方法,可能报错 阅读全文
posted @ 2020-12-14 15:31 浅笑· 阅读(327) 评论(0) 推荐(0) 编辑
摘要: react 是 JavaScript 社区的新成员,尽管 jsX (在 JavaScript 中使用 html 语法)存在一定的争议,但是对于虚拟 DOM 人们有不一样的看法。 对于不熟悉的人来说,虚拟 DOM 可以描述为某个时刻真实DOM的简单表示。其思想是:每次 UI 状态发生更改时,重新创建一 阅读全文
posted @ 2020-12-14 15:29 浅笑· 阅读(282) 评论(0) 推荐(0) 编辑
摘要: react 是现在最流行的 JavaScript 库之一。使用 react 可以非常轻松地创建 Web 用户交互界面。 它的成功有很多因素,但也许其中一个因素是清晰有效的编程方法。 在 React 的世界中,UI 是由一个一个组件所组成的。组件可以组合在一起以创建其他组件, 应用本身就是一个包含了所 阅读全文
posted @ 2020-12-14 15:24 浅笑· 阅读(700) 评论(0) 推荐(0) 编辑
摘要: 在平时开发中我们经常会用到webpack这个时下最流行的前端打包工具。它打包开发代码,输出能在各种浏览器运行的代码,提升了开发至发布过程的效率。 我们知道一份webpack配置文件主要包含入口(entry)、输出文件(output)、模式、加载器(Loader)、插件(Plugin)等几个部分。但如 阅读全文
posted @ 2020-12-14 15:19 浅笑· 阅读(300) 评论(0) 推荐(0) 编辑
摘要: Node 起源 Node是由Ryan Dahl创造出来的,Ryan Dahl是一名资深的C/C++程序员,在创造出Node之前,他的主要工作都是围绕高性能web服务器来展开的,他找到了设计高性能web服务器的几个要点:事件驱动、非阻塞I/O,基于对已有的几种语言的对比和考量,Ryan Dahl选择了 阅读全文
posted @ 2020-12-14 15:16 浅笑· 阅读(696) 评论(0) 推荐(0) 编辑
摘要: 写作背景 接触小程序有一段时间了,总得来说小程序开发门槛比较低,但其中基本的运行机制和原理还是要懂的。“比如我在面试的时候问到一个关于小程序的问题,问小程序有window对象吗?他说有吧”,但其实是没有的。感觉他并没有了解小程序底层的一些东西,归根结底来说应该只能算会使用这个工具,但并不明白其中的道 阅读全文
posted @ 2020-12-14 15:14 浅笑· 阅读(403) 评论(0) 推荐(0) 编辑
摘要: 我非常喜欢使用 Node.js,但是当涉及到计算密集型的场景时 Node.js 就不能够很好地胜任了。而在这样的情况下 C++ 是一个很好的选择,非常幸运 Node.js 官方提供了C/C++ Addons 的机制让我们能够使用 V8 API 把 Node.js 和 C++ 结合起来。 虽然在 No 阅读全文
posted @ 2020-12-14 15:11 浅笑· 阅读(726) 评论(0) 推荐(0) 编辑
摘要: angular的国际化方案,采用ngx-translate来实现。 安装模块: npm install @ngx-translate/core --save 在根模块中导入: // other module import {TranslateModule} from '@ngx-translate/ 阅读全文
posted @ 2020-12-14 15:09 浅笑· 阅读(465) 评论(0) 推荐(0) 编辑