WHTGS的博客

本次分享的是一道数据解析题：主要用到原生js中的一些数组和字符串的方法： <script> // 要求： // * 1. 输出常规线路，并按照线路数字从小到大排列(如20路，301路等这些都是常规路线) // * 2. 输出地铁线路，并按照线路数字从小到大排序 // * 3. 输出其它线路，并按照线路名称长短从小到大排序 const res = { code: 0, data: { lines: '20路

数组方法的重构，在一些面试中会经常遇到，这里对其中一部分方法的重构进行了汇总。1 push方法实现push就是在数组后面添加一个新元素，返回新数组的长度，数组改变function push(arr,elem){ // 将添加的元素放在数组的末尾 arr[arr.length]=elem; return arr.length;}var arr = [1,2,5,6,7];conso...

利用canvas简单实现一个在线刮奖的模拟效果。主要利用了canvas中的save() restore() 以及裁切clip()实现思路：给画布填充一个背景色，遮住图片，达到一个蒙层效果，然后利用clip不断去裁切画布，并且使用save 和 restore去保存记录每一次的结果，最终就可以实现这个效果啦<canvas width="400" height="200"></c...

利用canvas来实现放大镜效果很简单，而且效果相对于传统的js实现，更加流畅，体验效果更好。下面来具体实现一下：1、整体的页面布局：两个画布，一个存放原图，一个存放放大区域的展示效果<div> <canvas width="800" height="400" id="canvas1"></canvas> <canvas width=...

部署到本地的操作流程如下：一、 本地打包前端的打包，需要利用webpack进行打包： 具体的操作1 复制一个webpack.config.dev.js 并且重命名为 webpack.config.pro.js2 对webpack.config.pro.js 进行一些修改，修改的地方有以下几处模式修改一下输出目录修改一下删除服务器部分 就是devServer最终结果：...

后台管理系统，简单来说就是对各种数据进行维护的一个平台或者说是CRUD也行。因为涉及到数据，所以保护数据安全就显得尤为重要。下面就来简单介绍下我之前做的一个后台管理系统的实现过程中遇到的问题及关键点做一下总结。一、架构设计开发模式：前后端分离（rmvc） 前端（FE）： RMVC , 后端：RM (V) C技术栈：es6 + webpack+jquery +Nodejs + Express ...

打包之前可以将服务器部分以及监听部分的代码全部删除，要将编译模式改为生产模式（js部分）function compileJs(){ return src('./src/js/app.js') .pipe(webpackStream({ //指定编译的模式，development 开发模式，production :生产模式，压缩，优化 mode:"p...

windows部署nginx1 、安装nginxhttp://nginx.org/en/download.html并且在nginx的根目录下创建一个conf.d的文件夹，然后创建一个*.conf文件2 进行配置修改conf的 nginx.conf配置文件include C:/nginx-1.17.9/conf.d/*.conf;3 对自己刚才创建的conf文件进行配置serve...

今天分享一些关于BST的内容：一、基础知识点1 一棵树最上面的节点称为根节点，如果一个节点下面连接多个节点，那么该节点称为父节点，，，它下面的节点称为子节点。一个节点可以有0个 1个 或多个子节点，没有任何子节点的节点称为叶子节点2 以某种特定的顺序访问树中所有的节点称为树的遍历3 树可以分为几个层次，根节点是第0层，子节点是第1层，子节点的子节点是第2层，依次类推二、今天的主角...

什么是Gulp？Gulp是一个自动化构建工具，简单来说就是用来打包项目的。本文主要介绍一下gulp3和gulp4的使用，以及两者之间的一些区别。一、Gulp31、安装gulp3如果是首次安装，请先全局安装gulp3npm i gulp@3 -g然后初始化项目模块，就是为了生成package.json配置文件npm init -y初始化后，安装当前项目的gulp模块npm i ...

首先，我们先来认识一下数组。var arr=[1,2,6];数组有以下几个特点：有序性紧密型关联性数据的添加和查找都是按照索引（下标）数组中存储的元素的总量是可变的数组长度的改变会引起数组的改变数组被创造出大量的方法使用它，造成API过多数组必须按照索引顺序依次排列数组的删除 添加 查找都是很耗费时间的 因为每次都需要重新去排列每个元素数组的常用方法：pop pus...

要点：搭建一个node服务器，连接mysql数据库，ajax通过post方式传输数据，和node服务器进行通信（主要实现的功能是登录和注册的后台验证）一、node服务器搭建//引入http模块var http = require("http");//引入querystring模块var querystring = require("querystring");//创建一个服务器va...

在javascript中所用到的this有以下几个方面：1 全局下的this 在非严格模式情况下 下面的this都是window2、对象中的this如果调用对象中的方法，那么方法中的this指向这个调用者方法中的this就是当前的对象如果直接给属性赋一个，this.a 其中a已经定义，此时this指向window，打印得到undefined3、回调函数中的this指向事件时特殊...

类整理###实例化时执行构造函数construtor###对象的构造函数就是当前的类名###原生js，构造函数只能有一个，并且所有类的构造函数写为constructor函数但是这个构造函数实际就是当前的类名###由于js中构造函数就是类名，因此我们可以根据对象的构造函数是否是某个类名来判断他是否属于该类###使用arr.constructor.name可以输出类名（Array...

ES6整理1、ES6模块化： JavaScript在es6加入了模块(module)体系的语法，在此之前我们编写代码时必须依靠require.js之类的工具来实现模块化加载。其实模块化的概念在其他语言中很常见，比如python/java里的import导入包，正好es6里也是用import关键字。 es6的模块化使用import/export关键字来实现模块的导入和导出，并且...