前端javascript工程师 经验

从零开始一个vue3前端项目day04-头部导航篇

在实际开发项目中通常会把头部导航栏写成一个通用组件,这里来具体说一下实现思路 1:front-header组件就是我们的头部导航栏,路由我们已经配置好了,把每个导航的首页路径,配置成navList(包含name,path),这样就通过遍历navList就能写出一个首页导航组件 2:导航的选中状态实现 ......
前端 头部 项目 vue3 vue

前端工程化

## 前端打包工具 ### Source Map - **[combine-source-map](https://www.npmjs.org/package/combine-source-map)**: Add source maps of multiple files, offset them ......
前端 工程

原生javascript实现拖拽

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <meta name="viewport" content="w ......
javascript

前端项目环境搭建笔记

@[toc] ## 简介 技术栈:vue3、TypeScript、vue-router、pinia、element-plus、axios、echarts等 ## 一、vue3组件通信方式 **通信仓库地址:https://gitee.com/jch1011/vue3_communication.gi ......
前端 环境 笔记 项目

软件工程第一次作业

# 随笔简介 |这个作业属于哪个课程|| | | | |这个作业要求在哪里|https://edu.cnblogs.com/campus/gdgy/CSGrade21-34/homework/13024| |这个作业的目标|初步了解博客的运作,简单学习GitHub和Git| # 自我介绍 * 大家好 ......
软件工程 第一次 工程 软件

nginx location配置规则与经验

Linux系统-部署-运维系列导航 文档说明 nginx使用过程中,配置最多的,最难以理解的,也是最容易出问题的,就是location块级指令,本文旨在将location相关配置规范以及使用经验,搜集汇总,便于需要时查看。 特别说明:本文详细内容大部分为网络搜集整理,旨在提供一条学习路线,让我们有条 ......
location 规则 经验 nginx

前端实现图片验证效果

效果图: // 页面执行 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图形验证码</title> </head> <body> <div id="v_container" style="width: 200px;height ......
前端 效果 图片

【校招VIP】前端专业课考点之CSMA/CD协议

考点介绍: CSMA/CD,载波监听多点接入/碰撞检测,是广播型信道中采用一种随机访问技术的竞争型访问方法,具有多目标地址的特点。它通过边发送数据边监听线路的方法来尽可能减少数据碰撞与冲突。采用分布式控制方法,所有结点之间不存在控制与被控制的关系。 答案详情解析和文章内容可点击下方链接即可查看 一、 ......
考点 专业课 前端 专业 CSMA

javascript中的iframe

上级向iframe传值 1.用 postMessage 在上级用 : iframeElement.contentWindow.postMessage("发送的消息内容","*"); 在iframe内接收消息: window.addEventListener("message",function(ev ......
javascript iframe

JavaScript的一些特殊语法

代码示例,JavaScript语言中,给function前加上感叹号!的作用是什么呢? !function () {}(); 添加“!”的目的JavaScript 中的函数之前是将其转换为函数表达式并立即调用它。这也称为立即调用函数表达式 (IIFE) 参考:javascript - What do ......
语法 JavaScript

服务器DELL R710配置安装centos经验之谈

写这篇文章的时候刚刚给一台DELL R710安装完系统。第一次给服务器安装系统。文章不会详细描述安装过程,网上有很多。只会描述我所遇到的问题。其实服务器无外乎大了一些,硬件自检时间长了一切。其他的和普通的PC并无差别。更多技术干货详见www.linuxprobe.com ......
经验 服务器 centos DELL R710

给你的 SpringBoot 工程部署的 jar 包瘦瘦身吧!

之前有写过一篇有关maven插件的文章:[spring-boot-maven-plugin插件详解](https://mp.weixin.qq.com/s/Z7yHLCeF9_us1qJnVIRvww) ## 一、需求背景 我们知道Spring Boot项目,是可以通过`java -jar 包名` ......
SpringBoot 工程 jar

JavaScript环境

JavaScript环境 JavaScript环境概念 脚本运行在不同窗口的JavaScript环境 . 例如 , 应用中每个窗口都拥有属于自己的全局对象以及全局结构( Array , Object) . 多数浏览器惯用做法以及好的处理方式 , 如下: 对象属性替换 , 库扩展或者简单脚本(如Pro ......
JavaScript 环境

保护JavaScript源代码

保护JavaScript源代码 应用中JavaScript源代码能够编译为本地代码进行保护 , NW.js能够加载编译之后的代码 . 应用作为产品发布时可以将代码进行编译 . 编译 JS源代码编译为本地代码需要使用 nwjc工具 , 同时需要提供SDK构建方式的NW . nwjc source.js ......
源代码 JavaScript

软件工程作业1:自我介绍+软工5问

| 软件工程 | | | | | | 作业要求| | | 作业目标 | 学会使用博客、GitHub,并自我介绍 | #自我介绍 - 我叫梁志聪,来自广州茂名,是广东工业大学计算机学院计算机科学与技术专业的一名大三学生 - 兴趣爱好是看小说,听歌,每天都喜欢出去散散步 - 日出与日落 ![](http ......
软件工程 工程 软件

前端框架比较:HybridApp究竟谁更强?

HybridApp是指原生与前端语言相结合开发的应用,HybridApp可以运行在Android、iOS端上,不能用于PC端,称为混合类APP。混合开发是一种取长补短的开发模式,原生代码部分利用Web View插件或者其它框架为H5提供容器,程序主要的业务实现、界面展示都是利用与H5相关的Web技术 ......
前端 HybridApp 框架

Git使用经验总结2-配置用户名邮箱

可以使用git config指令来配置一些设置,比如配置用户名邮箱。在开发团队要求成员配置用户名和邮箱是很有用的,可以配合工具区分成员的代码,以及将代码中的问题发送给成员的邮箱中。 查看当前Git的用户名及邮箱的指令: ```shell git config user.name git config ......
用户名 邮箱 经验 用户 Git

Linux运维工程师面试题(6)

[toc] # Linux运维工程师面试题(6) > 祝各位小伙伴们早日找到自己心仪的工作。 > 持续学习才不会被淘汰。 > 地球不爆炸,我们不放假。 > 机会总是留给有有准备的人的。 > 加油,打工人! ## 1 数据库事务的四个特性及含义 数据库事务的4个特性:原⼦性、持久性、⼀致性、隔离性 - ......
工程师 工程 Linux

后端工程师求职实录:二线城市就业攻略与心得分享

后端工程师求职实录:二线城市就业攻略与心得分享 这篇文章内容来自 「升职加薪」星球星友 的投稿,坐标二线,去年毕业,只有实习经验,无真实项目经验,自学一段时间后,在找Golang后端开发的工作。 先说下这位朋友的自我面评: 上周在二线城市大概约到了4个面试,自我感觉八股文回答的还可以,因为星球中的面 ......
二线 工程师 心得 攻略 工程

前端微应用框架(qiankun)调研

一、安装 1、主应用安装qiankun(子应用只做代码配置,无需任何安装) yarn add qiankun # 或者 npm i qiankun -S 二、关键参数介绍 1、主应用注册微应用 import { registerMicroApps, start, setDefaultMountApp ......
前端 框架 qiankun

总结流媒体服务前端的一个产品要点

总结流媒体服务前端的一个产品要点 a. 超时重连机制,当到达一定次数的时候,显示视频走丢了,请手动重试 b. 视频比例的问题,当16:9的时候大于小于这个数值时会出现一定的问题 c. 视频播放完毕的时候自动跳转页面 d. 自动播放的问题,程序自动播放的问题 研究flvjs的源代码,以及代码中的问题。 ......
流媒 流媒体 前端 要点 产品

从壹开始前后端开发【.Net6+Vue3】(二)前端框架

# 项目名称:KeepGoing(继续前进) ## 介绍 工作后,学习的脚步一直停停走走,希望可以以此项目为基础,可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础,从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点,也同时会将在此过程中遇到的问题进行分享 项目地址 ......
前端 框架 Net6 Vue3 Net

软件工程开篇(第一次作业)

| 软件工程 | [计科21级4班](https://edu.cnblogs.com/campus/gdgy/CSGrade21-34) | | : : | : : | | 作业要求 | [作业1要求连接](https://edu.cnblogs.com/campus/gdgy/CSGrade21- ......
软件工程 开篇 第一次 工程 软件

JavaScript

# JavaScrpt ## 基本概念 定义:一种直译式、基于对象、基于事件驱动、弱类型的**脚本语言** - 直译:不需要像C、C++一样先编译后执行,JS逐行运行 - 基于对象:用于操作网页上的操作按钮、下拉框 - 基于事件驱动:点击按钮、悬浮触发 作用:给网页增加动态特效,实现交互,美化网页页 ......
JavaScript

javascript - 将 es5 迁移到 es6 export default

我正在尝试将代码从 es5 迁移到 es6,我在这两个方面都很新,如果有人能帮助我,我将非常感激。 es5版本: lib.js module.exports = { foo1: function () { this.foo2() { ... } }, foo2: function () { ... ......
javascript default export es es5

前端小白Step2-package.json文件详解

前文已讲过 package.json npm的配置文件,主要用于确定当前项目直接依赖的包版本的范围(例如:^1.0.0表示的是大于等于1.0.0小于2.0.0)只依赖package.json管理包会有两个缺点: * . 同一份package.json安装的依赖版本可能不同,如果依赖包有小版本更新并且 ......
前端 Step2-package package 文件 Step2

蚂蚁集团混沌工程 ChaosMeta V0.5 版本发布

混沌工程 ChaosMeta 的全新版本 V0.5 现已正式发布!该版本包含了许多新特性和增强功能,为用户提供了支撑混沌工程各个阶段的平台能力,以及降低使用门槛的用户界面。 ......
蚂蚁 ChaosMeta 版本 集团 工程

工程目录推送至远端仓库

bat文件内容 ```bat @echo off setlocal enabledelayedexpansion echo. echo echo 运行提示: echo 1、遍历删除指定目录下工程目录中的隐藏文件.git echo 2、遍历推送工程目录到远程git仓库分支 echo echo. rem ......
仓库 目录 工程

Nginx解决前端history路由模式下页面刷新404

原配置: ``` server { listen 80; server_name localhost; gzip on; gzip_static on; # 需要http_gzip_static_module 模块 gzip_min_length 1k; gzip_comp_level 4; gzi ......
前端 路由 history 模式 页面

Jest:优雅的前端单元测试框架

### 前言 日常工作的时候,经常听到前端单元测试,但由于工作性质,还没机会写这方面的单元测试,好奇的我,就提前学习一下,在此记录下来。 常见的前端单元测试框架有 jest、mocha、jasmine、karma、tape 等,这里头 mocha 笔者是很熟悉的了,几年前在做 UI 自动化测试、后端 ......
前端 框架 单元 Jest