随笔分类 - 前端
摘要：现在有不少项目都转向使用了pnpm，它能帮我们节约磁盘空间并提升包的安装速度，但是也没有带来很多使用习惯上的迁移，npm中的命令在pnpm中大多都是能用的，我们可以方便的切换到pnpm中进行开发。为何不尝试一下呢？本文就介绍了pnpm中基本的原理，很常用的命令，让你方便快速的了解并使用它。
阅读全文
摘要：文章从浏览器的架构，请求的流程，合成的流程等几方面宏观上的接受了网页是如何在浏览器上渲染成页面的。涉及到网络能部分，能更清楚的知道一些常用请求，响应字段在请求过程中的作用。结合渲染的流程，也能对浏览器重绘，重排等有更深的认识。加深对浏览器的认识，能以更底层的视角去思考前端代码等的执行。
阅读全文
摘要：总体来说 性能提升 重写了虚拟DOM的实现（跳过静态节点，只处理动态节点） update性能提高1.3~2倍 服务端渲染速度提高了2~3倍 树摇（Tree shaking） 可以将无用模块“剪辑”掉，仅打包需要的 原理： ES6 Module引入进行静态分析，故而编译的时候正确判断到底加载了那些模块
阅读全文
摘要：有了vue-cli的帮助，我们创建vue的项目非常的方便，使用`vue create`然后选择些需要的配置项就能自动帮我们创建配置好的webpack项目脚手架了，实在是‘居家旅行’必备良药。这次借着学习webpack的机会，不用`vue-cli`搭建一个vue项目。
阅读全文
摘要：现在VUE3已经有一段时间了，也慢慢普及起来了。不过因为一直还在使用VUE2的原因还是去了解和学了下它的源码，毕竟VUE2也不会突然就没了是吧，且VUE3中很多原理之类的也是类似的。然后就准备把VUE3搞起来了是吧。VUE2源码使用的是roullup进行打包的，还使用了Flow进行静态类型检测(该库
阅读全文
摘要：本篇文章通过图文为你介绍了V8引擎大概的执行过程，你可以了解到代码是从从扫描器Scaner变成tokens，从解析器Parser变成AST，从解释器变成字节码等等。以及JavaScript代码在执行的过程中，它在内存的情况是如何变化的，让你从更加底层的角度去理解你的js代码是如何运行的。了解这些后你就能从更加底层的角度去理解var的变量提升，闭包的形成等了。
阅读全文
摘要：使用Apache ECharts和echarts-gl实现立体3维地图，且地图区块上有两立体柱展示地区数据，点击区块可获取对应series的data，可选中高亮。使用了geo3d,map3d,bar3d等3d组件。能更加立体美观的的展示多个维度的数据。
阅读全文
摘要：百度地图API的基本使用，包括基本的操作，点的添加，控件的添加，地图logo的隐藏。文章主要聚焦在使用百度地图进行开发时，添加大量点的几种解决方案，包括使用点聚合，使用官方提供的海量点，还有使用mapv进行大量点的操作。不同的方案各自有优缺点。在使用时也可能会遇到一些坑点，文章也有提到。
阅读全文
摘要：三层架构与MVC模式 三层架构 三层架构是一种以实现**“高内聚，底耦合”**为目标，的代码架构方法，它将整个业务分为，表示层，业务层，数据访问层（Dao层）。 MVC模式 MVC模式是一种软件设计的典范，一种组织代码的方法。 M 是 model 模型 V 是 view 视图 C 是 control
阅读全文
摘要：引言 在Vue中使用模板语法能够非常方便的将数据绑定到视图中，使得在开发中可以更好的聚焦到业务逻辑的开发。 mustache是一个很经典且优秀的模板引擎，vue中的模板引擎也对其有参考借鉴，了解它能更好的知道vue的模板引擎实现的原理。 数据转换为视图的方案 Vue的核心之一就是数据驱动，而模板引擎
阅读全文
摘要：基本流程 用户操作流程 小程序流程 整体支付流程 代码实现 创建订单 创建订单，主要是前端将订单的信息提交到后端。但是在创建订单之前还有一些准备工作要做： 获取用户数据GetUserInfo 获取用户授权，获得token 创建订单 使用button的getUserInfo 获得的用户信息,再使用wx
阅读全文
摘要：快速配置 将build后的文件直接丢到niginx目录下的html文件夹中，然后配置nginx.conf,就可以在快速的实现niginxhistory模式的配置了。 location /{ # 可使用 root 指定路径 # root D:/dist; try_files $uri $uri/ /i
阅读全文
摘要：概要 Promise是个保存异步结果的容器（对象）。 Promise的状态有：pending（进行中）,fulfilled（已成功）,rejected（已失败），对应其异步操作的状态。 状态转换： pending->fulfilled，将调用resolve函数。 pending->rejected，
阅读全文
摘要：引 当使用vue做完项目后，接下来当然是要进行线上部署了。但是在上线之前还是可以做很多方面优化的，可以让项目上线后的体验更加哦。 若是使用了vue-cli的话，可以从面板界面直观的看到各项数据，控制台也会输出些提示信息，通过这些信息就能更好的优化项目了。 清除控制台的输出 在项目开发的时候，经常会在
阅读全文
摘要：引 在使用element-ui的时候虽然默认的样式已经能够满足很多的需求了，但是有总是有时候要加上些自定义的需求。不过，有的时候样式写上去了，按理说应该是没错的，但却是不生效呢。 其实在vue项目中使用第三方框架的时候，都是可能会出现这个问题的，原因就是，vue中有scoped可以声明了样式是在组件
阅读全文
摘要：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/xxx". at createRouterError，Uncaught (in promise) Error: Navigation cancelled from "/xxx" to "/xxx" with a new navigation 的说明及解决。
阅读全文
摘要：引言 解构赋值是ES6中引入的一种能快速方便的进行变量赋值的方法，其主要也就是分为解构和赋值两部分内容。解构者，也就是匹配结构，然后分解结构进行赋值。 数组的解构赋值 使用 const arr = [1,3,5] const [a,b,c] = arr; console.log(a) // 1 co
阅读全文
摘要：由element-ui文档中能看到重置表单使用的是如下函数 this.$refs[formName].resetFields(); 但是有时使用它却可能会失效 解决： form-item中要加上prop属性，它的值要与input的model对应 <el-form-item prop="roleDes
阅读全文
摘要：函数在js中也是一个对象，所以它也是有着自己的属性和方法的，了解它们能更好的使用函数。这里有，JavaScript函数属性，方法，ES6拓展内容总结(包括：箭头函数使用，rest参数的使用)。
阅读全文
