背景作为常年搞后端的自己来说，除了多年前学习的一点关于HTML的皮毛，对现在的前端技术栈可谓是一窍不通。但是因为最近在做的内部业务全链路监控系统，负责前端的同事做到一半去搞别的项目了，为了把项目落地不得不硬着头皮学一下前端知识。
项目采用了比较流行的Vue.js（以下简称Vue）框架，所以做了一些学习，有一些小的感悟，所以做个记录。对没有搞过前端的后端同学来说可能有点收获。前后端分离现在前后端主流
转载
2024-06-09 01:16:43
23阅读
1功能需求及组网说明 端口镜像配置 『配置环境参数』 1. PC1和PC2的IP地址分别为10.10.1.1/24、10.10.1.2/24 『组网需求』 1. 在SwitchA上配置端口镜像，从PC2上对PC1的收发报文情况进行监控。2数据配置步骤 『S2
转载
2024-03-04 11:33:13
222阅读
WebVR大潮来袭时，前端开发能做些什么？ WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。本文将介绍如何快速开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。WebVR体验模式 体验WebVR的方式WebVR的体验方式可以分为VR模式和裸眼模式 VR模式
1.制作一个docker镜像编写dockerfile文件，在目录下执行：docker build -t runoob/centos:6.7 .参数说明：-t ：指定要创建的目标镜像名. ：Dockerfile 文件所在目录，可以指定Dockerfile 的绝对路径我们可以使用新的镜像来创建容器runoob@runoob:~$ docker run -t -i
转载
2023-12-28 11:25:22
93阅读
Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提
计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指**不借助任何后端服务**纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢量图和CSS3图像处理，重点是canvas，并且最后会附上一个小应用。canvas位图处理HTML5 canvas为我们提供了一块画
转载
2024-03-27 09:49:51
44阅读
1、方案调研业务需要实现vr全景，类似于汽车之家，或者是贝壳看房之类的。经过技术调研，主流实现技术方案主要有3种：1、threejsthreejs在3D流域的应用不用多说，但是最终实际效果不好、threejs的api多于繁杂等原因放弃。2、css3D没错，css也可以实现这些vr全景效果，考虑到兼容性以及实际体验，最终还是放弃了。3、pano2vr或者krpano经过实践，这些第三方软件做出的效果
转载
2024-04-25 17:51:00
342阅读
1. Quidway 3026端口镜像配置方法： 以下例子中，镜像端口为e0/18，被镜像端口为e0/3，输入如下命令配置镜像： 配置镜像端口： Quidway(config)#monitor-port e 0/18（e0/18作为镜像端口） 配置被镜像端口： Quidway(config)#monitor e 0/3（e0/3 为被镜像端口） 上述两条命令与以下一条命令等
转载
2024-01-04 10:02:34
61阅读
首先，为什么需要定制呢？很多同学可能觉得默认的不也挺好的嘛？最开始，我也是觉得的，而且我们一开始也是用默认的解析方式的，因为我们与外部约定的数据格式一直都比较稳定。但当外部数据不稳定，那么Gson默认配置的弊端就体现出来。很多同学可能觉得，你应该叫后台改啊，坦白说，我也觉得是这样的，毕竟我们都是按协议去开发数据模型的，你不按约定的协议去做，不是你的锅，难道是我的啊？！首先，一点是明确的，那就
webpack 的工作流程？webpack概述webpack是一个流行的前端项目构建工具（打包工具），提供代码压缩混淆、js兼容、性能优化问题等功能，从而让程序员把工作的中心放到具体的功能实现上。webpack使用流程首先需要安装webpack相关的包：npm i webpack webpack-cli -D在项目根目录中，创建名为webpack.config.js的webpack配置文件在web
转载
2024-10-21 12:17:51
42阅读
可以通过github加速访问 https://gh.api.99988866.xyz/ 制作镜像 sudo dd if=/dev/sdb of=/your/path/to/customOS.img 也可以通过Win32DiskImager在
原创
2024-08-27 11:36:11
135阅读
tomcat支持自主应用并对外开放端口：1、制作Dockerfile以centos为基础，远程ssh登录：新建Dockerfile，编辑如下：FROM tomcat
MAINTAINER ******************
ADD web.xml /usr/local/tomcat/webapps/manager/WEB-INF/
ADD tom
原创
2015-12-09 17:07:44
3247阅读
# Docker镜像设置端口
Docker是一种开源的容器化平台，可以将应用程序与其依赖项打包在一个容器中，以便在不同的环境中运行。Docker镜像是用于创建Docker容器的模板，包含了运行应用程序所需的所有文件、配置和依赖项。在使用Docker构建镜像时，我们经常需要设置容器的端口映射，以便能够从主机访问容器中运行的应用程序。
## Docker镜像设置端口的方法
在Docker中，可以
原创
2023-09-12 15:59:34
423阅读
# Docker 设置镜像端口
在容器化应用的开发和部署中，Docker已成为不可或缺的工具之一。而设置容器的端口映射则是Docker使用过程中一个重要环节，它能够确保外部请求可以正确地转发到容器内部服务上。因此，理解如何在Docker中设置镜像的端口，需要我们从基础知识入手。
## 1. Docker镜像端口概念
在Docker中，镜像是应用的一个轻量级、可执行的软件包。每个镜像可能包含了
原创
2024-08-07 06:01:20
75阅读
JavaScript基本概念什么是JavaScriptJS是运行在浏览器里的解释性语言，能实现浏览器端和用户的直接交互（HTML输出/响应事件/改变HTML内容图像样式）；除了变量不区分类型以外，语法和Java类似，有几乎相同的流程控制语法，变量操作符，异常处理。JavaScript有什么作用JavaScript主要用于实现前端的动态交互：JS操作DOM元素：浏览器根据HTML规范把HTML文档渲
转载
2024-04-02 19:10:19
65阅读
静态布局（Static Layout）是最传统的网页布局方式，也是前端的一个基本功之一，通常应用于PC端布局，当我们拿到UI提供的PC端PS设计稿，基本上就要用到静态布局了。静态布局对前端来说是比较简单的，但如果想做到又快又好，建议前端要去学习一下PS的知识，大多数情况下，当你收到了设计稿，就会有人问你什么时候能实现（布局），我觉得对于比较复杂的首页，至少两天以内要完成，简单的页面当天应该完成。静
转载
2024-04-29 18:43:53
17阅读
display属性对于大多数display属性而言，实际coding中使用的场景很少。本文仅列举一些w3c列举的属性，还有一些属性过于小众，就不列举了。如果想要拓展的话可以参考display的32中写法从大的分类来讲，display可以分为6个大类，和1个全局类。外部值block对于我们最熟悉的<div>默认的就是block，此外还有h1-h6，p，form，header，footer
转载
2024-04-26 16:01:37
37阅读
一、拿到原型图，先自我解析需求，画出思维导图，流程图 在未拿到UI给定的PSD时，可以先理清我们的需求 依赖的外部资源 后端提供的接口 UI出图的大概布局 后期频繁改动的地方 需要实现的效果 下拉刷新 动画效果 吸顶效果 懒加载、预加载、防抖、节流二、产品召集项目相关人员，开需求讨论会，产品讲解原型 理解产品的需求，提出质疑：这是什么功能，怎么做，为啥这么做 评估实现难度和实现成本，是否有潜在技术
转载
2024-04-07 09:51:17
41阅读
# 前端代码制作 Docker Nginx 镜像
在前端开发中，使用 Docker 和 Nginx 来封装和部署应用程序是一种高效、现代的做法。Docker 允许我们以容器的形式打包应用，保证在任何环境中都能一致地运行。而 Nginx 则是一个高性能的 HTTP 和反向代理服务器，非常适合用来为静态网站提供服务。本文将详细介绍如何将前端代码打包成 Docker Nginx 镜像，并提供相关代码示
今天的文章打算学习下 Vue3 下的模板编译与 Vue2 下的差异，以及 VDOM 下 Diff 算法的优化。编译入口了解过 Vue3 的同学肯定知道 Vue3 引入了新的组合 Api，在组件 mount 阶段会调用 setup 方法，之后会判断 render 方法是否存在，如果不存在会调用 compile 方法将 template 转化为 render。// packages/runtime-c
