5 小飞侠-2

尚未进行身份认证

我要认证

我的github地址https://github.com/liujiekasini 欢迎大家分享讨论

等级
TA的排名 826

Vue 项目性能优化 — 实践指南(网上最全 / 详细) 华华00526

前言Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成:Vue 代码层面的

2020-06-17 08:02:34

关于前端安全防范做了一些总结,供参考交流

防范措施 具体措施 类型 备注 实施方法 使用https http响应头设置 x-frame-options禁止页面被加载进iframe http劫持 Response.AddHeader("X-Frame-Options", "Deny"); DENY:浏览器拒绝当前页面加载任何Frame页面 SAMEORIGIN:frame页面的地址只能为同源域名下的页面 ALLOW-FROM:orig...

2020-05-22 16:39:18

前端项目如何使用sonar qube进行代码质量检查

在做Java项目的时候,我们经常会使用 Sonar Qube来进行代码质量检查工作。查看了一下其文档,sonar qube不仅可以做Java的检查,还支持其他语言,比如js, ts等等。本文简单记录如何配置sonar服务,如何使用其进行前端项目的代码质量检查工作。有eslint, tslint等工具,还要sonar干嘛首先需要说的是,这两者不是一个层级的东西,eslint, tslint是js代码,ts代码的风格检查工具,其定义一些代码编写风格,主要通过这些风格规范个人的代码。而sona..

2020-05-14 09:06:28

前端使用sonar扫描代码 安装及使用

由于公司申请项目,要求用sonar 扫描代码,自己在网上搜了一些方法,然后摸索着弄了两天才弄出来(我可真是个小白~)好 进入主题,我们此处只是针对本地扫描代码,我扫的是js安装需要安装SonarQube和sonar_scanner需要java环境和数据库(本地扫描不需要安装数据库),安装配置SonarQubeSonarQube下载后,直接解压,需要配置系统环境变量新建系统变量,变...

2020-04-29 17:15:46

sonar7.7(代码检查)安装部署-后端

1.下载介质:https://www.sonarqube.org/downloads/2.配置运行环境:centos7,jdk1.8,mysql5.6以上3. 创建数据库环境sonarCREATE DATABASE sonar CHARACTER SET utf8 COLLATE utf8_general_ci;只需要创建数据库即可,sonar会自动为我们创建相关的表。。...

2020-04-29 17:13:46

前端安全改造

8大前端安全问题(上)https://insights.thoughtworks.cn/eight-security-problems-in-front-end/8大前端安全问题(下)https://insights.thoughtworks.cn/eight-security-problems-in-front-end-2/前端安全系列(一):如何防止XSS攻击?https://j...

2020-04-29 15:11:11

前端监控设计

标签:介绍local长度本地upload标识utilstorage相关===================代码展示================    监控系统地址:Demo地址     页面探针代码:GitHub地址          分析后台地址:...

2020-04-12 09:30:59

mongodb安装教程(图解+链接)

4.0.6版本的网盘地址:链接:https://pan.baidu.com/s/14oXqAuJZplcq2RoDTLn6-Q提取码:e5721下载: https://www.mongodb.com/download-center/community?jmp=nav3.4.4 的网盘下载地址 https://pan.baidu.com/s/1mhPejwO#list/path=%2Fw...

2020-04-12 08:31:47

直播与云聊天

前端直播功能开发总结最近公司要开发一个直播功能,自己也是研究了很久,这里总结一下:这里直播还是用的第三方的集成:视频用的是七牛云的集成,聊天用的是融云。一、直播功能(七牛云)下面是直播的快速入门文档:https://developer.qiniu.com/pili/manual/1221/the-console-quick-start这里前端功能没什么可说的,文档中都写...

2020-04-11 14:18:24

Sentry前端部署拓展篇(sourcemap关联、issue关联、release控制) javascript html5 阅读约 7 分钟 原文首发于我的个人博客: https://lonhon.

原文首发于我的个人博客:https://lonhon.top/之前的《基础篇》主要介绍了Sentry和基本部署流程,在实际使用过程中你会发现Sentry受欢迎的原因:除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能,包括:Release控制,分别处理线上、测试环境的异常 通过SourceMap直接查看出错js源码 报警邮件发送规则...

2019-12-09 14:05:42

前端异常日志监控 - 使用Sentry

原文首发于我的个人博客:https://lonhon.top/之前的《基础篇》主要介绍了Sentry和基本部署流程,在实际使用过程中你会发现Sentry受欢迎的原因:除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能,包括:Release控制,分别处理线上、测试环境的异常 通过SourceMap直接查看出错js源码 报警邮件发送规则 Is...

2019-12-09 13:50:18

uni-app技术视频

建议第一步,看完uni-app官网的首页介绍。建议第二步,通过快速上手,亲身体验下uni-app。建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。如果你熟悉h5,但不熟悉vue和小程序看完这篇白话uni-app DCloud与vue合作,在vue.js官网提供了免费视频教程,也可以直达教程地址:https://learning.dcloud.io...

2019-11-20 15:52:44

实际生产项目中ESLINT的配置

安装 ESLint 和相关插件为了方便配置,我们选择使用 airbnb 插件(airbnb号称最严格的规范,且包括ES6+的代码规范要求,可以满足我们大部分的开发需求),安装它需要先执行下面的命令查看其依赖npm info "eslint-config-airbnb-base@latest" peerDependencies执行命令得到结果{ eslint: '^4.1...

2019-11-15 14:31:34

30 分钟学会 Flex 布局

林东洲766 人赞同了该文章为什么我要写这一篇关于 Flex 布局的教程?因为它十分简单灵活,区区简单几行代码就可以实现各种页面的的布局,以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局,你只要学习几个 CSS 属性,就可以写出简洁优雅复杂的页面布局。本教程适合人群:前端小白,不太明白页面布...

2019-11-15 10:52:01

uni-app官方教程学习手记

ios android javascript vue.js uni-app52.8k 次阅读 · 读完需要 22 分钟93本人微信公众号:前端修炼之路,欢迎关注背景介绍大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hello示例教程。经过一番努力,在云端打...

2019-11-15 10:41:29

年度Java技术盘点,懂这些技术的程序员2019发展大好

与一年前一样,Java仍然是最流行的编程语言。据TIOBE的数据显示,几十年来,Java比其他语言更常名列榜首,Java因为它拥有可移植性、可扩展性和庞大的用户社区,所以许多知名互联网公司使用Java来开发软件和应用程序,导致互联网企业对Java程序员的需求急剧增加。  那2019年,企业究竟喜欢招聘懂哪些技术的Java程序员呢?为了培养能满足企业需求的Java程序员,2018年底传智播...

2019-11-14 16:51:28

大型项目前端架构浅谈

1、综合 1.1、使用场景 1.2、核心思想 1.3、切入角度 1.4、其他 2、基础层设计 2.1、自建Gitlab 2.2、版本管理 2.3、自动编译发布Jenkins 2.4、纯前端版本发布 2.5、统一脚手架 2.6、Node中间层 2.7、埋点系统 2.8、监控和报警系统 2.9、安全管理 2.10、Eslint 2.11、灰度发布 2.12、前后...

2019-11-13 16:54:20

转载一份前端技术概览

Web前端知识体系精简Web前端技术由 html、css 和 javascript 三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍。目的是帮助大家审查自己的知识结构是...

2019-11-13 09:09:22

vue 通过按钮点击动态添加组件

本文链接:https://blog.csdn.net/qq_37591637/article/details/90199127效果如下思路 v-for循环+数组组件第一步、定义一个组件,这个组件里面是一个html代码 Vue.component('dom', { template: '<div>我是一个组件</div&...

2019-08-15 15:52:11

PWA学习心得

PWA学习心得一、什么是PWAProgressiveWebApp,(渐进式增强 WEB 应用)简称PWA,是提升WebApp的体验的一种新方法,能给用户原生应用的体验。PWA 本质上是 Web App,借助一些新技术也具备了Native App的一些特性,兼具 Web App和Native App的优点。1.1PWA 的主要特点可靠...

2019-05-06 11:14:16

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。