摘要: 常规方案 使用FileReader以utf-8格式读取文件,根据文件内容是否包含乱码字符�,来判断文件是否为utf-8。 如果存在�,即文件编码非utf-8,反之为utf-8。 代码如下: const isUtf8 = async (file: File) => { return await new 阅读全文
posted @ 2021-06-02 20:10 tornoda 阅读(2068) 评论(1) 推荐(0) 编辑
摘要: 问题 在单页面应用中,我们经常需要给路由的切换或者元素的挂载和卸载加上过渡效果,为这么一个小功能引入第三方框架,实在有点小纠结。不如自己封装。 思路 原理 以进入时 ,退出时 为例 元素挂载时 1. 挂载元素dom 2. 设置动画 元素卸载时 1. 设置动画 2. 动画结束后卸载dom 组件设计 为 阅读全文
posted @ 2019-06-23 23:10 tornoda 阅读(887) 评论(0) 推荐(0) 编辑
摘要: React组件中对子组件children进行加强 问题 如何对组件的children进行加强,如:添加属性、绑定事件,而不是使用 在``上进行处理。 前车之鉴 今天写组件遇到这个问题,在网上查阅了很多资料,都说可以使用 进行处理,但是结果并不是预期想要的。 先看看这个东西有什么用: 根据React官 阅读全文
posted @ 2019-06-23 01:52 tornoda 阅读(1074) 评论(0) 推荐(1) 编辑
摘要: 1. in 用于判断属性是否在对象上(包括继承而来的原型)。 2. hasOwnProperty Object.prototype.hasOwnProperty用于判断属性是否为自身属性(仅仅自身,不包括继承而来的)。 注:Object.hasOwn是此方法的代替品。 3. for...in for 阅读全文
posted @ 2019-06-06 22:55 tornoda 阅读(457) 评论(0) 推荐(0) 编辑
摘要: ``` class CustomEvent { constructor() { // { // eventName: []; // } this.eventsKeeper = {}; } isAssigned(name, cb) { const keeper = this.eventsKeeper; 阅读全文
posted @ 2019-06-05 01:04 tornoda 阅读(322) 评论(0) 推荐(0) 编辑
摘要: ``` // 工厂函数模式 // 无法解决对象识别问题 function person0(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; return obj; } // ---------------------------------------... 阅读全文
posted @ 2019-06-04 14:02 tornoda 阅读(932) 评论(0) 推荐(0) 编辑
摘要: vue的动画对于很多初学者,甚至对很多老鸟来说也是很费劲,不容易控制的。 这篇文章讲vue动画的理解。其实没那么难。 动画理解 一个元素从 A状态 变成 B状态 ,如果这个过程通过 某种方式 反应在视图上了,那么这个元素完成了一个动画。如果有很多状态A B C D...,那么它完成了一系列动画。 重 阅读全文
posted @ 2019-01-25 10:42 tornoda 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 美团、饿了么外卖点菜界面联动菜单性能优化 阅读全文
posted @ 2019-01-24 20:47 tornoda 阅读(2260) 评论(0) 推荐(2) 编辑
摘要: npm 升级到最新版本 npm升级到指定版本 阅读全文
posted @ 2018-10-23 12:20 tornoda 阅读(51516) 评论(1) 推荐(1) 编辑
摘要: 本文主要讲述,在微信小程序中如何使用redux "DEMO" 需要解决的问题 1. 如何在小程序中引入redux状态管理库,及它相关的插件? 2. 微信小程序没有清晰的异步api,便于thunkMiddleware处理异步请求(异步操作),如何解决? 3. 如何正确使用store的三大核心方法( ` 阅读全文
posted @ 2018-09-26 21:45 tornoda 阅读(867) 评论(0) 推荐(0) 编辑