Beijiyang

就这样不停地挑战生活,再与之言和。

自定义博客皮肤

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

微信小程序 短信验证 功能的实现(附案例代码/前后端/直接用)

模块效果展示(小程序界面)实现的功能小程序端: 请求获取短信验证码 两次请求之间间隔至少一分钟 填写必填内容后,才能提交表单 手机号合法性检验 后台: 接前台请求后,通过阿里云发送短信 生成随机数字验证码(默认6位) 收到提交的表单后,对验证码字段进行判断 验证码是否过期 验证码是否正确 通过验...

2017-09-07 18:10:55

阅读数 12545

评论数 16

微信小程序 实现城市名称拼音搜索框 汉字/拼音(城市区县定位模块)

要实现的效果展示如下 总体思路: 首先,数据中,城市对象里,包含其全拼、简拼的属性; 然后,逻辑层,找出 能与 输入框输入的字符串 相匹配的 对象; 最后,展示层,把所有匹配的城市名都渲染出来。 接下来,我们按步骤来一窥究竟。首先,是数据为了举例方便,test.js 中,我们使用简化版的数据:'...

2017-06-12 19:57:49

阅读数 5178

评论数 6

用 reduce 实现一行代码深拷贝对象/数组

一行实现深拷贝数组 const deepCopyArr = arr => arr.reduce((acc, cur) => ( cur instanceof Array ? [...acc, deepCopyArr(cur)] : [...acc, cur] ), ...

2019-05-23 05:47:21

阅读数 52

评论数 0

经典闭包题目ES7新解

题目 for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(new Date, i) }, 1000) } console.log(new Date, i) 输出:5 (1...

2019-05-02 05:43:31

阅读数 27

评论数 0

垂直居中:两方向,四方法,条条大路通罗马

垂直居中常见的四种方法总结 两条路,即 flex box 或者 绝对定位。 四种方法,分别如下: 方法一: flex box #container{ display: flex; justify-content: center; align-items: center; } 方法二:...

2019-03-07 19:26:06

阅读数 41

评论数 0

JavaScript实现简单的二叉树中序遍历(class / prototype 写法)(附 Python)

一棵简单的二叉树如图。 构建二叉树 首先,构建如图的二叉树,并添加一个打印该树的方法 printTheTree。 ES6 class 语法如下 class TreeNode { constructor(value) { this.value = value this.left...

2018-11-13 22:42:31

阅读数 55

评论数 0

ASCII码在算法题中的两个小妙用:转换字母大小写 与 转换整数字符String/Number类型(JavaScript/Python描述)

最少必要知识 ‘0’ 对应的ASCII码是 48 ‘A’ 对应的ASCII码是 65 'a‘ 对应的ASCII码是 97 这也是 JavaScript 中 'a' > 'A' 为 true 的原因。 转换字母大小写 假设做如下规定 参数letter: 为单个英...

2018-11-12 01:17:44

阅读数 106

评论数 0

用 JavaScript 创建一个栈,并优化时间复杂度 (附 Python 描述)

题目描述: Design a stack that supports push, pop, top, and retrieving the minimum element in constant time. 要实现的栈方法 push(x) – Push element x onto stac...

2018-11-12 00:37:28

阅读数 51

评论数 0

滚动条挤占内容宽度、破坏布局的解决方案

问题 当内容增多,滚动条从无到有时,它的出现挤压了内容宽度,导致原来设计好的布局被破坏。 原因 滚动条的宽度是计算到内容 content 里的。 解决思路 增加一个中间层,使得外部容器宽度保持设计宽度,内部元素排列保持不变。 具体案例 使用...

2018-08-21 17:11:02

阅读数 9219

评论数 0

JavaScript 用一个一元函数精简地实现 ES6 的 findIndex 与 findLastIndex 方法

普通地实现 findIndex 与 findLastIndex ES6 新增了 findIndex 与 findLastIndex 数组方法,可以正序、反序地查询,并返回数组中满足回调函数的第一个元素的索引,否则返回 -1。 // 用法 arrayObj.findIndex(callbackf...

2018-07-10 00:25:54

阅读数 1498

评论数 0

JavaScript 实现 对象、数组、类数组通用的遍历方法 each

jQuery 的 each 方法 jQuery 有个 each 方法,是对于对象、数组通用的遍历方法。 具体的用法参考官方文档:.each() 今天我们也来实现这样一个 each 方法。 思路 参数: 参考 jQuery ,each 方法接收两个参数: 要遍历的对象; 要在其上执行...

2018-07-08 22:41:46

阅读数 214

评论数 0

grid 入门:用 grid 布局轻松解决 flex 布局不太好做的一个问题

最近一个需求如图: 大概是 数据上,react 组件从父组件接收两个数组,分别渲染出左右两列; 左右两列内容都是动态的,要求自适应文字高度,同一行其行高一致; 左列文字右对齐,右列文字左对齐; 伪代码: Array1.map(渲染左列表组件) Array2.map(渲染右列表组件)...

2018-06-30 17:05:54

阅读数 3666

评论数 4

二分搜索 / 折半查找

查找/搜索算法中,顺序搜索没什么好说的,从二分搜索 / 折半查找开始。 步骤 选择中间值 (low+high) / 2 如果它是目标值,bingo~ 如果大了,从其左边的一半找 如果小了,从其右边的一半找 如果找不到,返回 -1 或 null 等 注意: 需要数组本身有序 递归...

2018-05-06 13:14:55

阅读数 70

评论数 0

几种常见的排序算法总结(JavaScript 描述)

本文讨论:冒泡排序、插入排序、希尔排序、简单搜索排序、快速排序、归并排序、堆排序。 冒泡排序 介绍 冒泡排序比较任何两个相邻的项。如果前一个比后一个大,就交换它们。元素向上移动至正确的位置,看上去就像水中上升的气泡一样。 代码 function bubbleSort(ar...

2018-05-06 00:49:02

阅读数 127

评论数 0

JavaScript 实现 reduce() 方法函数

思路 与之前两篇文章( map()的实现 ,filter()的实现 )中的迭代方法不一样,reduce() 是归并方法。 reduce 接收两个参数: 第一个参数是在每一项上调用的函数 该函数接收 4 个参数: 前一个值 prev 当前值 cur 项的索引 index 数组对象 ...

2018-05-03 20:40:01

阅读数 3138

评论数 3

JavaScript 实现 filter() 方法函数

思路 filter 方法接收两个参数: 对每一项执行的函数 该函数接收三个参数: 数组项的值 数组项的下标 数组对象本身 指定 this 的作用域对象 filter 方法返回 执行结果为true的项组成的数组。 代码表示: arr.filter(function(it...

2018-05-03 14:26:57

阅读数 2468

评论数 0

JavaScript 实现 map() 方法函数

思路 map 迭代方法接收两个参数: 对每一项执行的函数 该函数接收三个参数: 数组项的值 数组项的下标 数组对象本身 指定 this 的作用域对象 map 方法返回每次函数调用结果组成的数组。 代码表示: arr.map(function(item, index, arr)...

2018-05-03 13:57:52

阅读数 3272

评论数 0

用 JavaScript 函数实现时间格式转换('46秒' => '00:00:46')

题目 假设传入的参数就是“2时5分”、“3时46秒”这种格式的字符串,省去参数类型检测。 略去检测分秒数大于 60 的情况。 思路: 先把字符串 split 打散转换为数组 forEach() 遍历数组元素 找出“时”、“分”等关键词的 index 据此切分拼接新格式数组 注意点...

2018-05-03 02:13:56

阅读数 253

评论数 0

Understanding Block Formatting Contexts in CSS

A Block Formatting Context is part of the visual CSS rendering of a web page in which block boxes are laid out. The positioning scheme to which it ...

2018-04-30 21:07:32

阅读数 69

评论数 0

JavaScript 实现继承的方式:原型链、组合式、寄生组合式

原型链继承 let Parent = function() { this.name = [‘parent'] } Parent.prototype.sayName = function() { console.log(this.name) } let Child = func...

2018-04-14 19:10:44

阅读数 140

评论数 0

提示
确定要删除当前文章?
取消 删除