笑人 - 博客园

2020年12月9日

摘要：在手机上使用css动画时很多时候会感到卡顿，然后网上很多教程说开启GPU加速 transform: translate3d(0,0,0); 可解决，但是为什么开启GPU加速就能让动画顺滑呢? 我们从浏览器内部去理解下 js是单线程的，但是浏览器可以开启多个线程，渲染一个网页需要两个重要的线程来共同完阅读全文

posted @ 2020-12-09 21:59 笑人阅读(125) 评论(0) 推荐(0) 编辑

20个编写现代CSS代码的建议

摘要：明白何谓Margin Collapse 不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习: .square { width: 80px; h 阅读全文

posted @ 2020-12-09 21:57 笑人阅读(79) 评论(0) 推荐(0) 编辑

2020年12月8日

微信小程序之下载(下载文件tempFilePath后缀unknown)

摘要： 1.下载文件使用downloadFile下载API /* 直接这样写的话，会出现下载文件后缀名为unknown的情况 */ wx.downloadFile({ url: '', success (res) { console.log(res.filePath); } }) 改进后的下载保存 /* 阅读全文

posted @ 2020-12-08 13:40 笑人阅读(3041) 评论(0) 推荐(0) 编辑

使用typescript构建Vue应用

摘要：一、vue项目初始化-引入typescript 使用typescript构建vue应用和使用js一样，都是通过vue-cli去初始化并创建一个vue项目，只不过使用typescript构建的时候要在脚手架问卷操作的时候勾选上typescript选项。二、typescript Vue项目比较使用t 阅读全文

posted @ 2020-12-08 13:39 笑人阅读(929) 评论(0) 推荐(1) 编辑

Vue模板语法、事件和表单使用

摘要：模板语法文本绑定，两个大括号，中间加上data里面的数据，message里面不仅可以是变量还可以是表达式 <body> <div id="main"> // 变量 {{ message }} <br/> // 表达式 {{ number + 1}} </div> </body> <script> 阅读全文

posted @ 2020-12-08 13:38 笑人阅读(320) 评论(0) 推荐(0) 编辑

vue父子组件通信高级用法

摘要：子通信父父组件 <template> <div class="parent"> 我是父组件   <children :msg="msg" @say="parentSa 阅读全文

posted @ 2020-12-08 13:36 笑人阅读(211) 评论(0) 推荐(0) 编辑

useContext Hook 是如何工作的?

摘要：所有这些新的react Hook之间都有一个宗旨：就是为了使函数组件像类组件一样强大。useContext hook 与其它几个有点不一样，但它在特定场景下还是很有用的。react 的 Context API 是一种在应用程序中深入传递数据的方法，而无需手动一个一个在多个父子孙之间传递 prop。当阅读全文

posted @ 2020-12-08 13:32 笑人阅读(154) 评论(0) 推荐(1) 编辑

实现一个vue-router插件

摘要：一、回顾一下官方vue-router插件的使用要想自己实现一个vue-router插件，就必须先了解一下vue-router插件的基本使用，我们在使用vue-router的时候，通常会定义一个router.js文件，里面主要就是干了以下几件事: ① 引入vue-router模块； import R 阅读全文

posted @ 2020-12-08 13:30 笑人阅读(380) 评论(0) 推荐(0) 编辑

浅谈react context

摘要： 1.为什么需要使用Context 在react中，数据传递一般使用props传递数据，维持单向数据流，这样可以让组件之间的关系变得简单且可预测，但是单项数据流在某些场景中并不适用，看一个官方给出的例子:有三个组件APP， Toolbar ，ThemedButton，关系如图：（为了方便大家理解（偷懒阅读全文

posted @ 2020-12-08 13:28 笑人阅读(1274) 评论(0) 推荐(0) 编辑

Flutter网络请求与JSON解析

摘要：发起 HTTP 请求首先我们需要先导入 http 的支持包，然后创建 httpClient。 import 'dart:io'; var httpClient = new HttpClient(); HttpClient 支持常见的 get、post、put、delete 请求。处理异步众所周阅读全文

posted @ 2020-12-08 13:26 笑人阅读(448) 评论(0) 推荐(0) 编辑

笑人

公告