github + jenkins 自动推代码参考 如何推行我司前端自动化构建部署,自己先梭哈一把,不香么? Github 的 jenkins 的自动化部署 只重点介绍,github 配置 webhook,以及 jenkins 对应配置,实现自动拉取远程代码。 1. github 配置 webhook payload URL 中 填写:jinkens 服务器上的的 hook 地址。[http://bazijun.top:8080/git 2022-10-12
URL字符转义URL 无法显示某些特殊符号,这个时候就要使用编码了。编码的格式为:一个百分号(%),后面跟对应字符的 ASCII(16 进制)码值。例如,空格的编码值是”%20“。 字符 含义 ASCII 编码 + +号表示空格 %2B 空格 可用 + 号替代 %20 / 分隔目录和子目录 %2F ? 分隔实际的 URL 和参数 %3F % 用于指定特殊字符 %25 # 表示 2022-09-16
一个组件,一个hook,让你在本地开发环境中拿到微信code前言 众所周知,初次接触微信相关生态铁定是头疼的,用微信API第一步就得拿到微信code, 官方上说这么操作,实际业务上体现就是:需要code的页面首先得重定向到微信的授权地址上面去,并且要携带上你当前项目的域名(redirect_uri)和AppId还有其他同样重要的参数(response_type、scope、#wechat_redirect、state等),授权成功后会重新重定向回你的域 2022-09-14 前端 微信开发 hook react
Docker-composedocker-compose.yml 配置详解 批量执行容器:docker compose 就只需要写一个 docker-compose.yml 文件,配置多个 service 的启动方式和 depends_on 依赖顺序。然后 docker-compose up 就可以批量按顺序启动一批容器。 123456789101112131415161718192021222324252627# vers 2022-08-30
nginx 配置nginx 的配置文件在 <font style="color:rgb(37, 41, 51);">/etc/nginx/nginx.conf</font> 里,它默认还引入了<font style="color:rgb(37, 41, 51);">/etc/nginx/conf.d</font> 下的子配置文 2022-08-29
React re-render原帖 children 与 组件 作为 props 时不会 触发 re-render1. ![](https://cdn.bazijun.top/yuqueImg/FudITBgQendsBCoHwWmiDPwqU18Z.png) 使用 React.memo,2. 用 React.memo 包装的组件会阻止重新渲染,除非这个组件的 props 发生了变化。这对于不依赖于重新渲染的组件,是非常有用 2022-08-25
Jest官网前端单元测试—孤勇者级教程 起步安装 babel 以及 typescript 的 babel, ts-jest 对测试用例进行类型检查,@types/jest 添加 jest 类型提示 1234npm install --save-dev babel-jest @babel/core @babel/preset-envnpm install --save-dev @babel/preset-t 2022-07-27 前端 单元测试
CJS, AMD, UMD,ESM 解释前言:CJS、AMD、UMD 和 ESM 都是给 Javascript 添加模块化的方法,还有其他方法,但这些是比较通用的。什么?你不知道什么叫模块化?那你肯定写过 import * from ‘’吧,这就已经使用了模块化的技术思想。 ESM (ES 模块, 异步导入,用于浏览器端) ESM 代表 ES 模块。这是 Javascript 提出的实现一个标准模块系统的方案。我相信你们很多人都看到过这 2022-07-25
LESS 与 SCSS原帖LESS 和 SCSS 都属于 CSS 预处理器的范畴,也就是 CSS 的超集,但是两者的语法、如何使用和具体的功能实现还是有差异的。 下面我试着以代码示例的方式给大家演示一下两者的几个常见区别。 声明和使用变量 LESS 采用 @ 符号,SCSS 采用 $ 符号。 在下面的示例中,我们首先在规则外声明了一个名为 link-color 的变量,然后在名为 #main 的规则内声明一个名为 w 2022-07-06
Proxy参考 Object.definePorperty() 与 proxy 都可以监听对象的变化 但 Object.definePorperty() 进行数据监听是比较麻烦的,需要大量的手动处理。对象新增加一个属性时,也需要手动去监听这个新增属性。对于数组得监听还有一系列问题。 所以都什么时代了,还用传统数据监听方式啊,来试试**proxy**吧 Proxy1. 基本使用语法:const p = n 2022-06-30