javascript
文章平均质量分 76
pengfeixc
There are only 10 types of people in the world. Those who is getting better every day and those who is getting worse every day.
展开
-
父窗口与 iframe 之间的通信
如何使用 postMessage 和 message 事件进行子窗口(iframe)和父窗口之间的通信原创 2022-11-29 19:45:48 · 1023 阅读 · 1 评论 -
我写了一个配色网站
我写了一个配色网站,用于解决软件开发的配色烦恼。💕原创 2022-05-22 07:24:56 · 290 阅读 · 0 评论 -
资源网站推荐
一个开源的资源网站推荐,里面包含了程序员和 ui 设计需要的各种资源。网站采用 React + TypeScript 编写。原创 2022-05-03 20:29:49 · 369 阅读 · 0 评论 -
在TypeScript中使用namespace封装数据,实现模块化编程
原文地址:https://pengfeixc.com/blogs/javascript/typescript-namespace。在之前的typescript module文章中,我讲解了如何通过typescript的模块系统,将程序的代码逻辑分割成不同的模块放在不同的文件中。但是模块系统有一个前提是,代码运行的环境必须支持模块系统,比如浏览器支持ES Modules,所以我们可以使用模块,通过import和export导入模块。假设我们的代码要在一个不支持任何模块系统的环境中运行,那么我们就无法使用模块原创 2021-09-24 15:31:23 · 1495 阅读 · 0 评论 -
深入理解TypeScript的模块系统
原文地址:深入理解TypeScript的模块系统。在ES2015出现之前,JavaScript还没有原生的模块系统(ES Module),只能借助第三方的RequireJS和SystemJS来使用模块功能。模块本质上就是一个JS/TS文件,类似一个沙盒环境,使用import语句引入其他模块的API和值,export语句暴露自己的API和值。TypeScript原生支持ES Module的语法,可以在.ts文件中使用import和export语句。默认情况下,TypeScript仅支持引入.ts和.d.原创 2021-09-23 22:55:34 · 278 阅读 · 0 评论 -
我眼中的BabelJS
我眼中的BabelJS虽然我去年才正式转前端工作,但是接触前端算是比较早的,早在2013年就在学校学习了HTML、CSS和JS。那时候对编程还不够熟练,只能利用html、css、js文件完成一些比较简单的页面。那时候的前端因为不像现在这么火,所以在学校的教学重心也不在前端上面。一.问题随着前端的发展,web开发者在处理JavaScript时都面临一个难题。因为各个浏览器对ECMAScript标准的实现不统一。导致开发者在写代码的时候,必须确保他们的代码(例如一些Dom API)可以在各个主流浏览器中运原创 2021-08-30 17:17:31 · 182 阅读 · 0 评论 -
【TypeScript】常用内置泛型
TypeScript中内置的泛型文章同时发布于:个人网站。TypeScript提供了一些比较实用的泛型类型,但是我们常常会忽略它们。本节我们将一起看看这些泛型。泛型Partial<Type>从一个类型,构建一个新的类型,新的类型所有的属性都来自原类型,并且新类型所有属性都是可选的。interface Todo { title: string; description: string;}type PartialTodo = Partial<Todo>;原创 2021-08-04 20:22:31 · 488 阅读 · 0 评论 -
React组件何时重渲染
React组件何时重渲染本篇文章是一篇译文。原文When does React re-render components?作者Felix翻译Wang Pengfei[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DQAJNnIS-1625214895502)(https://felixgerschau.com/static/842abf1755973a529d07d53b14603d80/5a190/react-rerender-thum翻译 2021-07-02 16:37:05 · 751 阅读 · 0 评论 -
浏览器缓存导致canvas image跨域
谷歌浏览器缓存导致跨域,造成tainted canvas错误文章同时发布于:王鹏飞的个人网站。最近工作中遇到了一个canvas绘制image的错误。是由于canvas在使用其他源的图片的时候,造成跨域导致,遇到这种问题一般我们只需要将图片的crossorigin设置下,然后请求响应头也需要设置access-control-allow-origin,即可解决问题。但是我遇到的问题比这要复杂一些,因为在前端和服务端都设置好的情况下,我的问题依然存在,依然报跨域。接下来我将详细解释相关内容。一. 同源限制原创 2021-05-15 09:59:46 · 1181 阅读 · 0 评论 -
webpack新手教程2021
webpack快速入门2021本篇文章转自:我的个人网站。本篇教程适用于webpack初学者。这个也是我自己学习webpack时,整理的一些笔记,适用于新手。本教程源码地址:https://github.com/pengfeiw/webpack-tutorial可以打开编辑器,跟着我的步骤,一步步向下学习。一.什么是webpack作为一个javascript前端开发者,肯定都知道webpack这个东西,也知道各种各样的module。webpack作为一个打包工具,就是将各种各样的模块捆绑(打包)原创 2021-04-19 22:22:15 · 345 阅读 · 0 评论 -
miracl-canvas: 在html canvas上添加可移动、缩放、旋转图元的库
miracle-canvas转自王鹏飞的个人网站。最近写了一个增强html canvas功能的库miracle-canvas,使用miracle-canvas可以在html canvas上添加可移动、缩放和旋转的图元,目前图元支持自定义形状和图片。功能如下图所示:一. 安装可以通过npm或者yarn安装:npm install miracle-canvas二.使用方式1.引入miracle-canvasimport Miracle from "miracle-canvas";con原创 2021-04-18 19:17:56 · 324 阅读 · 3 评论