- 博客(20)
- 收藏
- 关注
RSS订阅原创 纯前端项目持续集成和部署实现
最近要高效的把纯前端项目部署到云服务器上，研究了好几种持续集成部署方案，这里简单记录描述一下。方案选择总的部署思路分两种：编译后的文件部署编译后的文件部署，就是先在本地进行npm run build打包，生成 build 文件夹，然后将 build 文件夹传到服务器，再用 Nginx 配置一个静态解析即可。源码部署源码部署就是把源文件上传到服务器上，然后执行 npm install && npm run build，这种方式是将打包工作交给服务器，本地只是将源代码 pus
2022-02-07 15:03:04
2021
原创 react项目配置babel编译jsx
react项目配置babel编译jsx摘要从零搭建react项目，webPack4+babel-loader8配置须知babel-loader7.x 要与 babel6.x 结合使用babel-loader8.x 要与 babel7.x 结合使用这里以babel-loader8.x为例，使用npm 进行如下安装：npm i @babel/core babel-loader @babel/preset-env @babel/preset-react @babel/plugin-transform
2020-07-13 18:46:22
2047
1
原创 windows更改全局包安装路径后，无法使用全局安装包
修改全局包安装路径npm config set prefix "D:\software\nodejs\node-global"npm config set cache "D:\software\nodejs\node-cache"安装路径可以设置成自己的路径这样一来你的npm全局包安装路径就设置好了，接下来我们用npm随便全局安装一个包，例如：create-react-app安装完毕以后我们来使用create-react-app 来创建一个react应用，但是命令行却报错 command not
2020-05-23 18:46:17
494
原创 搭建简单Node服务器
搭建简单Node服务器由于现在的项目大多数都是前后端分离的，为了便于我的Demo开发，我搭建了简单的node服务器用于交互数据。搭建步骤首先创建一个项目文件夹，并在此路径下打开CMD命令行npm install express --save安装完成后项目路径下会有如下已经被选中的两个文件夹接下来导入项目环境搭建所需要的依赖包：在命令行中依次输入： npm install b...
2020-03-15 16:42:18
239
原创 react父组件调用子组件的路由跳转事件报错Cannot read property 'push' of undefined
摘要近来在做react demo的时候碰到在my的父组件中调用login子组件的路由跳转事件Cannot read property ‘push’ of undefined这是我的父组件 myclass my extends React.Component { constructor(props) { //构造函数 super(props); } r...
2020-03-14 14:25:30
1545
1
原创 react NavLink和Link
Linkimport { Link } from 'react-router-dom'//引入 Link<Link to="/home">主页</Link>其中to后可以是String 也可以是objectto: string需要跳转到的路径 home。<Link to="/home">主页</Link>to: object需要跳...
2020-03-11 17:25:20
410
原创 localStorage sessionStorage cookie
介绍localStorage: localStorage 是永久的，localStorage 除非用户主动删除数据，否则数据永远不会消失。存放数据大小为5M左右sessionStorage: sessionStorage 仅在当前会话下有效。sessionStorage 在关闭了浏览器窗口后就会被销毁。存放数据大小为5M左右cookie: 在设置的cookie过期时间之前一直有效。 存放数...
2020-03-09 17:31:03
152
原创 react this.setState()的使用
this.setState()的使用最近在学习react，写demo的时候要监听输入框内部的变化，获取输入框的值后用this.setState()方法进行值的更新，但是发现更新以后在用this.state.user获取到的是之前的值。constructor(props){ super(props); this.state = { user: 'xiaoming' ...
2020-03-09 12:23:51
817
原创 Mac端安装Cordova及使用介绍
安装我们可以使用npm全局安装Cordovanpm install -g cordova创建Cordova项目cordova create demo com.demo.hello HelloCordova#demo 文件名#com.demo.hello 项目bundle name#HelloCordova 项目名Parameter（参数）Description（描述）...
2020-03-02 12:24:38
872
原创 ngDialog模态框
摘要手头的angularJs项目需要做一个用户提醒的弹出框，但是使用浏览器自带的样式不能随心所欲进行修改，所以找到了这个ngDialog来实现自定义弹出框的功能。安装我们可以使用bower或者npm来安装这个组件bower 命令bower install ng-dialognpm 命令npm install ng-dialog使用找到下面的三个资源并在项目中引用就行：<...
2020-02-27 16:16:41
425
原创 if else if else的执行顺序
摘要今天后端大哥问我一个问题，他写的代码没有输出2而是输出的4，接下来就对此问题进行一个简单的记录与解答。错误代码（错误示例是我进行的简化方便说明问题）var a = 1;var b = 2; var c = 3; if (a === 1) { if (c === 4) { console.log("1"); }} else if (a === 1 || b === 2) {...
2020-02-26 17:50:58
5343
原创 使用JSEncrypt进行分段加密
摘要近来在项目中给后台传输数据需要进行rsa加密，但是有的数据太长，密钥是2048位的所以只能加密256个字符，于是便想采用分段加密方式进行加密。问题分析因为加密的数据里包含中英文，如果从采用charAt来取出每个字符来判断字符算占用的字节实在是太麻烦，所以我才用base64将数据进行编码，这样原始数据就不会包含中文，即可进行简单的长度划分，从而直接去加密。采用JSEncrypt.js 库...
2020-02-26 17:32:20
5496
原创 urlEncode遇到的坑
摘要因为前端需要从URL中读取一个加密参数，这个加密参数是经过base64的，大家都知道经过base64的数据会包含+号，但是+号经过urlEncode以后变成了“%20”，而不是“%2B”，这就导致使用$location.search()读取参数以后的值是错误的加号变成了空格。解决方案我采用的是最简单的方案replace(/\s/g,"+")；使用正则用加号替换了所有的空格，还原了原有...
2020-02-26 14:16:52
622
原创 ansible学习笔记
摘要在工作中总是不可避免的要上传包到服务器进行部署，每次都需要用winscp登陆服务器上传包，然后使用rundeck 进行部署。所以大概了解了一下其工作原理，因此学习了ansible（不过毕竟是公司的server不敢乱搞，所以只是在两台电脑之间做了操作，把另一台电脑当成了server来用）注意：要先安装ansible, ansible 请自行百度安装Mac 生成ssh key1. 查看秘钥...
2020-02-26 11:54:02
140
原创 python搭建简单的服务器
摘要为了方便电脑之间，电脑与其他设备之间快速的分享文件，我们可以采用python搭建服务器来解决，这传输速度远超U盘。python 2 对应命令python -m SimpleHTTPServer 8080python 3 对应命令python -m http.server 8080只需要在你需要跟别人分享的folder下打开命令行，执行本机安装python版本的对应命令即可开启一...
2020-02-26 10:34:41
531
原创 Nginx在Mac及Windows上的使用
摘要近来需要跟后台进行接口联调联试，为了方便进行快速的响应，我决定在本地搭建前台的反向代理服务，这样方便有什么问题直接修改，省去频繁部署所耽误的时间。Nginx 的使用当在Mac上安装完Nginx以后可以在终端输出的信息里看到一些配置路径安装路径：/usr/local/Cellar/nginx/1.17.0/bin配置文件路径：/usr/local/etc/nginx/nginx.con...
2020-02-25 12:01:45
513
原创 git Daemon
git Daemon摘要近来因为疫情在家办公，Mac无法连接公司VPN，只能采用将代码下载到Windows进行更新，但是使用python起服务又太过于繁琐，每次还要传修改的文件到Windows，而且本地和远程的提交记录也不能保持一致，所以找到了git Daemon， 使用git Daemon搭建本地服务进行代码更新。操作步骤在文件夹repo 中执行git init新建git仓库在 rep...
2020-02-25 11:03:54
669
原创 angularJs数据绑定失效的坑
angularJS 数据绑定失效摘要相信大家在进行angularJs开发的时候也会遇到我现在遇到的问题：明明页面进行了双向数据绑定，而且数据已经改变了，但是视图却并未刷新。代码示例<div ng-controller="testCtrl"> <p>{{name}}</p> <div ng-if="show"> <inpu...
2020-02-24 12:14:49
1039
原创 git 撤销修改
git 撤销修改代码提交一般我们写完代码后会进行提交，这时候如果提交信息有误，提交了不应该提交的东西，又不想进行revert，因为毕竟没有推送的远程仓库，现在还只是再本地仓库，为了让提交的代码更加的好看，我们可以进行如下操作：但执行完commit 以后想要撤回是我们有三种方案：–mixedgit reset --mixed HEAD^或者git reset HEAD^此操作不删除...
2020-02-24 11:36:50
123
原创 git 修改已经提交的用户名或信息
摘要由于公司员工离职，merge 代码时检测用户名不存在，这时候就需要修改离职员工的提交信息操作步骤# 第一步，如果你有类似A--->B--->C--->D的提交记录(ABCD在这里代表commit id),对你来说C的提交信息是错误的git rebase -i -p B# 第二步,找到错误的commit id 并把“pick” 改成“edit” 按'Esc'退出编辑...
2020-02-24 11:10:20
1757
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人