小飞侠的博客

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

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

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

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

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

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...

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

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...

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

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

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

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

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

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

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

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

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、前后...

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

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

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

微前端MicroFrontend前端架构技术选型经过各种技术调研我们最终选择的方案是基于Single-SPA来实现我们的前端微服务化.Single-SPA一个用于前端微服务化的JavaScript前端解决方案使用Single-SPA之后,你可以这样做:(兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angu...

看到PWA，似曾相识，但又感觉很模糊，于是乎，又重新翻阅文档，学习了一遍，顺便把相关知识学习了一下，比如service worker,workbox3。PWA 概念：全称：Progressive Web APP, 渐进式 Web 应用。实际上是通过 Web 技术编写出的一个网页应用，加上App Manifest和Service Worker来实现PWA的安装和离线缓存等功能。...

Vue专题一个数据驱动的组件，为现代化的 Web 界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6UI组件 开发框架 实用库 服务端 辅助工具 应用...

引言：在我的理解中，知识管理虽然不是新概念，但是在这个移动互联网普及的时代，知识管理尤其是个人知识管理的意义却越来越重要。移动终端使每个人都可以随时随地的介入互联网，互联网中巨量信息向核爆一样扑面而来，我们眼花缭乱，却无从分辨信息的来源、真伪、质量；当我们真的主动地需要某些信息时，却发现遍地难寻。另外，信息太多又容易获得，很容易让人养成惰性，不注重在平时把信息理解为内在的知识，更不可能...

一、什么是PWA应用一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。官网：https://developers.google.com/web/progressive-web-apps/是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验...

第一步，查看阿里官方文档https://help.aliyun.com/第二步，学习视频课程支持官方正品的，请走下方通道绕行：阿里云云计算专业考试线上培训课(ACP级):点击直达阿里云云计算ACP认证考试辅导课视频目录：第一章节：云服务器ECSECS概述：播放地址 ：https://www.ezliushao.com/22.html ECS产品概述和功能介绍 ...

程序员都有自己的职业发展路径，要么往技术层面深入发展，要么转管理岗，架构师、CTO这些名词你都不陌生，但对于初入职场的同学们来说，这些职位具体是干什么的，管理哪些方面，谁都没真正接触过，那么今天就来给大家普及CTO、技术总监、首席架构师的定义、岗职以及它们三者的区别。一、高级程序员如果你是一个刚刚创业的公司，公司没有专职产品经理和项目经理，你就是公司的产品经理，你如果对你现在的开发员...

一般调用外部接口会需要用到http和https请求。一.发起http请求1.写http请求方法//处理http请求 requestUrl为请求地址 requestMethod请求方式，值为"GET"或"POST" public static String httpRequest(String requestUrl,String requestMethod,String ou...

阿里云云计算专业认证考试（ACP）（ECS）什么是云服务器 ECS云服务器 Elastic Compute Service（ECS）是阿里云提供的一种基础云计算服务。使用云服务器 ECS 就像使用水、电、煤气等资源一样便捷、高效。您无需提前采购硬件设备，而是根据业务需要，随时创建所需数量的云服务器实例，并在使用过程中，随着业务的扩展，对云服务器进行扩容磁盘、增加带宽。如果不再需要云服...

## fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料### 前端工具 - Git 1. [入门篇](https://backlog.com/git-tutorial/cn/intro/intro1_1.html) 2. [高级篇](https://backlog.com/git-tutorial/cn/stepup...

 证券代码：300002                    证券简称：神州泰岳                公告编号：2019-004                                  北京神州泰岳软件股份有限公司                                        2018年度业绩快报    本公司及董事会全体成员保证信息披露的内...

原文　　简书原文：https://www.jianshu.com/p/f38f21ed45dc大纲　　前言　　1、什么是PWA　　2、PWA 应该具备的特点　　3、PWA基础　　4、构建 PWA 的业务场景　　5、PWA的核心技术　　6、应用外壳架构前言　　接下去几篇博客是我对PWA的的认识和理解，目前PWA的流行程度还不是很高，所以能找到的资源也是有限，我对PWA...

北京2019年MBA招生院校信息汇总 　 招生单位名称 211 985 面试安排 培养方式 户口 19年招生人数 学费 学制 研究方向 国际认证 　 　 1 清华大学 是 是 全部提面 清华-MIT全球MBA项目 自愿 70 19.8 2...

js中原生自带的数据结构比较简单，主要有数组Array、映射Map、集合Set以及对象。我们可以根据这些基本数据结构实现我们其他想要的数据结构类型。【数组Array】js中的数组不区分元素类型，数组的使用在可以参考js系列教程—数组操作全解。映射Map集合Set对象对象本身也可以作为一种数据结构，通过设置属性和属性的值来存储数据。由于对象的相关内容较多，我们以后会用...

sql与mongodb的区别SQL术语 MongoDB 解释database database 数据库table collection 数据库表/集合row document 数据记录行/文档column field 数据字段/域创建数据库use dbname#从这里开始下文中所有的dbname都是自己新建的数据库的名...

JS正则：java RegExp对象，它是对字符串执行模式匹配的强大工具。运用最多的就是在输入处验证输入的字符串是否合法，指定用户输入字符串的格式。定义方法：　　1：直接量语法：var re=/pattern/attributes　　2：创建RegExp对象法：var re=new RegExp("pattern"，"attributes")　　　　pattern：这里可以是...

一、概要简介JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。在JSON中，有两种结构：对象和数组1、对象以“{”开始，“}”结束，“key/value”之间运用 “,”分隔。2、数组以“[...

JavaScript中Object构造函数的方法Object构造函数的方法节Object.assign()通过复制一个或多个对象来创建一个新的对象。Object.create()使用指定的原型对象和属性创建一个新对象。Object.defineProperty()给对象添加一个属性并指定该属性的配置。Object.defineProperties()给对象...

JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：...

一切的一切都只是套路！——鲁迅核心公式：En： （状语1） 主（定语1） 谓（状语2） （宾）（定语2） （状语1）Ch： （状语1） （定语1）主 （状语2）谓 （定语2）（宾） （状语1）主谓宾的位置是不变的，变化的是将修饰主语和宾语的定语提到前面，将修饰谓语的状语提到谓语之前。状语1是指一些被分开的状语，比如 at last week,becaus...

谢谢老师的分享，地址https://github.com/cucygh/fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料前端工具Git 入门篇 高级篇 索引篇 原版 原版翻译 Git的奇技淫巧 Webpack 文档 插件 Paracle 文档 Gulp 文档 Grunt 文档...

一、前言原文：https://segmentfault.com/a/1190000014804826vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码...

虽然 Vue 的服务器端渲染(SSR)相当快速，但是由于创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼接(pure string-based)的模板的性能相当。在 SSR 性能至关重要的情况下，明智地利用缓存策略，可以极大改善响应时间并减少服务器负载。 vue服务区缓存分为页面缓存、组建缓存和接口缓存 页面缓存： 　　在server.js中设置 1...

 2018年07月27日 15:26:52 大转转FE 阅读数：1542本文主要介绍Vue SSR(vue服务端渲染)的应用场景，开发中容易遇到的一些问题，提升ssr性能的方法，以及ssr的安全性问题。SSR的应用场景1.SEO需求SEO（Search Engine Optimization，搜索引擎优化），是一种利用搜索引擎规则，提高网站在搜索引擎内自然排名的技术。通常这需要...

前言因为自己的博客完全的前后端分离写的，在 seo 这一块也没考虑过，于是乎，便开始了本次的SSR之旅技术栈vue2 + koa2 + webpack4 + mongodb因为webpack也已经到了 4.1 的版本了，所以顺带把webpack3迁移到了webpack4。服务端渲染（SSR）大概意思就是在服务端生成html片段，然后返回给客户端所以vue-ssr也可以理...

 ssr   vue.js 8.4k 次阅读  ·  读完需要 17 分钟7自从 Vue2 出正式版后, 就开始了 SSR 之旅, 不过之前用的都是虚拟主机, 部署不了 SSR, 所以也只是在本地写着玩, 双 11 的时候, 买了个某云主机, 正式开始了 SSR 之旅, 然后过程并不顺利, 部署, 运行都没问题, 但是发现内存泄漏严重, 1核1G内存的主机根本负担不了, 没什么访...

 一、什么是持续集成？（1）Continuous integration（CI）持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开发内聚的软件。（2）没有持续...

/* ===============    照着老师视频敲的页面样式================*/html{    font-size: 62.5%;    color:#222;}/*被选中的颜色*/::selection{    background-color: #b3d4fc;    text-shadow: none;}/*无序列表*/ul{  ...

html常见元素meta title style link script base  div section article aside header footer p span em strong table thead tbody tr td  ul ol li dl dt dd a  from  input select  textarea button html5新增元素  ...

阅读目录：1. 关闭防火墙2. 安装Zabbix下载源3. ZabbixClient  --- 安装zabbix-agent代理4. ZabbixServer --- 安装zabbix-server服务5. ZabbixServer --- 配置zabbix-server的数据库6. ZabbixServer --- 配置zabbix-server的服务参数7. ...

1.下载加速版msyql  docker pull hub.c.163.com/library/mysql:5.72.更名docker tag hub.c.163.com/library/mysql:5.7 mysql:5.73.启动 docker run -it --rm --name mysql -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3...

在这篇文章中：1.二维数组中的查找 2.替换空格 3.从尾到头打印链表 ==4.重建二叉树== 5.用两个栈实现队列 ==6.旋转数组的最小数字== 7.斐波那契数列 8.跳台阶（动态规划） 9.矩形覆盖 10.二进制中1的个数 11.数值的整数次方 12.调整数组顺序使奇数位于偶数前面 13.链表中倒数第K个结点 方法一：使用指针 方法二：使用辅助栈 14...

  ubantu安装docker官方安装教程docker常用命令#用Dockerfile构建镜像docker build -t tomsun28/ubantu:6.0 .#通过docker镜像生成docker容器#-it是交互式模式(对应-d是后台启动)#-p 用本机的8080端口映射容器的80端口docker run -it -p 8080:80 --name ...

嗨 各位小伙伴好，好久没有写文章了，这次分享一下我们从使用node以来，前端架构上的一些优化 如果看过我上一篇文章B站的前端之路的小伙伴可能知道 我们从去年开始打烊 使用node 到现在已经经历了一年的迭代，承载的访问量也从百万级别 扩大到了现在的亿级别，这次补充一些干货吧~vue如何实现热更新我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node...

  有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app，如果下载不了它，也是非常糟糕的体验。如今虽然已经有很多种技术去尝试着解决这一问题。而随着离线页面的出现，一些问题已经得到了解决。有一个叫做 APP Cache 的 API 可以提供离线体验，但它的问题比较多。最重要的问题是，仍然没有一个好的统筹机制对资源缓存和自定义的网络请求进行控制。Servi...

  最近在学习微信小程序开发，半个月学习下来，很想实战一下踩踩坑，于是就仿写了一个滴滴他们家的青桔单车小程序的前端实现，过程一言难尽，差不多两周时间过去了，发现小程序的坑远比想象的要多的多！！在实际练手中，完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码，查看究竟，看看大厂的前端大神们是如何规避了小程...

  在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于开发体验和及时构建，相当重要；所以有必要对其做更为深入的研究，以便完善工作流，这就是本文存在的缘由。Webpack Package optimization随着时间的推移，Webpack 也在不断的优化迭代；截至...

 软件工程学，作为程序员，本就该是当学好的一门技艺。像代码大全2以及程序整洁之道，一定是需要好好读一读的。Web 前端开发，因其入门的容易性(还有需求的旺盛)，造就了这一行涌进了不少急功近利者，也惊现了很多令人“不堪卒读”的代码。而前端发展日新月异，如不能渐而掌握，长期来看，委屈的倒也不全是别人(读你代码者)，更是自己；举个浅显的例子来讲，如不能学会很好的组织代码结构，即便有高手写了架构，一旦...

  谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browserify,grunt,gulp,rollup,webpack 可以一窥其中部分对比。在...

  浏览器缓存（Browser Caching）是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式-&gt;resources左侧就有浏览器的8种缓存机制。一、http缓存h...

 关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。提及 前端性能优化 ，大家应该都会想到 雅虎军规，本文会结合 雅虎军规 融入自己的了解知识，进行的总结和梳理首先，我们先来看看 雅虎军规 的 35 条。 尽量减少 HTTP 请求个数——须权衡 使用 CDN（内容分发网络） 为文件头指定 Expi...

 PWA介绍一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。官网：https://developers.google.com/web/progressive-web-apps/是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验...

优点缩短用户进入页面的时间使用本地储存的资源减少网络请求，减小网络压力重要资源存放在本地加快页面对用户的相应存储方案选取SessionStorage临时存储神器，关闭页面标签自动回收，不可以跨页面交互。userData 是为ie服务的优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹缺点：存储限制大小，单个文件的大小限制是128K，一个域名下总共可以保存1024KB的文件，...

 前言越来越多的公司开始做PWA，渐进式web应用了。我的博客源码是2014年年初写的，近期有时间正准备优化一下，也改成PWA的web应用。关于PWA渐进式web应用，我在博客改版之后再来详细介绍！今天主要详细介绍一下性能优化之缓存利用，本文将详细介绍各种缓存，及其机制，前段时间我也写过一篇关于前端浏览器缓存的文章，在我博客中搜索缓存，也能搜到几篇文章，感兴趣的可以先去我之前文章去看一下，...

前端权限代码说明路由​ 路由分为两部分,一部分是固定的几个 ,比如/login,/404,另一部分是根据权限动态生成的.​ router/index.js 里,动态路由都在 asyncRouterMap内,里面元素的关键属性为menu , 生成动态路由时,会根据用户权限json内的menuList里是否含有这个menu,来决定是否为此用户添加这个路由.生成动态路由过程permi...

 1.简介WireMock是一个针对Web Service测试桩（stubbing）和模拟函数（mocking）开发库。与一般通用的模拟工具不同，WireMock会实际创建一个HTTP服务器，测试代码对其连接后进行测试。WireMock支持HTTP响应桩，提供针对测试桩的请求验证、代理/拦截、记录/回放以及故障植入。既可以在单元测试中使用，也可以部署到一个独立的测试环境。尽管WireMoc...

本文导读：HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。这两种类型的消息由一个起始行，一个或者多个头域，一个只是头域结束的空行和可选的消息体组成。HTTP的头域包括通用头，请求头，响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成HTTP Request的Header信息1、HTTP请求方式如下表：GET向Web服务器请求一个文件P...

2018-05-28 11:10:37nginx工作流程图http部分工作流程大致如一个master开启多个worker，网络io一般用epoll实现当个worker的高并发，文件io用sendfile，aio等高效移步io，实现一个http请求响应。io部分请参考：http://blog.51cto.com/marvin89/2115474主脚本请翻阅：http://blog.51...

1wget http://dev.mysql.com/get/mysql80-community-release-el7-1.noarch.rpm2yum localinstall mysql80-community-release-el7-1.noarch.rpm3yum install mysql-community-server4sudo grep 'temporary pass...

fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料前端工具Git 入门篇 高级篇 索引篇 原版 原版翻译 Git的奇技淫巧 Webpack 文档 插件 Paracle 文档 Gulp 文档 Grunt 文档 Rollup 文档 Browserify 官方文档 ...

      最近项目中发现个AES的加密和解密中json处理的bug，最终定位到是由于数据中特殊字符“”引起，最终解决的办法是数据加密前先转base64在加密，前端解密时一样，先解密在解base64，完美...

Web前端开发最佳实践（1）：前端开发概述引言我从07年开始进入博客园，从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法。可以说，博客园是我参与技术讨论的一个主要的平台。在这其间，随着接触技术的广度和深度的增加，也写了一些得到了大家认可的技术文章，多篇文章也得到了编辑推荐。大家的认可也更激发了我写技术文章的热情，借助公司在博客园的账号葡萄城控件技术团队博客发布了多篇有关Web前...

  由于最近在做重构的项目，所以对重构又重新进行了一遍学习和整理，对31天重构最早接触是在2009年10月份，由于当时没有订阅Sean Chambers的blog，所以是在国外的社区上闲逛的时候链接过去的。记得当时一口气看完了整个系列并没有多少感觉，因为这些基本上项目都在使用，只是我们没有专门把它标示和整理出来，所以也没有引起多大的重视。现在突然接手这个重构项目，由于团队成员技术和经验参差不齐，所...

 Webpack简介Webpack 概述本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。Webpack官网Webpack...

 阅读目录 内容部分 css部分 js部分 javascript, css  图片  cookie 移动端  服务器摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向...

 阅读目录 内容部分 css部分 js部分 javascript, css  图片  cookie 移动端  服务器摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比较清晰的方向...

Web前端性能优化1 页面级优化 1.1 减少http请求1.2 加快DNS解析1.3 设置http缓存1.4 资源合并(JS,CSS)1.5 资源前端压缩1.6 图片精灵(sprite)1.7 data: URL scheme1.8 服务端压缩gzip1.9 图片懒加载1.10 css头部加载1.11 JS异步加载1.12 JS按需加载...

1.申请免费https证书（由Symantec提供）登录控制台，找到证书服务，后面就直接安装指示一步步进行就可以了。2.配置https        拿到证书之后，进行下载，选择“下载证书for Tomcat”。因此我们会得到一个压缩文件，需要的证书都在里面了。接下来我们进行https的配置，配置这儿是个大坑，博主在这儿绕了几段弯路。由于tomcat8及以上和以下的https配置完全不同，...

 1.下载mongodbcurl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz2.解压tar zxvf mongodb-linux-x86_64-3.2.9.tgz3.创建数据文件夹和日志文件等mkdir -p /usr/local/mongodb/datatouch /usr...

 1.下载mongodbcurl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz2.解压tar zxvf mongodb-linux-x86_64-3.2.9.tgz3.创建数据文件夹和日志文件等mkdir -p /usr/local/mongodb/datatouch /usr...

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。vscode  作为一款逐渐火热的编辑器。它的特点免费、开...

步骤一 选择云服务器 步骤二 安装服务器 yum -y update 4. 我们将使用最新源代码构建Node.js，要进行软件的安装，需要一组用来编译源代码的开发工具： yum -y groupinstall "Development Tools" 5. 现在就可以开始安装Node.js，首先需要进入/usr/src文件夹，这个文件夹通常用来存放软件源代码: cd /usr/src ...

首先，install Webpack 和 webpack-dev-server.$ npm i -g webpack webpack-dev-server# Linux &amp; Mac$ git clone git@github.com:holidaying/webpack-demo.git# Windows$ git clone https://github.com/ho...

部署前端vue项目        1.webpack打包成静态文件  static 和index.html        2.放入tomcat8 webapp Root下面上传linux        3.启动tomcat 部署后端koa项目安装Nodejs1、首先安装wget，对了已经安装了可以跳过该步yum install -y wget2、下载nodejs最新的bi...

安装依赖 yum install gcc yum install pcre-devel yum install zlib zlib-devel yum install openssl openssl-devel //一键安装上面四个依赖yum -y install gcc zlib zlib-devel pcre-...

1、在虚拟机中安装CentOS启动一个virtual box虚拟机管理软件（vmware，我早些年，发现不太稳定，主要是当时搭建一个hadoop大数据的集群，发现每次休眠以后再重启，集群就挂掉了）virtual box，发现很稳定，集群从来不会随便乱挂，所以就一直用virtual box了（1）使用课程提供的CentOS 6.5镜像即可，CentOS-6.5-i386-minimal....

MongoDB的安装很简单，设置好安装路径后，一直Next直到安装结束，最大的坑就是MongoDB服务的安装，下面具体说下MongoDB安装之后的一些配置操作【声明】我的安装路径是：D:\Program Files\MongoDB\Server\3.21. 创建数据库路径（data目录）、日志路径（logs目录）和日志文件（mongo.log文件），完成后如下图所示  2....

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件...

https://github.com/xingshaocheng/architect-awesome

经验很重要简单乱入一下，本人主修软件工程专业，对Web有着浓厚兴趣，主攻Web前端。就在三月份刚开始的时候，各种群里面就有师兄说，谁要内推，赶紧发邮件。好在牛人师兄多，一开始就投了天猫、淘宝。腾讯SNG和腾讯微信四份内推简历。接到的第一个面试是天猫的，在完全没有准备的情况下，就开始了长达一个多小时的电话面试。第一次难免是紧张的，在面试的一个多小时里面，多次处于颤抖状态。这里所说的颤抖是...

 发表于：2018-1-30 10:17  作者：杨婷 编著   来源：51Testing软件测试网原创字体：大 中 小 | 上一篇 | 下一篇 |我要投稿 | 推荐标签： 性能测试 性能测试工具 软件测试工具LoadRunner　　顺利通过考核后，Lucy正式成为了性能测试团队的一员。不久后，公司对外招聘了两名有经验的高级性能测试工程师，团队进入了真正的实战阶段。本章将以某电子商务软...

缓存一致性问题当数据时效性要求很高时，需要保证缓存中的数据与数据库中的保持一致，而且需要保证缓存节点和副本中的数据也保持一致，不能出现差异现象。这就比较依赖缓存的过期和更新策略。一般会在数据发生更改的时，主动更新缓存中的数据或者移除对应的缓存。缓存并发问题缓存过期后将尝试从后端数据库获取数据，这是一个看似合理的流程。但是，在高并发场景下，有可能多个请求并发的去从数据库获取数据，对后...

高并发的业务架构是: 前端:异步请求+资源静态化+cdn 后端:请求队列+轮询分发+负载均衡+共享缓存 数据层:redis缓存+数据分表+写队列 存储:raid阵列+热备 网络:dns轮询+DDOS攻击防护一、数据结构与算法基础 　　· 说一下几种常见的排序算法和分别的复杂度。 　　· 用Java写一个冒泡排序算法 　　· 描述一下链式存储结构。 　　· 如何遍历一棵二叉树？ 　　·...

架构师眼中的高并发架构2018年04月13日 19:23:15 从事6年架构师 阅读数：320 标签： java架构高可用高并发微服务更多个人分类： javajava架构师版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_41559116/article/details/79933477前言高并发经常会发生在有大活跃用...

 多线程java中有几种方法可以实现一个线程？ 1.直接继承thread类；2.实现runnable接口； 如何停止一个正在运行的线程？可以使用正在运行的线程，支持线程中断，通常是定义一个volatile的状态变量，在运行线程线程中读这个变量，其它线程中修改这个变量 notify()和notifyAll()有什么区别？答： notify()和notifyAll()都是Obj...

import echarts from 'echarts'import $ from "jquery";export default{    init:function(data){            var option;           var myChart = echarts.init(document.getElementById("myDiagramDiv")); ...

目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷新，后退不刷新，类似app般的用户体验。注：　此处的刷新特指当进入此页面时，触发ajax请求，向服务器获取数据。不刷新特指当进入此页面时，不触发ajax请求，而是使用之前缓存的数据，以便减少服务器请求，用户体验更流畅。项目需求：任何技术的探索，都来自项目的需求。之前经手的一个项目是微信端商城，使用的是传统的mvc模...

#nginx进程数，建议设置为等于CPU总核心数。worker_processes 2;events { #单个进程最大连接数（最大连接数=连接数*进程数） worker_connections 24;} server { #监听端口 listen 9440; #域名可以有多个，用空格隔开 s...

var ISPA = function(options){   var _this = this       this.callback = options.callback || new Function   this.hash   this.prefix = options.prefix || ''   this.anchor = o...

Nginx是一个高性能的HTTP和反向代理服务器（反向代理就是通常所说的web服务器加速，它是一种通过在繁忙的web服务器和internet之间增加一个高速的web缓冲服务器来降低实际的web服务器的负载），Nginx由俄罗斯程序员利用C语言开发，以稳定、低系统资源消耗闻名，腾讯、百度、阿里、京东、网易等均有部署使用。此外，在高连接并发的情况下，Nginx是Apache的不错替代品，其能够支持高达...