文章库ARTICLE COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏
一级分类：
展开
  1. 最新文章
  2. 热门文章
  3. 推荐文章
  • Github CICD自动化部署

    Github CICD自动化部署

    一、什么是CICD翻译过来就是持续构建、持续部署，在软件工程中，一个项目的迭代往往是很频繁的，每次都要重新部署，就成了一件很繁琐的事情，那么如何保证项目能够持续的构建和部署呢？我们先来看一个软件的开发流水线一般为：需求设计：软件需求分析和设计开...

    社区管理员社区管理员 评论0 收藏0
  • 如何开发JS-SDK

    如何开发JS-SDK

    一、前言最近在开发一款一键登录的号码认证js-sdk，所以就做了一些调研，记录下开发过程。前端SDK是什么？前端SDK是为了帮助前端实现特定需求，而向开发者暴露的一些JS-API的集合，规范的SDK包括若干API实现、说明文档等前端SDK其实很常见了，比如：UI组件库...

    社区管理员社区管理员 评论0 收藏0
  • 如何搭建CLI脚手架

    如何搭建CLI脚手架

    一、CLI有啥用，认识CLI前端开发过程中常见的CLI有：create-react-appvue-cliwebpack-cliprettier-cli基本复杂一点的工具都在集成CLI，为啥都要搞成CLI呢？因为CLI可以提供更强大的功能:通过命令搭配实现不同的功能管理项目模版启动本地服务生成模版文件对代...

    社区管理员社区管理员 评论0 收藏0
  • 微前端qiankun安装使用

    微前端qiankun安装使用

    一、前言大型中后台项目一般包括10个以上的子项目，如果维护在一个单页面应用中，项目就会越来越大，而且不利于版本的迭代，微前端就很好的解决了这些问题。这篇文章主要来体验下蚂蚁的微前端：qiankun，虽然比较成熟了，但在体验过程中还是有一些问题，记录...

    社区管理员社区管理员 评论0 收藏0
  • 同源策略

    同源策略

    一、浏览器安全无风险的世界不存在，包括浏览器，我们知道Web世界是开放的，包容的。但是开放和风险是对立的。Web 世界会是开放的，任何资源都可以接入其中，我们的网站可以加载并执行别人网站的脚本文件、图片、音频 / 视频等资源，甚至可以下载其他站点的可...

    社区管理员社区管理员 评论0 收藏0
  • CSRF攻击

    CSRF攻击

    一、什么是CSRF攻击我们常常听到这样一句话：默认的链接不要点，那些年也听过，邮箱中的垃圾链接不要点。 因为可能是黑客发起的CSRF攻击，所以在点击之前最好是确认链接的安全性。CSRF（Cross-site requests forgery）中文名：跨站脚本伪造简单的理解就是，黑...

    社区管理员社区管理员 评论0 收藏0
  • XSS攻击实践

    XSS攻击实践

    一、前言由于浏览器同源策略，限制了页面无法引用第三方资源，无法请求不同源下面的资源，影响了web的发展，所以浏览器出让了一些安全策略来满足web的发展。通过CSP安全策略来保证浏览器可以安全的加载第三方资源；通过CORS允许浏览器跨域请求；通过PostMessa...

    社区管理员社区管理员 评论0 收藏0
  • 如何利用Python pandas找到数据并删除

    如何利用Python pandas找到数据并删除

    　　小编写这篇文章的主要目的，主要是想给大家做出一个深入解答，解答一下关于Python pandas技术，主要是如何找到数据，然后对其进行删除，下面小编就给大家进行详细解答下。　　前言　　当我们在使用Python pandas处理各种数据的时候，经常性的会遇到一些问...

    8954276789542767 评论0 收藏0
  • 使用Docker-compose打包整个网站项目一键部署

    使用Docker-compose打包整个网站项目一键部署

    一、前言我们常常见到很多比较棒的开源项目，但在本地安装运行的话就会很复杂，要配置不同的环境，安装不同的依赖，好一点的会用docker直接拉取，或者打包好。这些无疑都会增加初学者上手的成本，所以这篇文章总结了下目前比较常用的解决方法之一：使用docker...

    社区管理员社区管理员 评论0 收藏0
  • antd-Form4.x一个页面中多个表单处理

    antd-Form4.x一个页面中多个表单处理

    一、前言今天开发的时候，发现一个页面的表单其实是两个部分，其中一部分还在另一个页面引用了。这就增加代码量，所以优化下，为了重复使用这里的表单。如图，需求就是将下面两个表单拆开，可以重复使用，实际两部分可能有很多表单，这里方便起见，只写了三个...

    社区管理员社区管理员 评论0 收藏0
  • 构建一个后台管理系统要考虑哪些内容

    构建一个后台管理系统要考虑哪些内容

    一、前言昨天一个朋友问：我的工作只有vue、react，了解其他的好像没有太大作用。其实不然，前端要考虑的内容其实很多，不光是完成业务代码。我司的一个控制台前端维护人数在20+，如果每个人都在一个项目中开发，那么每天就等着构建了，不仅容易出错，而且浪...

    社区管理员社区管理员 评论0 收藏0
  • react项目关于webpack配置修改

    react项目关于webpack配置修改

    一、前言通过CRA脚手架构建的项目，一般webpack配置是隐藏的，如果要修改，就要另外处理。想要修改webpack通常有两种方式通过插件去增加或覆盖webpack配置（方法一、方法二）或者释放项目中的webpack配置，使之可见，然后可以修改（方法三）本来CRA脚手架将we...

    社区管理员社区管理员 评论0 收藏0
  • 输入url到页面渲染页面的全过程

    输入url到页面渲染页面的全过程

    一、网站加载概述面试过程中，常常遇到这样一道面试题，输入URL到页面加载完毕，浏览器做了哪些工作？首先输入一个URL，你会看到浏览器上面的标签页出现了一个loading图标，开始时是逆时针旋转，接着顺时针旋转，当前页面消失，显示我们常说的空白页面，接着...

    社区管理员社区管理员 评论0 收藏0
  • 前端自动化部署-.gitlab-ci.yml配置

    前端自动化部署-.gitlab-ci.yml配置

    一、前言该过程中用到的技术栈git gitlab shell需要提前准备的内容一个项目myweb本机安装Git一个Gitlab仓库docker私有仓库gitlab runner(Gitlab-runner)公司的代码一般都保存在私有化部署的Gitlab，要使用Gitlab的CI/CD，需要Gitlab版本>8.0.0CI/CD虽然不难，...

    社区管理员社区管理员 评论0 收藏0
  • 前端自动部署 - Shell脚本

    前端自动部署 - Shell脚本

    前言前端部署服务器，需要经过打包、迁移、部署、回退操作，如果每次都手动处理，那么容易出错还浪费时间，自动化部署又比较复杂，那么选择shell脚本做自动化，也是一个不错的选择，具体实现如下：项目环境执行自动化构建的前端项目myweb项目通过命令构建测试...

    社区管理员社区管理员 评论0 收藏0
  • Gitlab CI/CD执行流程

    Gitlab CI/CD执行流程

    一、什么是CI/CDCI 持续集成CD 持续交付CI/CD就是在开发阶段，通过自动化发布，来频繁部署应用的一种方式二、为什么要配置CI/CD想象一下，一个项目的发布如果手动部署，需要的操作有：单元测试打包文件上传服务器等等如果每个过程都需要手动执行，每次都要保...

    社区管理员社区管理员 评论0 收藏0
  • docker构建镜像

    docker构建镜像

    一、前言保持线上项目稳定运行是很重要的，为了达到服务可用性在99.9%，也为了减少开发人员在项目部署时耗费大量精力，可以尝试自动化发布自动化部署涉及到的配置比较多，每个环节需要掌握的知识也不同，所以分开写该过程中用到的技术栈webpack docker nginx ...

    社区管理员社区管理员 评论0 收藏0
  • React组件封装 - 实现水印功能

    React组件封装 - 实现水印功能

    背景：在开发移动端内部应用的时候，涉及安全问题，我们经常在企业微信或者图片上看到水印，防止信息被泄露，针对这次开发做个复盘，记录下。效果图如下： 一、实现原理1、首先用canvas绘制水印2、创建蒙层div，可以覆盖在页面上，并设置pointer-events:none...

    社区管理员社区管理员 评论0 收藏0
  • React组件封装 - 实现水印功能

    React组件封装 - 实现水印功能

    背景：在开发移动端内部应用的时候，涉及安全问题，我们经常在企业微信或者图片上看到水印，防止信息被泄露，针对这次开发做个复盘，记录下。效果图如下： 一、实现原理1、首先用canvas绘制水印2、创建蒙层div，可以覆盖在页面上，并设置pointer-events:none...

    社区管理员社区管理员 评论0 收藏0
  • 前端简单的灰度方案，使用nginx

    前端简单的灰度方案，使用nginx

    一、项目背景前端项目开发一个模块，上线前需要灰度一部分用户，实现一个临时的灰度方案。现有项目状况：一个前端项目1.0.0版本后端服务1.0.0版本后端灰度服务2.0.0版本一个域名解析到前端服务80、443端口前端通过nginx转发静态文件1、实现原理1、打包一份前...

    社区管理员社区管理员 评论0 收藏0
  • 前端项目中优化引入路径

    前端项目中优化引入路径

    现象：在前端开发中，发现项目中很多路径引入都是相对路径，出现很多类似importapifrom"../../../api/test"import*asapifrom"../../../api"复制代码这样会导致文件引用的时候，需要计算层级，拖慢开发速度，解决方法如下：对于经常使用的目录，可以采用别名的...

    社区管理员社区管理员 评论0 收藏0
  • Python3出现SyntaxError:unexpected EOF while parsin错误

    Python3出现SyntaxError:unexpected EOF while parsin错误

    　　小编写这篇文章的主要目的，主要是给大家做出一个讲解，讲解的内容就是关于Python3中，出现了问题该怎么样去进行解答。包括出现SyntaxError:unexpected EOF while parsin这个问题要怎么做，下面给大家详细解答一下。　　Python错误SyntaxError:unexpected...

    8954276789542767 评论0 收藏0
  • CKA-搭建k8s

    CKA-搭建k8s

    1：节点准备系统：centos7.5以上，2核4G以上，30G硬盘以上系统参数配置：1）关闭swap，free -m; swapoff -a2）关闭防火墙 systemctl stop firewalld；systemctl status firewalld3）关闭selinux ：vim /etc/selinux/config 修改disable临时关闭setenforce 0查...

    社区管理员社区管理员 评论0 收藏0
  • 如何使用Python+turtle绘制图形实例代码

    如何使用Python+turtle绘制图形实例代码

    　　对于很多Python从业者来说，要怎么才能够进阶呢？那就是要多阅读一些书籍多去找一些资料，然后去进行阅读。那么，怎么利用python里面的turlte来绘制图形的实例代码呢？下面小编就给大家详细解答下。　　1.图1　　如下图所示，下面图是由拼接而成的，感兴...

    8954276789542767 评论0 收藏0
  • 架构师如何设计架构-架构师如何设计思路总结

    架构师如何设计架构-架构师如何设计思路总结

    什么时候需要使用架构原则?1：架构设计2：项目验收总结：诸事不决，架构原则架构设计原则1：体系安全2：成本合理3：稳定可靠4：性能适用5：运维高效体系安全1：根据系统的合规标准设定目标1.1：合规标准：1,国际标准;2,国家标准;3,行业标准;4,公司要求2：成体...

    社区管理员社区管理员 评论0 收藏0

排行榜

热门文章

<