骑着大象兜风-优快云博客

原创 npm 常用命令

这里写自定义目录标题查看当前源 npm config get registry 设置源 npm config set registry https://registry.npmjs.org/ 添加用户 npm adduser 查看npm 配置 npm config get 添加link # npm 包 npm link # 业务包 npm link npm-name 安装包 npm install 包名 npm install -g 包名 # 全局安装卸载包

2021-10-07 13:38:01 570

原创深入理解 javascript 排序算法

对于前端开发一般在实际应用中算法用得不算多，不过一向对于面试造航母，工作拎螺丝。考察算法也是现在大公司必考的题，排序更是经常命中的题。排序时间复杂度和空间复杂度对比：以下列出常用的排序方式，性能（差 => 优）公共代码调换数组两个下标的位置 const swap = function (array, index1, index2) { [array[index1], a...

2020-04-14 19:07:04 243

原创 webpack4.0从零开始单页（多页）应用配置(三) --- 辅助工具

webpack4.0从零开始单页（多页）应用配置 (一) webpack4.0从零开始单页（多页）应用配置(二) css相关 ##项目引入Less 安装Less, less-loader npm install --save-dev less less-loader 修改webpack.config.js loader配置 { test: /\.css$/, use: [ ...

2020-04-06 11:50:21 233

原创 webpack4.0从零开始单页（多页）应用配置(二)

webpack4.0从零开始单页（多页）应用配置 (一) 加载图片通过webpack运行起的项目如果不对图片资源做处理是不会加载到文件的。例：我们在src目录下添加一个image目录并且放入一张图片在里面：且在style.css文件加入如下代码： html, body{ height: 100%; background-color: red; background...

2020-04-06 11:49:08 334

原创 webpack4.0从零开始单页（多页）应用配置 (一)

理解webpack核心概念借用官网的话：“webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。” 如图加上概述，开发的各种js模块，以及图片 + sas...

2020-04-06 11:48:15 846

原创前端必备设计模式

接手项目越来越复杂的时候，有时写完一段代码，总感觉代码还有优化的空间，却不知道从何处去下手。设计模式主要目的是提升代码可扩展性以及可阅读性。本文主要以例子的方式展示设计模式应该如何使用！（例子主要来源于javascript设计模式一书，如果已经对这本书读得滚瓜烂熟的，可以划过，如果还未读，或者想了解一下可以收藏起来慢慢看~） #设计原则在使用设计模式前应该需要知道的几个原则(其中对应设计模式...

2019-10-23 10:30:39 761

原创 WebSocket在聊天界面的使用，以及踩的一些移动端的坑 (上)

WebSocket在聊天界面的使用，以及踩的一些移动端的坑 (上) 最近在开发一个客服页面，其中包括移动端和pc端。主要运用WebSocket进行与后台进行聊天通讯(当然不兼容WebSocket的使用的是轮询的方式)！一、WebSocket相比http轮询的优点和缺点? 优点 websocket是一种长连接双向通迅的方式，不需要前端一直发送http请求询问后台，客服是否有消息回复。同样...

2018-10-21 22:49:23 4430

user_bin的博客