两年前决定转行，开始自学前端，工作两年以来，换了两家公司，最开始做外包，到现在的比较稳定的做公司业务，中间有一段时间成长的很快，感觉每天都能学到很多东西，再到后来慢慢的每天都在重复的做一些业务工作，coding能力不知道怎么回事，一直原地踏步，由于公司主要是移动端用户，而且对于ui不是很重视，近一年以来基本是一个flex配上简单的样式就可以解决工作中8成以上的需求，结果就是在作死的道路上越走越远，
Vue项目打包之后，部署有两种方式，一是前台打包后扔给后台，放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署，这里讲的是后者 前端如何单独部署呢？ 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器，部署前
转载
2024-05-06 14:42:26
170阅读
Laravel——Web开发实战之路（四）@[Laraval|后端|框架]LaravelWeb开发实战之路四前言Blade模板Artisan命令页面优化局部视图头部文件footer文件引入局部视图 前言之前在第三章还落下了blade模板和Artisan命令没讲 本次顺便连带页面的优化–前端设计一起，可以作为一个前端入门的人来说，这一章很简单，但是中间的环境配置让我耽误了三个小时，希望可以让大部分
gRPC 1.0于2016年8月发布，现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止，基本上只有移动应用程序和后端开发者获得这些好处，而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而，随着gRPC-Web的发布，gRPC有望成为
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
Fordeal的数据平台调度系统之前是基于Azkaban进行二次开发的，但是在用户层面、技术层面都存在一些痛点问题难以被解决。比如在用户层面缺少任务可视化编辑界面、补数等必要功能，导致用户上手难体验差。在技术层面，架构过时，持续迭代难度大。基于这些情况，经过竞品对比和调研后，Fordeal数据平台新版系统决定基于Apache DolphinScheduler进行升级改造。那整个迁移过程中开发人员是
1、构造函数,实例,原型对象三者的关系每一个构造函数都会有一个原型对象，通过构造函数的prototype指向原型对象 原型对象里也有一个属性叫做constructor ，它又重新指回了构造函数 这是构造函数和原型对象之间的相互关系我们可以通过构造函数来创建一个实例对象 ，只要我们new了构造函数就可以产生一个实例对象，所以我们构造函数就可以指向实例对象 ，实例对象里面也有一个原型为__proto_
产品希望做成从左侧拖曳进入，所见即所得，如图所示： 整个代码如果用在工程里，肯定会卡死，因为：drag: function (e) { let parentRect = document.getElementById('content').getBoundingClientRect(); }这个代码为什么不行？首先这个里面拖动计算直接在drag事
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
我是一名五六年经验的前端程序员，现在准备学习一下 Golang 的后端框架 gin。以下是我的学习实战经验，记录下来，供大家参考。https://github.com/gin-gonic/gin1. 先安装 Golang我使用苹果系统，很简单，用以下命令：brew install golang其他系统的朋友在这里下载安装包即可：https://go.dev/dl/要验证是否安装成功，只需要进入命令
转载
2024-02-04 08:55:32
146阅读
目录首语介绍网络规划前端后端VPC通信问题搭建VPN使用高速通道跨境问题大数据节点问题结束 首语博主之前的博客介绍了网络、路由、前后端、网关（在应用博客系列会详细介绍）、通信等，那么当前端与后端业务集群方案确定完毕之后，我们当然得有数据中台作为底层支持，博主这里也只是介绍方案以及部分的实现，不会涉及代码（具体应用以及服务级别的博主会在后续的springboot系列中详细介绍）介绍首先，既然要整合
转载
2024-05-13 22:22:25
69阅读
一. 图片img图像属性 --src 图片地址，必填 --alt 图片不能显示时显示的内容 --width、height 图片的宽度和高度 --srcset --sizessrcset --宽度描述符&l
前端Call和apply指向函数与arguement简介一、call和apply和arguement的作用？二、使用步骤1.引入函数2.读入数据3.arguement函数方法总结 简介call和apply这两个方法都是函数对象的方法，需要通过函数对象交换调用arguements是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度提示：以下是本篇文章正文内容，下面案例可供参考一、call和
转载
2024-05-15 14:02:35
74阅读
Fragment使用的基本知识点总结， 包括Fragment的添加， 参数传递和通信， 生命周期和各种操作。一、Fragment添加方法一: 布局里的标签 标识符: tag， id， 如果都没有， container的id将会被使用。方法二: 动态添加 动态添加利用了一个transaction:FragmentManager fragmentManager = getFragmentManager
单元测试（unit testing）：是指对软件中的最小可测试单元进行检查和验证。代码的终极目标有两个，第一个是实现需求，第二个是提高代码质量和可维护性。单元测试是为了提高代码质量和可维护性，是实现代码的第二个目标的一种方法。对vue组件的测试是希望组件行为符合我们的预期。 本文将从框架选型，环境搭建，使用方式，vue组件测试编写原则四个方面讲述如何在vue项目中落地单元测试。一、框
vue的插件开发1.本地开发 1.1 初始化本地开发项目 我们采用vue-cli，初始化一个vue 项目。这个不做详解，请移步到 这里 ，查看具体详细。初始化后就是这样的项目结构： 其他的文件目录不是本节内容重点，不做详解，请移步这里查看 。 1.2 test.js 的内容 ，这是插件的入口文件 关于为什么需要在install这个方法这
译自 主要内容：介绍、安装 GWT，创建一个简单的 GWT 程序环境：JDK 1.6, GWT 2.0 and Eclipse 3.6 (Helios).详见：http://www.vogella.de/articles/GWT/article.html#firstgwt1. 简介GWT (GOOGLE WEB TOOLKIT）是一个辅助 JAVA 来开发 AJAX 应用程序的工具。开发
文章目录前言参考目录官方文档博客参考相关书目操作步骤1、Prometheus1.1、安装 Prometheus1.2、配置 Prometheus1.3、访问控制台2、Grafana2.1、安装 Grafana2.2、访问控制台3、Grafana 大屏配置3.1、添加 Prometheus 数据源3.2、导入 dashboards 仪表板3.3、配置 node_exporter 监控主机数据安装包
转载
2024-06-27 08:22:13
161阅读
在最近的工作中遇到了这个问题一开始遇到遇到问题且网上现在的教程不那么详细于是想着自己写一个来记录一下。
首先想使用echarts先下载echarts包命令如下
npm install echarts --save
然后将eacharts引入到项目中，推荐在main.js引入。
import * as echarts from 'echarts'
转载
2024-04-01 00:03:24
269阅读
学习目标：1）学习 release.js 源码，输出记录文档。 2) 熟悉发布流程准备工作：Vue3 源码地址：https://github.com/vuejs/vue-next 代码拉下来以后直接yarn
Vue3 Release 源码解读： 链接
确保 Node.js 版本是 10+, 而且 yarn 的版本是 1.x Yarn 1.x。从 贡献指南 .github/contributing
转载
2024-02-28 08:45:17
63阅读
