Fork me on github
摘要: 在日常开发中,我们会定义大量方法函数来提供给业务调用,可随着时间与业务的推进, 有些方法可能不切合当下需求, 或将被逐步废弃并替换到新的方法中, 例如 框架中 部分生命周期的废弃。 此时作为开发者就很有必要让调用者得知,此方法是否处于弃用状态, 从而避免项目升级带来的损失。 在 TypeScript 阅读全文
posted @ 2021-07-31 16:11 vanst 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 工作中, 由于层级与代码拆分的的缘由, 经常会有引用本地文件。常常会遇到路径层级过深且书写繁琐的问题。这里对别名(又称懒人路径)进行一个总结。 Webpack 前端工程化项目中,最常使用的就是 webpack 了, webpack 中对别名做了很好的处理,相信大多数同学都是知道如何配置, 直接上代码 阅读全文
posted @ 2020-07-06 00:54 vanst 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 显式转换 | 原始值 / 转换目标 | 布尔值 | 字符串 | 数字 | | : : | : : | : : | : : | | Number | 除 0, 0, NaN 都为 true | 0 = "0" | | | String | 除空字符串外都为 true | | NaN / 数字 | | 阅读全文
posted @ 2019-09-10 00:05 vanst 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 本文以收集一些网上的前端函数面试题为主, 后续会持续更新(说明一下 后续代码中 ,我就尽量不写分号了😁😁) 1. 这是一道大题,现拆分成了4个小项;需要答题者用递归算法(限15行内代码实现;限时10分钟内完成) 1. 创建一个长度为5的空数组。 2. 生成一个(2~32)之间随机整数 rand。 阅读全文
posted @ 2019-08-29 11:06 vanst 阅读(122) 评论(0) 推荐(0) 编辑
摘要: [TOC] 【目录结构】 Redux 源码可以在任意项目中的 文件夹下的 中找到。我们阅读学习中主要关注 src 即可。 src 下主要分成两个部分, 一部分是 工具库, 一部分是 逻辑代码。 【utils】 Redux 自定义的工具库 下属对应三个文件 actionTypes.js isPlain 阅读全文
posted @ 2019-08-28 17:24 vanst 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 在小程序中,有的页面需求可能需要我们做一个自定义的导航栏, 今天就来踩一踩坑 首先需要在app.js 中给全局的导航栏隐藏, 这里隐藏掉默认的导航栏之后 可以通过自定义组件的形式,DIY 一个导航栏, 值得注意的是, 当隐藏系统导航栏后, 页面会直接顶到状态栏上, 不同机型的状高度可能不一致, 尤其 阅读全文
posted @ 2019-06-02 23:18 vanst 阅读(11791) 评论(0) 推荐(1) 编辑
摘要: 工作中遇到了一个需要做图文详情 的富文本编辑的需求, 于是基于 React-draft-wysiwyg 实现了一个 纯组件, 目前支持 常规文本输入 外部链接图片 以及本地上传图片, 由于是纯组件, 可直接放在react 项目中引入使用 具体项目中使用十分方便, 一行代码搞定, 上面代码中的 pro 阅读全文
posted @ 2019-05-26 19:56 vanst 阅读(2186) 评论(0) 推荐(0) 编辑
摘要: 1 'use strict' 2 let _ = { 3 4 // 将数组(array)拆分成多个 size 长度的区块,并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块,那么最后剩余的元素将组成一个区块。 5 chunk(arr, nub) { 6 var res = []; 7 for (var i = 0; i { ... 阅读全文
posted @ 2019-03-05 00:30 vanst 阅读(367) 评论(1) 推荐(0) 编辑
摘要: 浮动常见的几种属性值 float {left; right; none; } 主要是定义元素朝哪个方向浮动; 元素浮动后的特性 关于清浮动 元素浮动以后,就撑不开父级的高度了,必须要给他的父级清浮动 可以在浮动下 添加一个<br/>折行标签;也可以清浮动 清除浮动 元素浮动之后就撑不开父级的高度,或 阅读全文
posted @ 2017-05-11 00:38 vanst 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 前端时间有发现一些地方会出现文本超出显示省略号的地方,今天特地整理出来几种不同情况下的使用方法。 首先,我们来看第一种,也是最常见的 单行文本超出隐藏 .{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 这个大家都 阅读全文
posted @ 2017-05-01 21:33 vanst 阅读(658) 评论(0) 推荐(0) 编辑
摘要: 在日常开发中,我们会定义大量方法函数来提供给业务调用,可随着时间与业务的推进, 有些方法可能不切合当下需求, 或将被逐步废弃并替换到新的方法中, 例如 框架中 部分生命周期的废弃。 此时作为开发者就很有必要让调用者得知,此方法是否处于弃用状态, 从而避免项目升级带来的损失。 在 TypeScript 阅读全文
posted @ 2021-07-31 16:11 vanst 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 工作中, 由于层级与代码拆分的的缘由, 经常会有引用本地文件。常常会遇到路径层级过深且书写繁琐的问题。这里对别名(又称懒人路径)进行一个总结。 Webpack 前端工程化项目中,最常使用的就是 webpack 了, webpack 中对别名做了很好的处理,相信大多数同学都是知道如何配置, 直接上代码 阅读全文
posted @ 2020-07-06 00:54 vanst 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 第一步 通过js 实现一个栈 第二步 通过栈的形式 实现十进制转二进制 javascript // 函数: 将十进制转二进制 function dec2bin(decNumber) { // 不是数字返回 Err if(isNaN(decNumber)) throw('decNumber must 阅读全文
posted @ 2019-10-04 13:22 vanst 阅读(2013) 评论(0) 推荐(0) 编辑
摘要: 浏览器环境 理解 Event Loop 之前我们需要弄清楚什么是 执行栈与 Task (任务) 执行栈 所有的 JS 代码在运行是都是在执行上下文中进行的。执行上下文是一个抽象的概念,JS 中有三种执行上下文: 全局执行上下文,默认的,在浏览器中是 window 对象 函数执行上下文, JS 函数每 阅读全文
posted @ 2019-09-12 13:57 vanst 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 对于深拷贝 一直使用的都是 JSON 和 lodash 的方法, 今天空下来自己手写个 深拷贝方法, 把想到的一些情况, 包括对 函数、Symbol、正则、日期对象 都做了处理。 基本上满足了了日常需求。代码如下: 有不足的地方, 还请评论区留言😄😀 阅读全文
posted @ 2019-09-10 22:31 vanst 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 显式转换 | 原始值 / 转换目标 | 布尔值 | 字符串 | 数字 | | : : | : : | : : | : : | | Number | 除 0, 0, NaN 都为 true | 0 = "0" | | | String | 除空字符串外都为 true | | NaN / 数字 | | 阅读全文
posted @ 2019-09-10 00:05 vanst 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 本文以收集一些网上的前端函数面试题为主, 后续会持续更新(说明一下 后续代码中 ,我就尽量不写分号了😁😁) 1. 这是一道大题,现拆分成了4个小项;需要答题者用递归算法(限15行内代码实现;限时10分钟内完成) 1. 创建一个长度为5的空数组。 2. 生成一个(2~32)之间随机整数 rand。 阅读全文
posted @ 2019-08-29 11:06 vanst 阅读(122) 评论(0) 推荐(0) 编辑
摘要: [TOC] 【目录结构】 Redux 源码可以在任意项目中的 文件夹下的 中找到。我们阅读学习中主要关注 src 即可。 src 下主要分成两个部分, 一部分是 工具库, 一部分是 逻辑代码。 【utils】 Redux 自定义的工具库 下属对应三个文件 actionTypes.js isPlain 阅读全文
posted @ 2019-08-28 17:24 vanst 阅读(192) 评论(0) 推荐(0) 编辑
摘要: [TOC] 类 类的概念 类 (class) : 定义了意见事物的抽象特点,包含它的属性和方法 对象 (Object) :类的实例,通过 生成 面对对象 (OOP) 的三大特性: 封装、继承、多态 封装 (Encapsulation):将对数据的操作细节隐藏起来,值暴露对外的接口。外界调用端不需要( 阅读全文
posted @ 2019-08-27 12:06 vanst 阅读(380) 评论(0) 推荐(0) 编辑
摘要: [TOC] 泛型 泛型(Generics)是指在定义函数、接口或者类的时候, 不预先指定其类型,而是在使用是手动指定其类型的一种特性。 举个栗子 我们需要创建一个函数, 这个函数会返回任何它传入的值。 正常代码如下: 这代代码编译不会出错,但是存在一个显而易见的缺陷, 就是没有办法约束输出的类型与输 阅读全文
posted @ 2019-08-26 17:06 vanst 阅读(3055) 评论(0) 推荐(1) 编辑