小飞侠的博客

1.如何测试当前ip地址浏览器输入ip138.com 就会显示当前ip归属地。2.打开Login — Foo&Friends.地址，注册登录3.登录雷电模拟式 把ssr链接软件安装上 启动

作为前端培训讲师也两年了，下面整理下这两年中讲授的几个重点项目，供大家学习。项目1：小爱后台管理项目vue项目2：严选商城vue-app项目3：菜单大全react-app项目4：后台管理项目react项目5：红星美凯龙大屏vue以上项目所有代码与连接包括授课视屏都放在下面连接中，欢迎沟通交流。链接：https://pan.baidu.com/s/1yT9-JCpR_ZvUFkjvz7j0cg提取码：95l5...

前言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前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是...