iwowen的博客
js
前端

使用rollup和typescript搭建自己的函数库

简介 每当在项目中需要使用一些工具函数时,一般需要去引入一些第三方的工具库,而像lodash这样的工具库又体积很大,影响打包后整个项目的大小。所以封装自己的代码库就很必要了。 本篇文章将介绍如何使用rollup工具生成自己的代码库; 为了提高代码可维护性,将使用typescript编写代码; 为了保证代码质量,将通过jest进行代码测试; 工具库需要可查阅的文档,为了更好的支持typescript,使用了typedoc生成文档。 依赖的库 rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成…

2020年12月02日 0条评论 55点热度 1人点赞 阅读全文
前端

js数据类型和数据转换

数据类型 原始数据类型 Boolean String Number Symbol Null Undefined 对象 Object 显式类型转换 String 函数 原始类型转换 数值:转换为相应的字符串 字符串:转换后还是原来的值 布尔值:转换后为'true'或者'false' undefined: 转换后为'undefined' null: 转换后为'null' 对象类型转换 先调用toString方法,如果toString方法返回的是原始类型的值,则调用String函数,不在继续。 如果toString返回的…

2020年04月25日 0条评论 40点热度 0人点赞 阅读全文
前端

dom事件笔记

dom dom0 element.onclick = function() {} dom2 element.addEventListener('click', function(){}, false) dom3 事件类型添加了很多 element.addEventListener('keyup', function(){}, false) 制定dom1标准的时候没有定义事件 dom事件类 事件流 -> 目标阶段 (捕获) 目标阶段 -> 事件流 (冒泡) 捕获的具…

2020年04月25日 0条评论 34点热度 0人点赞 阅读全文
前端

js中new的过程是什么?

new的过程: 1、创建新对象 2、新对象的proto指向构造函数的prototype 3、执行构造函数,this上下文指向新对象 4、构造函数返回了对象,放弃之前的对象,返回新的对象;反之,返回之前建立的对象。 function newObj(func) { var obj = new Object() obj.__proto__ = func.prototype var o = func.call(obj) if (typeof o === 'object') { return o } el…

2020年01月18日 0条评论 31点热度 0人点赞 阅读全文
前端

js函数节流和防抖

什么是函数节流? 就是函数在一定时间只能执行一次。 举例:再使用mousemove事件时,函数会不断触发,为了节省计算机资源和网络资源,控制函数调用频率,也就是n秒内,不管调用多少次,只生效一次。 什么是函数防抖? 函数被控制在n秒后再执行,如果时间内再次触发函数则重新计时。 举例:在一定时间内点击两次按钮,只有最后一次有效。 怎么实现函数节流? 使用定时器对函数调用进行限制。 每次调用函数时创建定时器,传入所需函数。每次只有当函数执行完毕后才能重新创建定时器。这样,一定时间内频繁调用函数时,如果定时器正在生效则不…

2020年01月15日 0条评论 25点热度 0人点赞 阅读全文
前端

在javascript中使用apply、call、bind函数

每个javascript函数都有两个非继承的方法 apply()、 call(),这两个方法的用途相同,都是在特定的作用域中调用函数,直接一点的说法就是改变函数内部的this指针。 this指针介绍 this表示当前对象的一个引用。 单独使用this时,this默认指向全局对象window。(当前对象是window对象) console.log(this) // 打印window对象 当在浏览器中全局运行函数时,它的this指针同样默认指向全局对象window。(当前对象是window对象) function fu…

2019年11月08日 0条评论 19点热度 0人点赞 阅读全文
前端

前端使用canvas实现贪吃蛇小游戏

贪吃蛇是一款益智小游戏,通过点击上下左右四个按键控制蛇头移动。 项目地址:snake demo地址:https://iwowen.github.io/demobar/#/xiaoyouxi_tanchishexiaoyouxi 设计思路 主要是设计蛇的身体和移动方法。将蛇的身体设置成一个数组,数组里存放蛇身每一节的xy坐标。游戏开始后,蛇头(数组第0位)会随着时间不断地移动,也就是x+1或x-1或y+1或y-1,当蛇头移动了,身体的每一节xy将等于移动前它们的前一节,也就是说,第二节的位置将变成移动前蛇头的位置,依…

2019年10月02日 0条评论 38点热度 0人点赞 阅读全文
最新 热点 随机
最新 热点 随机
使用rollup和typescript搭建自己的函数库 前端关于性能优化方面的记录 关于前端BFC相关笔记 js数据类型和数据转换 dom事件笔记 css盒模型
关于前端BFC相关笔记前端关于性能优化方面的记录前端使用canvas实现贪吃蛇小游戏前端css实现左中右布局如何在react项目中使用redux?使用create-react-app打造多页面应用
在javascript中使用apply、call、bind函数 前端使用canvas实现贪吃蛇小游戏 前端关于性能优化方面的记录 css盒模型 使用create-react-app打造多页面应用 js数据类型和数据转换
分类目录
  • react
  • vue
  • 前端
  • 工具
文章归档
  • 2020年12月 (1)
  • 2020年5月 (2)
  • 2020年4月 (3)
  • 2020年3月 (1)
  • 2020年2月 (1)
  • 2020年1月 (2)
  • 2019年12月 (1)
  • 2019年11月 (3)
  • 2019年10月 (1)

COPYRIGHT © 2020 iwowen的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

蜀ICP备19037276号-1