- 博客(1623)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 关于如何开启本地代理隐藏本地ip
1.如何测试当前ip地址浏览器输入ip138.com 就会显示当前ip归属地。2.打开Login — Foo&Friends.地址，注册登录3.登录雷电模拟式 把ssr链接软件安装上 启动
2022-02-14 17:56:12
1936
1
原创 前端培训课程
作为前端培训讲师也两年了，下面整理下这两年中讲授的几个重点项目，供大家学习。项目1：小爱后台管理项目vue项目2：严选商城vue-app项目3：菜单大全react-app项目4：后台管理项目react项目5：红星美凯龙大屏vue以上项目所有代码与连接包括授课视屏都放在下面连接中，欢迎沟通交流。链接：https://pan.baidu.com/s/1yT9-JCpR_ZvUFkjvz7j0cg提取码：95l5...
2022-02-09 17:51:38
689
转载 Vue 项目性能优化 — 实践指南（网上最全 / 详细） 华华00526
前言Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来，希望读者读完本文，有一定的启发思考，从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成：Vue 代码层面的
2020-06-17 08:02:34
426
原创 关于前端安全防范做了一些总结，供参考交流
防范措施 具体措施 类型 备注 实施方法 使用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
451
转载 前端项目如何使用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
5008
转载 前端使用sonar扫描代码 安装及使用
由于公司申请项目，要求用sonar 扫描代码，自己在网上搜了一些方法，然后摸索着弄了两天才弄出来（我可真是个小白~）好 进入主题，我们此处只是针对本地扫描代码，我扫的是js安装需要安装SonarQube和sonar_scanner需要java环境和数据库（本地扫描不需要安装数据库），安装配置SonarQubeSonarQube下载后，直接解压,需要配置系统环境变量新建系统变量，变...
2020-04-29 17:15:46
1821
1
原创 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
788
转载 前端安全改造
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
212
转载 前端监控设计
标签：介绍local长度本地upload标识utilstorage相关===================代码展示================ 监控系统地址：Demo地址 页面探针代码：GitHub地址 分析后台地址：...
2020-04-12 09:30:59
547
转载 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
356
转载 直播与云聊天
前端直播功能开发总结最近公司要开发一个直播功能，自己也是研究了很久，这里总结一下：这里直播还是用的第三方的集成：视频用的是七牛云的集成，聊天用的是融云。一、直播功能(七牛云)下面是直播的快速入门文档：https://developer.qiniu.com/pili/manual/1221/the-console-quick-start这里前端功能没什么可说的，文档中都写...
2020-04-11 14:18:24
921
1
转载 Sentry前端部署拓展篇（sourcemap关联、issue关联、release控制） javascript html5 阅读约 7 分钟 原文首发于我的个人博客： https://lonhon.
原文首发于我的个人博客：https://lonhon.top/之前的《基础篇》主要介绍了Sentry和基本部署流程，在实际使用过程中你会发现Sentry受欢迎的原因：除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能，包括：Release控制，分别处理线上、测试环境的异常 通过SourceMap直接查看出错js源码 报警邮件发送规则...
2019-12-09 14:05:42
459
转载 前端异常日志监控 - 使用Sentry
原文首发于我的个人博客：https://lonhon.top/之前的《基础篇》主要介绍了Sentry和基本部署流程，在实际使用过程中你会发现Sentry受欢迎的原因：除了单纯的监控异常还有溯源、分发任务等一条龙服务。本篇文章主要讲述Sentry中较好的拓展功能，包括：Release控制，分别处理线上、测试环境的异常 通过SourceMap直接查看出错js源码 报警邮件发送规则 Is...
2019-12-09 13:50:18
660
转载 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
651
转载 实际生产项目中ESLINT的配置
安装 ESLint 和相关插件为了方便配置，我们选择使用 airbnb 插件（airbnb号称最严格的规范，且包括ES6+的代码规范要求，可以满足我们大部分的开发需求），安装它需要先执行下面的命令查看其依赖npm info "eslint-config-airbnb-base@latest" peerDependencies执行命令得到结果{ eslint: '^4.1...
2019-11-15 14:34:49
445
转载 30 分钟学会 Flex 布局
林东洲766 人赞同了该文章为什么我要写这一篇关于 Flex 布局的教程？因为它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。然而学习 Flex 布局，你只要学习几个 CSS 属性，就可以写出简洁优雅复杂的页面布局。本教程适合人群：前端小白，不太明白页面布...
2019-11-15 10:52:01
214
1
转载 uni-app官方教程学习手记
ios android javascript vue.js uni-app52.8k 次阅读 · 读完需要 22 分钟93本人微信公众号：前端修炼之路，欢迎关注背景介绍大概在今年的十月份左右，我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X，下载了官方提供的hello示例教程。经过一番努力，在云端打...
2019-11-15 10:41:29
337
转载 年度Java技术盘点，懂这些技术的程序员2019发展大好
与一年前一样，Java仍然是最流行的编程语言。据TIOBE的数据显示，几十年来，Java比其他语言更常名列榜首，Java因为它拥有可移植性、可扩展性和庞大的用户社区，所以许多知名互联网公司使用Java来开发软件和应用程序，导致互联网企业对Java程序员的需求急剧增加。 那2019年，企业究竟喜欢招聘懂哪些技术的Java程序员呢?为了培养能满足企业需求的Java程序员，2018年底传智播...
2019-11-14 16:51:34
430
转载 大型项目前端架构浅谈
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:25
349
转载 转载一份前端技术概览
Web前端知识体系精简Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是...
2019-11-13 09:09:54
145
转载 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
9772
转载 PWA学习心得
PWA学习心得一、什么是PWAProgressiveWebApp,(渐进式增强 WEB 应用)简称PWA，是提升WebApp的体验的一种新方法，能给用户原生应用的体验。PWA 本质上是 Web App，借助一些新技术也具备了Native App的一些特性，兼具 Web App和Native App的优点。1.1PWA 的主要特点可靠...
2019-05-06 11:14:16
296
1
转载 前端微服务化解决方案2 - Single-SPA
微前端MicroFrontend前端架构技术选型经过各种技术调研我们最终选择的方案是基于Single-SPA来实现我们的前端微服务化.Single-SPA一个用于前端微服务化的JavaScript前端解决方案使用Single-SPA之后,你可以这样做:(兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angu...
2019-05-06 10:50:59
4473
转载 重识 PWA 进阶到 workbox3
看到PWA，似曾相识，但又感觉很模糊，于是乎，又重新翻阅文档，学习了一遍，顺便把相关知识学习了一下，比如service worker,workbox3。PWA 概念：全称：Progressive Web APP, 渐进式 Web 应用。实际上是通过 Web 技术编写出的一个网页应用，加上App Manifest和Service Worker来实现PWA的安装和离线缓存等功能。...
2019-05-06 09:06:33
226
转载 vue 专题 vue2.0各大前端移动端ui框架组件展示
Vue专题一个数据驱动的组件，为现代化的 Web 界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用请访问链接:https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6UI组件 开发框架 实用库 服务端 辅助工具 应用...
2019-05-05 17:34:23
1701
1
转载 我明明学了很多东西，却感觉什么也没学到？那你可能会需要知识管理
引言：在我的理解中，知识管理虽然不是新概念，但是在这个移动互联网普及的时代，知识管理尤其是个人知识管理的意义却越来越重要。移动终端使每个人都可以随时随地的介入互联网，互联网中巨量信息向核爆一样扑面而来，我们眼花缭乱，却无从分辨信息的来源、真伪、质量；当我们真的主动地需要某些信息时，却发现遍地难寻。另外，信息太多又容易获得，很容易让人养成惰性，不注重在平时把信息理解为内在的知识，更不可能...
2019-04-24 09:48:26
1080
转载 web-pwa 未来10年核心前端技术
一、什么是PWA应用一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。官网：https://developers.google.com/web/progressive-web-apps/是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验...
2019-04-22 09:35:32
433
原创 阿里云云计算专业考试线上视频培训课程(ACP级)
第一步，查看阿里官方文档https://help.aliyun.com/第二步，学习视频课程支持官方正品的，请走下方通道绕行：阿里云云计算专业考试线上培训课(ACP级):点击直达阿里云云计算ACP认证考试辅导课视频目录：第一章节：云服务器ECSECS概述：播放地址 ：https://www.ezliushao.com/22.html ECS产品概述和功能介绍 ...
2019-04-19 16:49:44
4390
1
转载 技术人必知：CTO、技术总监、首席架构师分别是干什么的？
程序员都有自己的职业发展路径，要么往技术层面深入发展，要么转管理岗，架构师、CTO这些名词你都不陌生，但对于初入职场的同学们来说，这些职位具体是干什么的，管理哪些方面，谁都没真正接触过，那么今天就来给大家普及CTO、技术总监、首席架构师的定义、岗职以及它们三者的区别。一、高级程序员如果你是一个刚刚创业的公司，公司没有专职产品经理和项目经理，你就是公司的产品经理，你如果对你现在的开发员...
2019-04-17 15:12:47
3107
转载 如何在java中发起http和https请求
一般调用外部接口会需要用到http和https请求。一.发起http请求1.写http请求方法//处理http请求 requestUrl为请求地址 requestMethod请求方式，值为"GET"或"POST" public static String httpRequest(String requestUrl,String requestMethod,String ou...
2019-04-17 10:27:32
291
转载 阿里云云计算ACP考试知识点(标红为重点)
阿里云云计算专业认证考试（ACP）（ECS）什么是云服务器 ECS云服务器 Elastic Compute Service（ECS）是阿里云提供的一种基础云计算服务。使用云服务器 ECS 就像使用水、电、煤气等资源一样便捷、高效。您无需提前采购硬件设备，而是根据业务需要，随时创建所需数量的云服务器实例，并在使用过程中，随着业务的扩展，对云服务器进行扩容磁盘、增加带宽。如果不再需要云服...
2019-04-16 09:36:30
5090
转载 总结下高级工程师学习资料
## fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料### 前端工具 - Git 1. [入门篇](https://backlog.com/git-tutorial/cn/intro/intro1_1.html) 2. [高级篇](https://backlog.com/git-tutorial/cn/stepup...
2019-04-01 15:27:43
365
转载 神州泰岳：2018年度业绩快报
证券代码：300002 证券简称：神州泰岳 公告编号：2019-004 北京神州泰岳软件股份有限公司 2018年度业绩快报 本公司及董事会全体成员保证信息披露的内...
2019-03-25 17:39:14
737
转载 认识PWA
原文 简书原文：https://www.jianshu.com/p/f38f21ed45dc大纲 前言 1、什么是PWA 2、PWA 应该具备的特点 3、PWA基础 4、构建 PWA 的业务场景 5、PWA的核心技术 6、应用外壳架构前言 接下去几篇博客是我对PWA的的认识和理解，目前PWA的流行程度还不是很高，所以能找到的资源也是有限，我对PWA...
2019-03-25 11:17:20
254
原创 你努力所走的路，每一步都算数，加油！！！
北京2019年MBA招生院校信息汇总 招生单位名称 211 985 面试安排 培养方式 户口 19年招生人数 学费 学制 研究方向 国际认证 1 清华大学 是 是 全部提面 清华-MIT全球MBA项目 自愿 70 19.8 2...
2019-03-15 16:36:49
752
转载 JS中的数据结构和算法
js中原生自带的数据结构比较简单，主要有数组Array、映射Map、集合Set以及对象。我们可以根据这些基本数据结构实现我们其他想要的数据结构类型。【数组Array】js中的数组不区分元素类型，数组的使用在可以参考js系列教程—数组操作全解。映射Map集合Set对象对象本身也可以作为一种数据结构，通过设置属性和属性的值来存储数据。由于对象的相关内容较多，我们以后会用...
2019-03-15 16:23:00
565
转载 MongoDB基础的操作
sql与mongodb的区别SQL术语 MongoDB 解释database database 数据库table collection 数据库表/集合row document 数据记录行/文档column field 数据字段/域创建数据库use dbname#从这里开始下文中所有的dbname都是自己新建的数据库的名...
2019-03-15 16:08:37
117
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人