daipi173的个人博客

daipi173的个人博客
Always Creative.
Welcome!

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端

你的努力必将成为成功。

如何用webpack来打包项目（二）

2019-07-10 | webpack

在上一次的笔记中，介绍了在package.json说明书里面有一个”scripts”脚本，然后如何在脚本中配置内容。由于每一次输入参数是一件很麻烦的事情，因此webpack为我们提供了第二种方式，即配置文件的方式。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象 1. 配置文件方式的过程创建一个webpack.config.js（需要写

如何用webpack来打包项目（一）

2019-07-07 | webpack

1. 什么是webpackwebpack就是一个打包工具，它所做的事情就是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 2. 我们为什么要使用webpack现如今许多网页可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。因此我们就想到了：模块化，模块化的功能就是让我们把复杂的程

jQuery之Ajax

2019-07-04 | JavaScript, jQuery, Ajax

我们需要注意的一点是：jQuery是函数式的写法。下面我们来看一个关于Ajax的例子（注意：需要放到服务器下面进行一个运行）： GET方法进行一个请求：index.html文件和getNews.php文件在同一个路径下，getNews.php文件中的内容为： 1234567891011121314151617<?phpheader('content-type:text/html;charset="utf-8&

函数节流（throttle）

2019-07-01 | JavaScript, 函数节流

1. 什么是函数节流（throttle）函数节流（throttle）概念：规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。 2. 生活中的例子当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放中大概是以每秒 24 张的速度播放的，为什么不是 100 张或更多呢？其原因是因为 24 张就可以满足人类视觉需求的时候，

函数防抖（debounce）

2019-06-28 | JavaScript, 函数防抖

1. 什么是函数防抖（debounce）在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 2. 生活中的例子如果有人进电梯（触发事件），那电梯将在5秒钟后关闭（执行事件监听器），这时如果又有人进电梯了（在5秒内再次触发该事件），我们又得等5秒再关闭（重新计时）。 3. 函数防抖的应用场景给按钮加函数防抖防止表单多次提交。对于输入框连续输入进行AJAX验证时，用函数防抖能有效减少请求次数。判断scroll是否滑到底

算法之快速排序（Quick Sort）

2019-06-25

1. 算法简介快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。 2. 算法描述和实现快速排序使用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法描述如下：从数列中挑出一个元素，称为 “基准”（pivot）；重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相

JS之用一次for循环来合并排序

2019-06-22 | JavaScript, for循环, 排序

今天给大家分享一道较为简单的js题，下面大家先看一看题目，在这之前先不要看我写的代码，看看自己有没有更好的方法。下面我先把题分享出来：首先先把题中重点的地方列举出来：数组的内容都是从小到大排好序的数字；合并之后的数字也是要从小到大排好序的；不要直接使用sort()方法（在下面的代码中我没有使用sort()方法）；只使用一次for循环。大家先仔细想一想思路，当你写完自己的代码时，认为自己代码是否有bug的最好方法就是带几组比

import和require的区别

2019-06-20 | JavaScript, ES6, import, require

require 和 import，都是为了JS模块化使用。不知道有没有小伙伴和我一样，最开始有点分不清楚import和require的区别，今天就给大家梳理一下他们之间的区别。由于有时候多人协同开发时，会出现一个项目中同时使用了import和require引入的情况。在正常的情况下，一个项目中最好使对引入方式做一个规范。 1. 遵循规范的区别 import/export是ES6新规范 require/exports是CommonJS的一

ES6之class类的补充

2019-06-16 | JavaScript, ES6, Class类

1. 属性表达式类的属性名，可以采用表达式。给大家举一个例子，代码如下： 1234567891011let propName = "getMethod";class Prop{ constructor(){ //... } [propName](){ // 此时Prop类的方法名getMethod是从“let propName = 'getMethod';

ES6之Class类

2019-06-13 | JavaScript, ES6, Class类

1. 类的由来JavaScript 语言中，生成实例对象的传统方法是通过构造函数，下面我们来看一段代码： 123456789function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return this.x + ', ' + this.y;};var p

And we should call every truth false which was not accompanied by at least one laugh

YOUR EFFORTS BOUND TO SUCCEED 关注公众号：Yoho前端

YOUR EFFORTS BOUND TO SUCCEED
关注公众号：Yoho前端