
前端工程化
文章平均质量分 50
Gyoung阿广
积累、坚持
展开
-
前端自动化构建工具gulp
前端自动化构建工具gulp原创 2017-12-28 10:31:16 · 242 阅读 · 0 评论 -
最近在Bilibili做的一次关于个人网站搭建的分享
【网站访问链接】1.百度搜索‘金句猫’;2.点击打开链接;3.浏览器输入http://www.jinjumao.club最近,在团队内部做了一次分享,主题是《如何用vue+springboot搭建一个个人网站》,这里我贴一下整个分享的思维导图。从图中可以看出,这里采用前后端分离,前端采用的是vue、webpack、elmentui等技术栈,后端采用的是java、maven、springboot、m...原创 2018-01-08 16:00:19 · 1196 阅读 · 0 评论 -
Vue单页面应用性能优化实践
Vue单页面应用性能优化实践最近业余时间一直在做一个个人项目,使用的是vue+vue-router实现的单页面应用。相对于多页面应用来说,其实单页面应用对性能优化的要求要更高,因为首屏加载的文件要更大,只要过了首屏加载问题,使用过程中单页面应用是会比多页面应用流畅的多的。闲话不多说,接下来讲下我优化过程中两个很实用的方法:(1)对路由组件进行懒加载这里的懒加载是指在访问到对应的组件时才加载它,首屏...原创 2018-02-08 11:45:53 · 4528 阅读 · 3 评论 -
浅析vue.js双向数据绑定mvvm实现原理
什么是双向数据绑定?按简单的话语描述,就是数据变化更新视图,视图变化更新数据。两种实现双向数据绑定的方法:(1)脏值检查(angular.js)Angular.js是通过脏值检查的方式来判断数据是否更新,来决定视图是否更新。最简单的就是通过setInterval()来设置一个定时器轮询数据是否变动,当然angular只有在指定的事件触发时才进入脏值检测,如:DOM事件,比如用户输入文本,ng-cl...原创 2018-04-02 18:39:47 · 427 阅读 · 0 评论 -
前端跨域解决方案
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。同源策略:同源是指“协议+域名+端口”三者相同。跨域解决方案:1.通过jsonp跨域;2.document.domain+iframe跨域;3.location.hash+iframe跨域;4.window.name+iframe跨域;5.postMessage跨域;6.跨域资源共享(CORS);7.nginx代理跨域;8.nod...原创 2018-04-10 17:58:07 · 622 阅读 · 0 评论 -
《前端架构设计》读后记录
这本书主要讲了作为一名前端架构师的三个职责,分别是体系设计、工作规划、监督跟进,四个架构的核心,分别是代码核心、流程核心、测试核心、文档核心。《前端架构设计》pdf百度网盘下载链接: https://pan.baidu.com/s/1QWBola_Ne12FtAA3EJf5Gw 密码: ecac第一部分 引言软件架构师的职责就是要保证项目中每一步都在总体架构的指导下进行,而不是随机...原创 2018-09-10 19:04:13 · 415 阅读 · 0 评论 -
vue源码中有ts语法,vscode查看提示错误问题
当用vscode查看vue源码时,发现js文件中有ts语法时,vscode会提示错误,如图这个原因是因为vscode默认开启了对js文件的验证检查,可以在用户设置区禁用它,如图最后一行这样即可让vscode不再错误的验证了。 ...原创 2018-11-12 11:40:51 · 11153 阅读 · 2 评论 -
如何让vscode eslint插件检查vue单文件问题
在vscode中安装了eslint插件,并且配置了.eslintrc.js配置文件后,默认情况下并不会在控制台检查出.vue单文件的报错。这种情况下只需更改vscode用户设置中的eslint validate配置就行,新增html, vue项,如图。打开settings.json文件,新增最后几行覆盖默认配置...原创 2018-11-12 14:27:44 · 1823 阅读 · 1 评论