前端++

2019年7月23日

摘要：上次解释了如何使用代码识别双指和单指操作及放大和旋转拖动操作。这次解释下css3的transform原理一、transform矩阵原理 transform: matrix(a,b,c,d,e,f) ax+cy+e为变换后的水平坐标，bx+dy+f表示变换后的垂直二、Transform的原理即是坐阅读全文

posted @ 2019-07-23 08:29 前端++ 阅读(385) 评论(0) 推荐(0) 编辑

前端手势控制图片插件书写一（手势识别的数学原理）

摘要： 1、前端图片处理需求场景前端图片处理应用在很多方面，在做业务过程中我也遇到了以下问题用到前端图片处理插件。头像上传背景图片上传信用卡的Diy卡面上传 H5贴纸及合成 2、手势控制的数学知识如果想要做图片旋转放大和拖动操作，一定会涉及到移动端的手势识别和手势操作。在移动端控制图片操作中涉及阅读全文

posted @ 2019-07-23 08:17 前端++ 阅读(719) 评论(0) 推荐(0) 编辑

2019年7月18日

react新特性hook

摘要：一、hook示例。 import React, { useState } from 'react'; function Example() { // 声明一个叫 “count” 的 state 变量。 const [count, setCount] = useState(0); return ( < 阅读全文

posted @ 2019-07-18 08:20 前端++ 阅读(991) 评论(0) 推荐(0) 编辑

2019年7月15日

函数柯里化

摘要：什么是函数柯里化？实现 sum(1)(2)(3) 返回结果是1,2,3之和函数柯里化是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 function sum(a) { return function(b) { return 阅读全文

posted @ 2019-07-15 08:43 前端++ 阅读(4274) 评论(0) 推荐(0) 编辑

作用域链总结

摘要： 1、只有函数有作用域，es5中函数没有块级作用域。Es6中的let增加了块级作用域。 2、变量提升的问题。 3、函数执行分为两个阶段。@1进入执行上下文阶段，形成活动对象AO,@2执行代码 4、全局上下文的变量对象初始化是全局对象函数上下文的变量对象初始化只包括 Arguments 对象在进入执阅读全文

posted @ 2019-07-15 08:40 前端++ 阅读(162) 评论(0) 推荐(0) 编辑

插入排序及使用二分查找优化

摘要： function insertSrot(arr){ if (arr == null || arr.length < 2) { return arr; } var len = arr.length; var preIndex, current; for (var i = 1; i < len; i++ 阅读全文

posted @ 2019-07-15 08:39 前端++ 阅读(659) 评论(0) 推荐(0) 编辑

sort(()=>{return Math.random()-0.5)}乱序数组不准确

摘要：为什么sort(()=>{return Math.random()-0.5)}乱序数组不准确。（注意结合插入排序原理来理解） @1、chrome浏览器对于数组长度10以内为插入排序。反之则快速排序和插入排序混合 @2、所以，对于[1,2,3] 第一此比较对1和2就行排序，可能为正序也可能为倒序，所以阅读全文

posted @ 2019-07-15 08:37 前端++ 阅读(1591) 评论(0) 推荐(0) 编辑

es5实现map/filter

摘要： // ES5循环循环实现filter const selfFilter = function (fn, context) { let arr = Array.prototype.slice.call(this) let filteredArr = [] for (let i = 0; i < arr 阅读全文

posted @ 2019-07-15 08:22 前端++ 阅读(1230) 评论(0) 推荐(0) 编辑

2019年4月25日

手写Bind

摘要： Function.prototype.bind2 = function(context){ var self = this; var args = [].slice.call(arguments,1); var returnfn = function(){ var args2 = [].slice. 阅读全文

posted @ 2019-04-25 08:38 前端++ 阅读(258) 评论(0) 推荐(0) 编辑

javascript对象继承

摘要：一、实例化和继承的区别构造函数、原型和实例的关系:每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。类（Class）和实例（Instance），类是抽象的模板，而实例是根据类创建出来的一个个具体的“对象”，每个对象都拥有相同的方法，但阅读全文

posted @ 2019-04-25 08:27 前端++ 阅读(401) 评论(0) 推荐(0) 编辑

https://github.com/zhdxcz

公告