自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

德莱问的博客

路漫漫其修远兮

  • 博客(20)
  • 收藏
  • 关注

原创 [wp2vite]一个让webpack项目支持vite的命令行工具

hello,大家好,我是德莱问,今天为大家带来wp2vite。wp2vite首先介绍一下今天的主角,这是一个命令行工具、自动化工具。工具的作用是一键让使用webpack来进行开发和构建的项目支持使用vite来进行开发和构建。github: https://github.com/tnfe/wp2vitenpm: https://www.npmjs.com/package/wp2vite如果有人不知道webpack 和vite 分别是什么,可以点击相对应的名字去到它们的官网瞅瞅。不过对于一.

2021-04-22 11:28:58 989

转载 从0.1 + 0.2 !== 0.3 聊聊计算机基础

theme: cyanosis表面工作在日常的工作和学习中,经常会探测自己的底线,计算机基础好与不好,完全能够决定一个人的代码水平和bug出现率。相信大家对这些知识都学过,只是长时间不用就忘记了,今天带大家来回顾一下。本着通俗易懂的原则,今天把这个题目讲明白。我们来聊聊这个非常常规的问题,为什么 0.1 + 0.2 !== 0.3.在正式介绍这个问题之前,需要了解下面几个前置知识。计算机二进制的表现形式以及二进制的计算方式?什么是原码、补码、反码、移码,都是用来做什么的?差不多这几个就.

2021-07-21 09:30:20 288

转载 React大型项目状态管理库如何选型?

背景由于要做一个使用起来比较舒服的轮子,最近研究了下React的状态管理库,当然,仅限在使用层面,也就是用着舒服的角度来选择到底使用哪个状态管理库。本着在Github上面看看React社区内状态管理库的流行程度和使用程度的层面,来进行选型,然后就有了这篇文章,关于我们最后选择了哪个,文章末尾告知。选择库的原则如下:全面拥抱typescript,so选择的库需要对typescript支持友好react自从16.8引入hooks,接下来就开始了函数式编程的时代,所以不要有class这玩意一定要使用

2021-07-20 09:33:25 721

原创 vite解析 + 搭建vite-pro大型公司MIS项目实践,真香

hello,大家好,我是德莱问,今天为大家带来vite解析。最后提供一个使用vite+react+concent的一个后台项目。写在前面的话vite,号称是下一代前端开发和构建工具。vite的出现得益于浏览器对module的支持,利用浏览器的新特性去实现了极速的开发体验;能够极快的实现热重载(hmr).开发模式下,利用浏览器的module支持,达到了极致的开发体验;正式环境的编译打包,使用了首次提出tree-shaking的rollup进行构建;vite提供了很多的配置选项,包括vite本身的配

2021-04-23 11:28:28 1090

转载 简单而强大的swig.js

swig的简单介绍swig是JS模板引擎,它有如下特点:根据路劲渲染页面面向对象的模板继承,页面复用动态页面快速上手功能强大swig的变量{{ foo.bar }}{{ foo['bar'] }}//如果变量未定义,输出空字符。swig的标签extends 使当前模板继承父模板,必须在文件最前 参数: file 父模板相对模板 root 的相对路径,将在后面介绍如何实现模板继承

2017-03-16 15:26:24 3258

原创 javascript中的toString方法

简介toString()函数用于将当前对象以字符串的形式返回。 该方法属于Object对象,由于所有的对象都是Object对象的实例,所以几乎所有的实例对象都可以使用toString方法。 toString()函数的返回值为String类型。返回当前对象的字符串形式,但是每个类型的返回值不一样,这是因为javascript的很多内置对象都重写了该方法,以切合和实现自身的功能需要,这就是今天要写这

2017-01-16 14:59:49 8770

原创 原生dom选择器

getElement系列getElementByIdvar obj = document.getElementById("eId");这是最简单不过的方法,参数id是必传的字符串,返回的是一个Object;这个方法的作用就是查找id属性值等于参数eId的第一个对象的引用,如果没有找到,就返回null;当然,不考虑IE7的情况(IE7下会出现id和name混淆的问题,详情可以看下IE中的id与name

2016-11-23 12:16:12 2004

原创 javascript的Promis对象

javascript的Promis对象背景JavaScript作为单线程运行于浏览器之中,这是每本JavaScript教科书中都会被提到的。在浏览器中的大多数任务都是异步(无阻塞)执行的,例如:鼠标点击事件、窗口大小拖拉事件、定时器触发事件、Ajax完成回调事件等。当每一个异步事件完成时,它都将被放入一个叫做”浏览器事件队列“中的事件池中去。而这些被放在事件池中的任务,将会被javascript引擎

2016-11-21 18:32:49 705

原创 前端模块化,AMD与CMD的区别

AMD和CMD的区别,require和seajs的用法,CommonJS的规范...

2016-08-03 17:15:51 53045 7

原创 javascript中的原型探索

javascript中的原型探索本文讲的是javascript中的原型,比较初级的一些理解,有写的不对的地方,欢迎指出。原型,什么是原型原型是一个对象,就这么简单, 每个对象都有一个属性prototype,这个prototype的属性值是一个对象,默认的,这个对象只有一个constructor的属性,这个属性指向这个对象本身。 如下图所示: 可以看到上图的关系还是很

2016-07-28 18:02:55 495 1

原创 Object和Function

感觉很高端的样子,貌似也是很有深意的样子,研究和搞懂这块是对自己能力的一种提升,对于自己的熟悉的语言,也有掌握的必要。先有了Object还是先有了Functionjavascript中,“函数”(方法)也是对象。一切对象都有一个根源。它是Object.prototype。根源之上再没有其他根源。Object.getPrototypeOf(Object.prototype)是null。js中除字

2016-07-07 11:57:49 1994

原创 javascript中的String

javascript中的String本文主要讲解js中string这个基本类型的使用和剖析,有不当之处可以指出,仅限于个人理解,不喜请喷,哈哈。。string的基本概念string就是一个字符串,但是官方解释呢,String类型用于表示由零个或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号和单引号表示,但是不能混用,如下面的代码:var str1 = 'hello';va

2016-07-07 11:24:05 503

原创 javascript浅谈闭包

突然有朋友说,可以写一下闭包的问题,其实闭包对于新手来说可能稍微复杂点,但是对于一个js的高级玩家来说,就是最简单不过的事情了,今天咱们就来搞下闭包。js作用域在我们讨论闭包前,肯定要说一下js中关于作用域的问题,在大多数语言当中,好像都有这个作用域的概念,作用域无非就两种,一个是局部变量,一个是全局变量。 局部变量就是可以在某块特定的区域内才可以访问的变量,比如函数内部的变量就是局部变量。 全

2016-06-14 14:58:23 518

原创 javascript数组的方法

上一章咱们讲了数组的创建,接下来,咱们就看看数组应该怎么用,都有哪些方法,这些方法到底是做什么的,本文只介绍Array特有的方法,继承来自Object的方法不做赘述。contact顾名思义,这个方法是用来做合并的,但不会影响原数组的结构。这个方法接受的参数可以是多个。咱们可以直接看代码:var arr = [1,2,3];var result1 = arr.concat(4);var resul

2016-06-14 10:39:01 635

原创 javascript浅谈数组的声明

javascript当中用的最多的有两个,一个是对象,另外一个是数组,当然数组也属于是对象的一种。数组中的元素可以是任何形式的,可以是数字,可以是字符串,也可以是对象。new 方式声明一个数组首先,咱们说数组,就不得不说数组的声明,只有声明了一个数组才可以用嘛,没毛病。声明数组的方式有好多种:用new Array的方式声明一个数组,返回当前数组的引用。当然传进去的参数不一样,得到的数组也是不一样的。

2016-06-08 18:02:48 2414

原创 javascript防篡改对象

javascript防篡改对象这个东西吧,用到的很少,个人感觉用处不大,但是,可以作为装逼的利器,哈哈,开搞。。1、不可扩展对象默认情况下对象都是可以扩展的,也就是说,任何时候都可以向对象中添加属性和方法。现在使用Object.preventExtensions(object)方法可以改变这个行为,让你不能再给对象添加属性和方法。例如:var person={name : 'jack'};Obje

2016-06-08 12:42:18 941

原创 盒子模型

浅谈盒子模型盒子模型,接触过css的基本都了解,正好有时间,整理了一下,仅供参考,不足之处,还请指出,本文讲的只是标准的盒子模型(以chrom浏览器为例),IE的盒子模型会有不同。在当前html5和css3盛行的时代,盒子模型在我们得开发过程中依然占据着不可替代的地位,对于一个前端开发人员来说,不了解盒子模型,我觉得可以打辞职报告,回家养猪去了。好的,废话不多说,盒子模型,故名思议,一个盒子,肯定有

2016-06-08 11:39:35 489

原创 javascript浅谈循环

javascript浅谈循环对于javascript中,有很多写循环的方法,每个方法是什么样的呢,突发奇想,搞一下全部的循环方法:for循环 for循环应该是咱们写代码最开始的时候,最熟悉的方法了,简单罗下代码:var arr = ['tom', 'jack', 'lily', 'marry'];for(var i = 0;i < arr.length;i++){ console.log

2016-06-07 19:15:29 964 1

原创 javascript判断IE浏览器最简单的方法

javascript判断IE浏览器最简单的方法

2016-06-07 11:46:23 626

原创 typeOf与 instanceof的区别

typeof是判断变量是什么基本类型的; instanceof是判断对象到底是什么类型的;

2016-06-06 18:33:52 9360

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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