![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
幻想的小飞
这个作者很懒,什么都没留下…
展开
-
react-router 的参数render、component、children
component 最常用,只有匹配 location 才会加载 component 对应的 React组件render 路由匹配函数就会调用children 不管路由是否匹配都会渲染对应组件优先级:children>component>renderReact 核心渲染代码 return ( <RouterContext.Provider value={props}> {match // 是否与地址匹配原创 2021-07-30 14:40:31 · 1060 阅读 · 0 评论 -
节流和防抖
var helpers = { /** * debouncing, executes the function if there was no new event in $wait milliseconds * @param func * @param wait * @param scope * @returns {Function} */ debounce: function (func, wait, scope) {原创 2021-07-28 16:11:09 · 94 阅读 · 0 评论 -
js常用类型判断
vue源码中常用类型的判断方法: const hasOwnProperty = Object.prototype.hasOwnProperty; const hasOwn = (val, key) => hasOwnProperty.call(val, key); const isArray = Array.isArray; const isMap = (val) => toTypeString(val) === '[object Map]'; const isSet = (原创 2021-05-12 19:49:04 · 82 阅读 · 0 评论 -
小程序购物车加购动效
二阶贝塞尔曲线 bezier(),在原作者的接触上加了从右向左的曲线计算App({ globalData:{ }, onLaunch: function (){ }, bezier: function (points, times) { // 0、以3个控制点为例,点A,B,C,AB上设置点D,BC上设置点E,DE连线上设置点F,则最终的贝塞尔曲线是点F的坐标轨迹。 // 1、计算相邻控制点间距。 // 2、根据完成时间,计算每次执行时D在AB方原创 2021-04-30 11:31:19 · 339 阅读 · 0 评论 -
对象深度嵌套判空方法处理
一般取对象某个属性要这么写,以防中间某个属性报错obj && obj.a && obj.a.b && obj.a.b.c 下面写了个方法,对空属性做了判空function getValue(data, keysString) { if(!data){ return undefined } if(!keysString){ return data } // [0],[1]... 属原创 2020-06-02 14:20:41 · 969 阅读 · 0 评论 -
javascript实现部分数据结构的方法,栈、队列、链表、二叉树、图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...原创 2020-03-06 23:36:48 · 114 阅读 · 0 评论 -
ES6学习笔记
ES6学习笔记let 和 const 命令let 和 const 命令1、for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i);}// abc// abc// abc上面代码正确运行,输出了 3 次ab...原创 2020-01-03 14:47:23 · 98 阅读 · 0 评论 -
sourcetree跳过注册的方法
当前只有Win的版本,Mac自行百度(笑)很多人用git命令行不熟练,那么可以尝试使用sourcetree进行操作。然鹅~~sourcetree又一个比较严肃的问题就是,很多人不会跳过注册或者操作注册。废话不多,我们直接开始跳过注册阶段的操作。下载好之后会有这么一个界面要求你注册或登录。(不管它)将下面的一串串放进我的电脑的地址栏,打开sourcetree的文件夹%LocalAppD...转载 2019-03-08 09:29:26 · 111 阅读 · 0 评论 -
git常用命令总结
查看本地和远程分支git branch /查看本地分支信息git branch -vv /查看本地分支详情本地有master和v3914分支*表示当前分支蓝色表示关联到的远程仓库的分支ahead表示你本地有一次提交待push,超前远程仓库一个版本behind表示远程仓库有更新,本地待pull,落后远程仓库一个版本git ls-remote 查...原创 2019-03-11 14:02:34 · 455 阅读 · 0 评论 -
点击事件时clientX,pageX,screenX区别
鼠标事件有下面这几种:1. onclick鼠标点击事件box.onclick = function(e){ console.log(e)}2. onmousedown鼠标按下事件box.onmousedown = function(e){ console.log(e)}3. onmouseup鼠标松开事件box.onmouseup = function(e){ ...转载 2019-03-01 15:04:33 · 1050 阅读 · 0 评论 -
canvas属性常用方法整理
绘制线段将放入web页面时,第一件事是看整个页面是否已经加载,并且开始操作前是否所有html元素都已经展现.为做到这一点,用window的load事件监听,该事件在html页面加载结束时发生ctx.strokeStyle = 'rgb(150,0,0)';ctx.fillStyle = 'rgb(0,150,0)';ctx.lineWidth = 1;ctx.moveTo(x,0);...原创 2019-02-11 14:28:19 · 965 阅读 · 0 评论 -
canvas画图小例子2
<!DOCTYPE><html> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><!--[if lt IE 9]><script language="javascript" type转载 2019-02-15 14:53:36 · 122 阅读 · 0 评论 -
canvas画图小例子
<!DOCTYPE html><html><head><title>h5构建基本的画图程序</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv=&q转载 2019-02-15 14:52:58 · 659 阅读 · 0 评论 -
js删除操作delete
简介 用来删除一个对象的属性。语法delete expresson12 express 应该是一个对象的引用,例如delete object.propertydelete object['property']1234 如果expression不...转载 2018-08-09 17:20:50 · 443 阅读 · 0 评论 -
JavaScript 的 this 原理--软一峰
一、问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。 ...转载 2018-08-15 13:18:22 · 180 阅读 · 0 评论 -
浏览器同源政策及其规避方法--软一峰
浏览器安全的基石是”同源政策”(same-origin policy)。很多开发者都知道这一点,但了解得不全面。 ...转载 2018-08-15 11:19:24 · 159 阅读 · 0 评论 -
跨域资源共享 CORS 详解
CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。 ...转载 2018-08-15 11:22:57 · 96 阅读 · 0 评论 -
requestAnimationFramee
深入理解定时器系列第二篇——被誉为神器的requestAnimationFramee 转载处https://www.cnblogs.com/xiaohuochai/p/5777186.html 前面的话 与setTimeout和setInterva...转载 2018-08-21 11:11:11 · 100 阅读 · 0 评论 -
jsonp跨域
想必听过“跨域”这个词的开发人员都应该知道JSONP,它是一种非正式传输协议,常常用于解决浏览器跨域数据访问的问题。JSONP究竟是啥?网上关于这方面的文章很多,但是很多讲得并不浅显易懂,相信很多人看完还是一头雾水。今天我们就一起来了解一下它的由来。了解之前,我们先来看看下面几个概念:JSON:即JavaScrip对象标记,是一种轻量级的数据交换格式。示例:{name: ‘今日头条’, title...转载 2018-10-12 10:17:48 · 145 阅读 · 0 评论 -
iscrll5使用的事例
iscroll5下拉刷新,包括滑动过程中处理头部样式,判断滑动手势的处理 myScroll: function() { var that = this; var myScroll, pullDown = $("#pulldown"), pullDownHeight = pullDown...原创 2018-10-07 14:30:52 · 200 阅读 · 0 评论 -
AMD使用总结
//定义M模块,本申明一个全局变量define('M',[],function(){ window.M={}; return M;})//定义模块a 依赖模块 M,b,cdefine('a',['M','b','c'],function(M){ alert(M.ob); alert(M.oc);})//定义b模块define('b',[],functi...转载 2018-10-10 09:33:22 · 166 阅读 · 0 评论 -
Docker入门教程--软一峰
一、环境配置的难题软件开发最大的麻烦事之一,就是环境配置。用户计算机的环境都不相同,你怎么知道自家的软件,能在那些机器跑起来?用户必须保证两件事:操作系统的设置,各种库和组件的安装。只有它们都正确,软件才能运行。举例来说,安装一个 Python 应用,计算机必须有 Python 引擎,还必须有各种依赖,可能还要配置环境变量。如果某些老旧的模块与当前环境不兼容,那就麻烦了。开发者常常会说:...转载 2018-10-10 14:40:59 · 289 阅读 · 0 评论 -
获取当前日期的前一天日期
/** * 获取当前日期的前一天的日期 * @method * @name getPreDate * @param {string} enddate 结束日期 * @returns {string} 结束日期的前一天的日期 */ getPreDate: fun...原创 2018-12-06 14:35:20 · 1552 阅读 · 0 评论 -
Jquey的Deferred和Promise和ES6的Promise
function runAsync1(){ var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('异步任务1执行完成'); resolve('随便什么数据1'); ...转载 2019-01-09 14:29:07 · 182 阅读 · 0 评论 -
FormData对象
简介 用来删除一个对象的属性。语法delete expresson12 express 应该是一个对象的引用,例如delete object.propertydelete object['property']1234 如果expression不...转载 2018-08-09 16:46:28 · 268 阅读 · 0 评论