1.下载protoc.exe(bin目录下)并配置环境变量2.在vue项目中使用node.js安装google-proto ...
转载
2021-07-15 17:47:00
914阅读
2评论
创建一个名为Codebuzzer的 Webview 面板，它将出现在当前活动的编辑器旁边。它还在 Webview 中启用 JavaScript 并将资源加载限制到
Vue.js 项目前端多语言方案
转载
2022-08-10 09:42:55
25阅读
VsCode可以通过安装插件来使编辑器变的更加强大以下为前端开发工程师常用插件（1）HTML Snippets超级实用且初级的 H5代码片段以及提示（2）HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss文件检索（3）Debugger for Chrome让 vscode 映射 chrome 的 debug功能，静态页面都可以用
原创
2021-07-02 11:43:52
335阅读
VsCode可以通过安装插件来使编辑器变的更加强大以下为前端开发工程师常用插件（1）HTML Snippets超级实用且初级的 H5代码片段以及提示（2）HTML CSS Support让 html 标签
原创
2022-01-19 11:32:44
104阅读
一步步来，先看下目前的样式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
转载
2020-02-18 14:34:00
150阅读
2评论
最近在做的项目因为相对较大（打包有100多个chunk），在build构建的时候速度一直上不去，甚是烦恼。由于用的是vue cli的webpack2模板，一开始并没有想着要对其进行优化，一直觉得是webpack本身慢+硬件慢（在开发机上开发，内存和CPU都不是很强力）的原因。后来慢到实在受不了了，转
转载
2017-07-29 16:12:00
135阅读
2评论
深入了解基于组件的前端架构如何随着复杂性而大规模崩溃，以及如何避免它。构建高性能且易于更改的前端体系结构在规模上是很困难的。在本指南中，我们将探讨复杂性在许多开发人员和团队所处理的前端项目中快速而无声地复合的主要方式。我们还将研究有效的方法，以避免在这种复杂性中不堪重负。无论是在它成为问题之前，还是在之后，如果你发现自己在想“哦，糟糕，这怎么会变得如此复杂？”当你的任务是添加或更改一个功能时。前端
转载
2023-11-12 11:53:54
57阅读
学习参考网址：http://www..com/keepfool/p/5619070.html v-if/v-show指令 v-if/v-show的区别是：v-if 判断false以后 元素直接不反应到HTML，v-show 始终会被渲染到HTML，它只是简单地为元素设置CSS的styl
转载
2016-10-20 11:51:00
931阅读
2评论
1.Gulp/Grunt一种能够优化前端工作流程的工具，比如自动刷新页面、combo、压缩CSS/JavaScript、编译Less/Sass等。2.Webpack/Rollup 现在的代码构建工具(比如Vue CLI、Create React App等)底部实现都依赖Webpack。一个JavaScript的模块打包器，用于整合编译成最终的代码。Rollup：通常用来构件库Webp
转载
2023-11-16 20:35:16
47阅读
VueJS
第一步，安装node.js安装包下载地址：https://nodejs.org/en/安装包下载安装完成后，在命令行使用 node -v 查看node版本，判断是否安装成功。
第二步，安装vue脚手架安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack：npm install we
原创
2021-12-27 17:25:34
409阅读
前端开发软件DreamWareSublimeWebStromHBuilderXVSCodeVSCode是微软曾经的一个web项目，后来瞄准了Github团队推出Atom编辑器时，开发的一个框架Electorn。1. 安装VSCode1.1 下载地址Visual Studio Code - Code Editing. Redefined 官方地址 官方地址下载太慢，我们可以使用国内的下载位置建议使用
本文主要记录从零搭建jenkins环境，并与gitlab结合自动化部署前端项目docker 启动 jenkins如果不使用docker的话，记得还需要安装java环境，这里使用docker还是挺方便的sudo docker run -u root -it --name jenkins -p 8080:8080 -p 50000:50000 -v /home/vangleer/jenkins_hom
转载
2024-04-26 08:52:53
75阅读
一、webpack关键配置项对构建有所了解的，可直接略过本节此处不会深入介绍相关配置，更多的详细说明与配置参见官方文档，稍作介绍关键配置项铺垫后面内容。entrywebpack查找依赖的入口文件配置，入口文件可以有多个。单页面应用入口配置通常做法配置：vendor.js第三方依赖库，polyfill.js特性填充库，index.js单页面应用入口文件//导出配置module.exports={en
转载
2020-09-29 22:22:51
611阅读
# 前端Dockerfile构建
## 什么是Docker？
Docker 是一个开源的平台，用于将应用程序和其依赖项打包为容器，以便在任何环境中都能运行。Docker 的核心组件包括 Docker 引擎、镜像和容器。Docker 引擎是一个轻量级的运行时环境，可以在各种操作系统上运行，包括Linux、Windows和MacOS。镜像是一个只读的模板，它包含了运行一个容器所需的所有文件和配置。
原创
2023-10-18 11:11:24
37阅读
前端构建 Dockerfile 描述
在当今的软件开发过程中，前端构建 Dockerfile 已成为一种有效的管理依赖和环境配置的方式。Docker 容器技术使得我们能够轻松地打包和部署前端应用，确保一致的运行环境。接下来，我们将从多个方面详细分析如何构建一个有效的前端 Dockerfile。
## 协议背景
前端框架的演变历经多个阶段，从初始的静态页面到复杂的单页应用（SPA），但无论如何
前端页面构建前端页面构建前端页面构建一 登录注册页面二三四五六七八九十十一十二十三十四十五十六十七十八十九二十二十一二十二二十三
原创
2021-08-02 14:13:54
342阅读
什么是 Jenkins？ Jenkins 是一款业界流行的开源持续集成工具，广泛用于项目开发，具有自动化构建、测试和部署等功能。我们可以利用 Jenkins 来对项目的持续性集成进行管控处理。 Jenkins 任务的创建 这里就简单不再累赘说明 Jenkins 的安装启动和账号的配置等初始化动作
转载
2024-03-20 14:52:17
34阅读
前端构建工具的作用可以认为是对源项目文件或资源进行文件级处理，将文件或资源处理成需要的最佳输出结构和形式。 在处理过程中，我们可以对文件进行模块化引入、依赖分析、资源合并、压缩优化、文件嵌入、路径替换、生成资源包等多种操作，这样就能完成很多原本需要手动完成的事情，极大地提高开发效率。一、Gulp Gulp 是一个基于流的自动化构建工具。除了可以管理任务和执行任务，还支持监听文件、
转载
2024-08-15 01:31:27
34阅读
1.通常，当事件发生时，JavaScript 可以执行代码。
在 HTML 页面中插入 JavaScript使用 <script> 标签。<script> 和 </script> 之间的代码行包含了 JavaScript:
HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。
Javascript事件可以用于处理表单验证，用户输入，用户行为及浏览器动作。
转载
2023-06-14 18:51:23
111阅读
