随笔分类 - 框架
摘要：1.$refs的使用场景 父组件调用子组件的方法，可以传递数据。 父组件： <div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button> <div> <script> import
阅读全文
posted @ 2020-12-14 12:38
笑人
摘要：1.下载文件 使用downloadFile下载API /* 直接这样写的话，会出现下载文件后缀名为unknown的情况 */ wx.downloadFile({ url: '', success (res) { console.log(res.filePath); } }) 改进后的下载保存 /*
阅读全文
posted @ 2020-12-08 13:40
笑人
摘要：一、vue项目初始化-引入typescript 使用typescript构建vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。 二、typescript Vue项目比较 使用t
阅读全文
posted @ 2020-12-08 13:39
笑人
摘要：模板语法 文本绑定，两个大括号，中间加上data里面的数据，message里面不仅可以是变量还可以是表达式 <body> <div id="main"> // 变量 {{ message }} <br/> // 表达式 {{ number + 1}} </div> </body> <script>
阅读全文
posted @ 2020-12-08 13:38
笑人
摘要：子通信父 父组件 <template> <div class="parent"> 我是父组件 <!--父组件监听子组件触发的say方法，调用自己的parentSay方法--> <!--通过:msg将父组件的数据传递给子组件--> <children :msg="msg" @say="parentSa
阅读全文
posted @ 2020-12-08 13:36
笑人
摘要：所有这些新的react Hook之间都有一个宗旨：就是为了使函数组件像类组件一样强大。useContext hook 与其它几个有点不一样，但它在特定场景下还是很有用的。react 的 Context API 是一种在应用程序中深入传递数据的方法，而无需手动一个一个在多个父子孙之间传递 prop。当
阅读全文
posted @ 2020-12-08 13:32
笑人
摘要：一、回顾一下官方vue-router插件的使用 要想自己实现一个vue-router插件，就必须先了解一下vue-router插件的基本使用，我们在使用vue-router的时候，通常会定义一个router.js文件，里面主要就是干了以下几件事: ① 引入vue-router模块； import R
阅读全文
posted @ 2020-12-08 13:30
笑人
摘要：1.为什么需要使用Context 在react中，数据传递一般使用props传递数据，维持单向数据流，这样可以让组件之间的关系变得简单且可预测，但是单项数据流在某些场景中并不适用，看一个官方给出的例子:有三个组件APP， Toolbar ，ThemedButton，关系如图：（为了方便大家理解（偷懒
阅读全文
posted @ 2020-12-08 13:28
笑人
摘要：发起 HTTP 请求 首先我们需要先导入 http 的支持包，然后创建 httpClient。 import 'dart:io'; var httpClient = new HttpClient(); HttpClient 支持常见的 get、post、put、delete 请求。 处理异步 众所周
阅读全文
posted @ 2020-12-08 13:26
笑人
摘要：一.组件的构成 组件：由 template + css + js 三部分组成(.vue文件) 1）组件具有复用性 2) 复用组件时，数据要隔离 3) 复用组件时，方法不需要隔离，因为方法使用隔离数据就可以产生区别 组件介绍： 1) 每一个组件都有自己的template(虚拟DOM)，最后要替换掉真实
阅读全文
posted @ 2020-12-08 13:25
笑人
摘要：关于数据监听，vue提供了两种方式watch和computed（计算属性） 常规用法 watch:{ id(newVal,oldVal){ // do somethings ... } } 深层监听 // 深度监听，可监听到对象、数组的变化 watch:{ obj:{ deep: true, //
阅读全文
posted @ 2020-12-08 13:23
笑人
摘要：0x1 前言 之前写的项目都是人家编写好的脚手架，里面包含项目所需的环境文件，但由于有些东西用不到打包增加软件体积，所以自己从头搭建个环境。是基于 Native Base + react-navigation + Redux 的 react Native 脚手架，现在项目环境如下： { "name"
阅读全文
posted @ 2020-12-08 13:21
笑人
摘要：谈到机器学习，我们脑海首先蹦出的编程语言是什么？一定是python。其实除了python，JavaScript也是不错的选择。都说现在是大前端时代，从移动开发、服务器端，甚至桌面软件开发（比如大名鼎鼎的VS Code），都有JavaScript的身影。 用Javascript写机器学习应用，当然不会
阅读全文
posted @ 2020-12-08 13:19
笑人
摘要：类被会替代吗？ Hooks不会替换类，它们只是一个你可以使用的新工具。React 团队表示他们没有计划在React中弃用类，所以如果你想继续使用它们，可以继续用。 我能体会那种总有新东西要学的感觉有多痛苦，不会就感觉咱们总是落后一样。Hooks 可以当作一个很好的新特性来使用。当然没有必要用 Hoo
阅读全文
posted @ 2020-12-08 13:18
笑人
摘要：1.vue的生命周期 生命周期钩子描述 beforeCreate 在实例初始化前，数据观测和event/watcher事件配置之前被调用 created 实例被创建完成后调用。在这一步，实例已经完成以下配置：数据观测，属性和方法的运算，watcher/event事件的回调。挂载阶段还没开始，$el属
阅读全文
posted @ 2020-12-08 13:16
笑人
摘要：初始化一个 react 项目 yarn create create-app hooks-context-based-state-management-react-app cd hooks-context-based-state-management-react-app yarn start 或者可以
阅读全文
posted @ 2020-12-08 13:15
笑人
摘要：你不再需要jQuery！ Web工程师太依赖jQuery了，某种意义上说jQuery已经成了JavaScript的同义词。但是我们真的需要他么？或许我们应该反思一下什么时候才真的需要jQuery。 对我个人而言开始使用jQuery的理由是他把我的工作变得简单多了，开发Web应用已经几乎离不开它。曾经
阅读全文
posted @ 2020-12-08 13:13
笑人
摘要：为什么要服务端渲染(ssr) 至于为什么要服务端渲染，我相信大家都有所闻，而且每个人都能说出几点来。 首屏等待 在 SPA 模式下，所有的数据请求和 Dom 渲染都在浏览器端完成，所以当我们第一次访问页面的时候很可能会存在“白屏”等待，而服务端渲染所有数据请求和 html内容已在服务端处理完成，浏览
阅读全文
posted @ 2020-12-08 13:08
笑人
摘要：概述 vuex 是一个专为 vue.js 应用程序开发的状态管理模式。也就是说 Vuex 用于单页面应用组件之间的数据共享，在组件嵌套很多层的情况下，Vue 中父子组件的通信过程就变得很麻烦，此时使用 Vuex 方便了组件间的通信。vuex官网上说是一个vue的状态管理工具。其实我们可以简单地把状态
阅读全文
posted @ 2020-12-08 13:06
笑人
摘要：1.jsX理解 举例： const element = <h1>Hello, world!</h1>; 这被称为 jsX，是一个 JavaScript 的语法扩展。建议在 react 中配合使用 JSX，JSX 可以生成 react “元素”，而且JSX 可以很好地描述 UI 应该呈现出它应有交互的
阅读全文
posted @ 2020-12-08 13:04
笑人
浙公网安备 33010602011771号