Cypress执行测试并邮寄发送测试报告

2021-09-17

前言
为了高质量的软件交付，组织必须转向自动化流程，手动流程太容易出错，效率低下。对于执行CD和devops的团队来说，自动化变得越来越重要，大家只需要专注在code和review中，其它过程都尽可能的自动化。

Jenkins执行python脚本运行测试并邮件发送报告

"""
 * Create by dell on 2020/9/16
 * Author ：wencheng
 * 微信公众 ：自动化测试 To share

"""

# coding=gbk
import mimetypes
import smtplib
from email import encoders
from email.mime.multipart import MIMEMultipart
from email.mime.base import MIMEBase
from email.mime.text import MIMEText
import time
import zipfile
import os
import shutil


def move_file():
    origin_path = r"D:\workspace\test\cypress\screenshots"
    origin_path3 = r"D:\workspace\test\test-report.json"
    new_file_name = r"D:\workspace\test\mochawesome-report"
    shutil.move(origin_path, new_file_name)
    shutil.move(origin_path3, new_file_name)


def npx_bulid():
    command = r"cd D:\workspace\test &&
                npx mochawesome-merge cypress/results/*.json >
                 test-report.json" \
              r"&&npx mochawesome-report-generator 
              test-report.json"
    os.system(command)


def clearfile():
    shutil.rmtree(r"D:\workspace\test\cypress\results")
    shutil.rmtree(r"D:\workspace\test\mochawesome-report")


def file_tozip():
    startdir = "mochawesome-report"  # 要压缩的文件夹路径
    file_news = 'mochawesome-report.zip'  # 压缩后文件夹的名字
    z = zipfile.ZipFile(file_news, 'w', zipfile.ZIP_DEFLATED)  # 参数一：文件夹名
    for dirpath, dirnames, filenames in os.walk(startdir):
        fpath = dirpath.replace(startdir, '')  # 这一句很重要，不replace的话，就从根目录开始复制
        fpath = fpath and fpath + os.sep or ''  # 这句话理解我也点郁闷，实现当前文件夹以及包含的所有文件的压缩
        for filename in filenames:
            z.write(os.path.join(dirpath, filename), 
            fpath + filename)
    print('压缩成功')
    z.close()


def send_report():
    filepath = "mochawesome-report.zip"
    smtp_server = "smtp.exmail.qq.com"
    username = "xxxxxxx "
    password = "xxxxxxx"
    sender = 'xxxxxxx'
    # receivers = ["xxxxxxx","xxxxxxx","xxxxxxx"]  # 接收人
    receivers = ['xxxxxxx']
    current_time = time.strftime('%Y-%m-%d-%H-%M-%S',
                 time.localtime(time.time()))
    msg = MIMEMultipart()
    # 邮件正文
    msg.attach(MIMEText("Hi，All："
                        "\n  test运营系统的自动化脚本测试工具 {}
                        已经完成测试报告见附件"
                        "\n  脚本构建地址：http://xx.xx.xxx.xx:xxxx/"
                        "\n  账号：admin 密码：123456"
                        "\n  目前以实现测试环境xx
                        条数,.".format(current_time), 'plain', 'utf-8'
                        ))
    msg['From'] = sender
    msg['To'] = ";".join(receivers)  # 多个收件人list转str

    subject = "{}的自动化测试报告".format(current_time)
    msg['Subject'] = subject

    data = open(filepath, 'rb')
    ctype, encoding = mimetypes.guess_type(filepath)
    if ctype is None or encoding is not None:
        ctype = 'application/octet-stream'
    maintype, subtype = ctype.split('/', 1)
    file_msg = MIMEBase(maintype, subtype)
    file_msg.set_payload(data.read())
    data.close()
    encoders.encode_base64(file_msg)  # 把附件编码
    file_msg.add_header('Content-Disposition', 'attachment',
     filename="test.zip")  # 修改邮件头
    msg.attach(file_msg)
    try:
        server = smtplib.SMTP(smtp_server, 25)
        server.login(username, password)
        server.sendmail(sender, receivers, msg.as_string())
        server.quit()
        print("发送成功")
    except Exception as err:
        print("发送失败")
        print(err)


if __name__ == '__main__':
    npx_bulid()
    move_file()
    file_tozip()
    send_report()
    clearfile()

展开全文 >>

Cypress 获取table内容动态tr和td

2021-09-17

前言
如何获取table内容动态tr和td的dom对象，今天给大家总结了方法。

获取table中DOM元素方法总结

<table id="projectstatus" class="sortable pane bigtable stripped-odd"><tbody><tr class="header"><th tooltip="上次构建状态" title="上次构建状态"><a href="#" class="sortheader">&nbsp;&nbsp;S<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th tooltip="构建晴雨表" title="构建晴雨表"><a href="#" class="sortheader">&nbsp;&nbsp;W<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th initialsortdir="down"><a href="#" class="sortheader">名称<span class="sortarrow">&nbsp;&nbsp;↓</span></a></th><th><a href="#" class="sortheader">上次成功<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th><a href="#" class="sortheader">上次失败<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th><a href="#" class="sortheader">上次持续时间<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th width="1"><a href="#" class="sortheader">&nbsp;<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th><th><a href="#" class="sortheader">&nbsp;<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a></th></tr><tr id="job_FCA玛莎拉蒂自动化测试" class=" job-status-blue"><td data="4"><img src="/static/ecc2f937/images/24x24/blue.png" alt="成功" tooltip="成功" style="width: 24px; height: 24px; " class="icon-blue icon-md" title="成功"></td><td data="100" class="healthReport" onmouseover="this.className='healthReport hover';return true;
        " onmouseout="this.className='healthReport';return true;"><a href="job/FCA%E7%8E%9B%E8%8E%8E%E6%8B%89%E8%92%82%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/lastBuild" class="build-health-link"><img src="/static/ecc2f937/images/24x24/health-80plus.png" alt="100%" style="width: 24px; height: 24px; " class="icon-health-80plus icon-md"></a><div class="healthReportDetails"><table border="0"><thead><tr><th align="left">W</th><th align="left">描述</th><th align="right">%</th></tr></thead><tbody><tr><td align="left"><img src="/static/ecc2f937/images/16x16/health-80plus.png" style="width: 16px; height: 16px; " class="icon-health-80plus icon-sm"></td><td>构建稳定性: 最近没有失败的构建。</td><td align="right">100</td></tr></tbody></table></div></td><td><a href="job/FCA%E7%8E%9B%E8%8E%8E%E6%8B%89%E8%92%82%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/" class="model-link inside">1</a></td><td data="2020-07-17T02:00:14Z">
        2 小时 56 分
        - <a href="job/FCA%E7%8E%9B%E8%8E%8E%E6%8B%89%E8%92%82%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/lastSuccessfulBuild/" class="model-link inside">#26</a></td><td data="2020-07-15T01:48:39Z">
        2 天 3 小时
        - <a href="job/FCA%E7%8E%9B%E8%8E%8E%E6%8B%89%E8%92%82%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/lastFailedBuild/" class="model-link inside">#7</a></td><td data="1767243">29 分</td><td><a href="job/FCA%E7%8E%9B%E8%8E%8E%E6%8B%89%E8%92%82%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/build?delay=0sec"><img src="/static/ecc2f937/images/24x24/clock.png" onclick="return build_id2549(this)" alt="Schedule a 构建 for1" style="width: 24px; height: 24px; " title="Schedule a 构建 for FCA玛莎拉蒂自动化测试" class="icon-clock icon-md"></a><script>function build_id2549(img) {
                  new Ajax.Request(img.parentNode.href);
                  hoverNotification('构建 scheduled', img, -100);
                  return false;
                }</script></td><td>&nbsp;</td></tr><tr id="job_2" class=" job-status-blue"><td data="4"><img src="/static/ecc2f937/images/24x24/blue.png" alt="成功" tooltip="成功" style="width: 24px; height: 24px; " class="icon-blue icon-md" title="成功"></td><td data="40" class="healthReport" onmouseover="this.className='healthReport hover';return true;
        " onmouseout="this.className='healthReport';return true;"><a href="job/%E4%B8%80%E6%B1%BD%E6%95%B0%E6%8D%AE%E8%BF%90%E8%90%A5%E6%8E%A5%E5%8F%A3/lastBuild" class="build-health-link"><img src="/static/ecc2f937/images/24x24/health-20to39.png" alt="40%" style="width: 24px; height: 24px; " class="icon-health-20to39 icon-md"></a><div class="healthReportDetails"><table border="0"><thead><tr><th align="left">W</th><th align="left">描述</th><th align="right">%</th></tr></thead><tbody><tr><td align="left"><img src="/static/ecc2f937/images/16x16/health-20to39.png" style="width: 16px; height: 16px; " class="icon-health-20to39 icon-sm"></td><td>构建稳定性: 最近 5 次构建中有 3 次失败。</td><td align="right">40</td></tr></tbody></table></div></td><td><a href="job/%E4%B8%80%E6%B1%BD%E6%95%B0%E6%8D%AE%E8%BF%90%E8%90%A5%E6%8E%A5%E5%8F%A3/" class="model-link inside">2</a></td><td data="2020-06-12T02:16:03Z">
        1 月 5 天
        - <a href="job/%E4%B8%80%E6%B1%BD%E6%95%B0%E6%8D%AE%E8%BF%90%E8%90%A5%E6%8E%A5%E5%8F%A3/lastSuccessfulBuild/" class="model-link inside">#16</a></td><td data="2020-06-12T01:58:43Z">
        1 月 5 天
        - <a href="job/%E4%B8%80%E6%B1%BD%E6%95%B0%E6%8D%AE%E8%BF%90%E8%90%A5%E6%8E%A5%E5%8F%A3/lastFailedBuild/" class="model-link inside">#14</a></td><td data="18773">18 秒</td><td><a href="job/%E4%B8%80%E6%B1%BD%E6%95%B0%E6%8D%AE%E8%BF%90%E8%90%A5%E6%8E%A5%E5%8F%A3/build?delay=0sec"><img src="/static/ecc2f937/images/24x24/clock.png" onclick="return build_id2550(this)" alt="Schedule a 构建 for 一汽数据运营接口" style="width: 24px; height: 24px; " title="Schedule a 构建 for 一2" class="icon-clock icon-md"></a><script>function build_id2550(img) {
                  new Ajax.Request(img.parentNode.href);
                  hoverNotification('构建 scheduled', img, -100);
                  return false;
                }</script></td><td>&nbsp;</td></tr><tr id="job_3" class=" job-status-blue"><td data="4"><img src="/static/ecc2f937/images/24x24/blue.png" alt="成功" tooltip="成功" style="width: 24px; height: 24px; " class="icon-blue icon-md" title="成功"></td><td data="100" class="healthReport" onmouseover="this.className='healthReport hover';return true;
        " onmouseout="this.className='healthReport';return true;"><a href="job/%E9%95%BF%E5%9F%8E%E8%BD%A6%E4%B8%BB%E5%8D%A1%E4%B8%8A%E6%8A%A5%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%8F%A3/lastBuild" class="build-health-link"><img src="/static/ecc2f937/images/24x24/health-80plus.png" alt="100%" style="width: 24px; height: 24px; " class="icon-health-80plus icon-md"></a><div class="healthReportDetails"><table border="0"><thead><tr><th align="left">W</th><th align="left">描述</th><th align="right">%</th></tr></thead><tbody><tr><td align="left"><img src="/static/ecc2f937/images/16x16/health-80plus.png" style="width: 16px; height: 16px; " class="icon-health-80plus icon-sm"></td><td>构建稳定性: 最近没有失败的构建。</td><td align="right">100</td></tr></tbody></table></div></td><td><a href="job/%E9%95%BF%E5%9F%8E%E8%BD%A6%E4%B8%BB%E5%8D%A1%E4%B8%8A%E6%8A%A5%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%8F%A3/" class="model-link inside">3</a></td><td data="2020-07-17T02:30:49Z">
        2 小时 25 分
        - <a href="job/%E9%95%BF%E5%9F%8E%E8%BD%A6%E4%B8%BB%E5%8D%A1%E4%B8%8A%E6%8A%A5%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%8F%A3/lastSuccessfulBuild/" class="model-link inside">#55</a></td><td data="2020-07-14T08:29:55Z">
        2 天 20 小时
        - <a href="job/%E9%95%BF%E5%9F%8E%E8%BD%A6%E4%B8%BB%E5%8D%A1%E4%B8%8A%E6%8A%A5%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%8F%A3/lastFailedBuild/" class="model-link inside">#50</a></td><td data="26883">26 秒</td><td><a href="job/%E9%95%BF%E5%9F%8E%E8%BD%A6%E4%B8%BB%E5%8D%A1%E4%B8%8A%E6%8A%A5%E6%A8%A1%E5%9D%97%E6%8E%A5%E5%8F%A3/build?delay=0sec"><img src="/static/ecc2f937/images/24x24/clock.png" onclick="return build_id2551(this)" alt="Schedule a 构建 for 3" style="width: 24px; height: 24px; " title="Schedule a 构建 for3" class="icon-clock icon-md"></a><script>function build_id2551(img) {
                  new Ajax.Request(img.parentNode.href);
                  hoverNotification('构建 scheduled', img, -100);
                  return false;
                }</script></td><td>&nbsp;</td></tr></tbody></table>

1.获取动态tr个数

describe('处理table方法总结', function () {
    beforeEach(function () {
        var username = "admin"
        var password = ""
        //登陆地址
        cy.visit('http://xx.xx.xxx.xx:xxxx/login?from=%2F')
        cy.get('#j_username').type(username)
        cy.get('body > div > div > form > div:nth-child(2) > input').type(password)
        cy.get('body > div > div > form > div.submit.formRow > input').click()

    })
    it('动态获取tr', function () {
        cy.get('#projectstatus > tbody >tr').then(($el) => {
            const tr_total = $el.length
            cy.log(tr_total)
        })
    });})

2.获取动态tr去断言td内容

describe('处理table方法总结', function () {
    beforeEach(function () {
        var username = "admin"
        var password = ""
        //登陆地址
        cy.visit('http://xx.xx.xxx.xx:xxxx/login?from=%2F')
        cy.get('#j_username').type(username)
        cy.get('body > div > div > form > div:nth-child(2) > input').type(password)
        cy.get('body > div > div > form > div.submit.formRow > input').click()

    })
    it('动态获取tr', function () {
        cy.get('#projectstatus > tbody >tr').then(($el) => {
            const tr_total = $el.length
            cy.log(tr_total)
            var list =['29 分','18 秒',"26 秒"]
             for (var i = 1; i < tr_total; i++) {
                cy.get('#projectstatus > tbody >tr').eq(i).find('td:nth-child(6)')
                    .should('contain', list[i-1])
            }
        })
    });})

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家的支持。

更多文章关注小编公众号：自动化测试 To share

展开全文 >>

Cypress 元素定位

2021-09-17

前言
Cypress含有多种定位方式我们无需担心因为定位导致测试失败，Cypress有独一无二的定位策略能使你摆脱元素定位的噩梦。

Cypress专有选择器

data-cy
data-test
data-testid

举例：

1	<button id='main' class = 'btn' data-cy = 'submit'>submit<button><button id='main' class = 'btn' data-test= 'submit'>submit<button><button id='main' class = 'btn' data-testid= 'submit'>submit<button>

获取元素方法：

1
2
3

cy.get('[data-cy=submit]').click()
cy.get('[data-test=submit]').click()
cy.get('[data-testid=submit]').click()

举例：

<tbody>
    <tr>
    <th>用户名</th>
    <td><input class="form-control" type="text" name="account" id="account" autofocus=""></td>
    </tr>
    <tr>
    <th>密码</th>
    <td><input class="form-control" type="password" name="password"></td>
    </tr>
    <tr>
    <th></th>
    <td id="keeplogin"><div class="checkbox-primary"><input type="checkbox" name="keepLogin[]" value="on" id="keepLoginon"> <label for="keepLoginon">保持登录</label></div></td>
    </tr>
    <tr>
    <td></td>
    <td class="form-actions">
    <button type="submit" id="submit" class="btn btn-primary" data-loading="稍候...">登录</button><input type="hidden" name="referer" id="referer" value="/zentao/"><input type="hidden" name="verifyRand" id="verifyRand" value="1281275466"><a href="/zentao/user-reset.html">忘记密码</a>
    </td>
    </tr>
</tbody>

#d选择器

#id选择器通过html元素id属性来获取DMO

获取用户名input元素方法：

1	cy.get('#account').click()

class类选择器

类选择器通过html元素class属性来获取DMO

获取用户名input元素方法：

1	cy.get('.form-control').click()

attributes属性选择器

类选择器通过html元素class属性来获取DMO

获取用户名input元素方法：

1	cy.get('[input[id = "account"]]').click()

:nth-child(n)选择器

:nth-child(n)选择器匹配属于其父元素的第n个子元素，不论元素的类型。

获取用户名DOM元素方法：

1	cy.get(tbody > tr:nth-child(1) > th')

Cypress.$定位器

Cypress可以使用jQuery选择器定位

1	Cypress.$('#account') 等价于 cy.get('#account')

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家的支持。

展开全文 >>

Cypress 页面元素基本操作方式

2021-09-17

获取DOM元素基本方式

.find(selector) 搜索定位元素
.get(selector) 搜索定位元素
.contains(selector) 搜索定位元素
.children() 方法用来获取DON元素的子元素
.parents() 用来获取DOM元素的所有父元素
.parent() 用来获取DOM元素第一层元素
.siblings() 用来获取DOM元素的所有同级元素
.first() 用来获取指定DOM对象的第一个元素
.last() 用来获取指定DOM对象的最后一个元素
.next() 用来匹配DOM对象紧跟着的下一个同级元素
.nextAll() 用来匹配给定的DOM对象的所有同级元素
.nextUntil() 用来匹配给定DOM对象之后的所有同级元素直到遇到Until里定义的元素为止
.prev() 用来匹配给定DOM对象紧跟着的上一个同级元素
.prevAll() 用来匹配给定的DOM对象之前的所有同级元素
.prevUntil() 用来匹配给定DOM对象之后的所有同级元素直到遇到Until里定义的元素为止
.each() 用来遍历数组及其类似结果
.eq() 用来在元素或者数组中的特定索引处获取DOM元素。类似于Jquery中nth:child()

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家的支持。

展开全文 >>

Cypress端到端自动化测试学习笔记

2021-09-17

前言
一直以来，端到端的测试都是前端开发最头疼的事情。如果没有好的测试工具，一旦需求发生改变，就需要手工测试，费时费力，还会有漏网的 bug。最近接触了一款开箱即用的端到端测试工具——Cypress，真心不错，Cypress可以对在浏览器中运行的任何东西进行快速、简单和可靠的测试。

windows环境安装
1.安装node.js
官网下载地址：

https://nodejs.org/en/download/nodejs.org

下载后一路傻瓜式安装，安装完成后，运行cmd，输入node –v查看版本号，然后输入npm -v 出现如下图说明安装成功

2.安装Cypress
自己本地电脑新建一个目录Ui_test，cd 到目录，执行 npm 指令安装

cd D:\workspace\Ui_test

npm install cypress –save-dev (默认安装最新版)

npm install –save-dev cypress@4.5.0 （指定4.5.0版本）

这里博主安装的是4.5.0版本，安装会很慢，耐心等待会。

出现如下说明安装成功了

启动cypress
首先在D:\workspace\UI_test目录下新建一个 package.json 文件配置如下内容

{
  "scripts": {
    "cypress:open": "cypress open"
  }
}

现在，您可以在D:\workspace\Ui_test目下用如下命令启动

npm run cypress:open或者npx cypress open

启动成功展示：

2.现在我们开始写第一个自动化示例程序：
官方文档：

https://docs.cypress.io/guidesdocs.cypress.io

先说一下cypress的目录结构。cypress共有七个目录，还有一个cypress.json文件

编写测试case
脚本实现功能：

1.输入访问地址

2.获取元素

3.输入账号密码

4.登陆

5.断言

在 integration 目录下新建你的工程目录，如demo，下面拿login.js文件为实例

describe 声明一个测试用例集

beforeEach 测试用例前置操作，相当于setup

it声明了一个测试用例

cy.get 定位元素，用css selector定位选择器

should 断言控件含有内容

cy.visit(“/地址”)

case编写完切换到项目根目录执行命令npm run cypress:open或者npx cypress open

运行效果

生成测试报告
npm安装 npm install –save-dev mocha mochawesome mochawesome-merge mochawesome-report-generator

在 cypress.json 设置相关参数：

{
    "env": {
        "search":"Cypress e2e"
    },
    "reporter": "mochawesome",
    "reporterOptions": {
        "reportDir": "cypress/results",
        "overwrite": false,
        "html": true,
        "json": true
    }
}

执行 npx cypress run或者npm run cypress:open

出现如下图说明执行成功了

生成html测试报告

生成xxx.mp4视频

想转行做自动化测试的朋友们，想追求新技术助力公司成长的朋友们，未来5年弯道超车的机会，也许就在今天！

https://github.com/cypress-io/cypress-example-recipes/github.com

https://github.com/cypress-io/cypress-example-kitchensink/github.com

展开全文 >>

开发排期及开发过程的一些思考

2021-09-06

项目经理评审后，大概知道要做什么，如果没有UEUI则可以直接给出工期，即使有也可以大概根据以往经验给一个大致工期；
如果有UEUI则需要等UEUI给出后，根据交互复杂度和UI复杂度调整工期；
根据UEUI给的排期结束时间点，结合自身情况给出准确排期；
联调的长短与合作的后端同事关系重大，不同的后端合作应适当调整联调的工期；
结合前后端排期相对靠后的时间点给出联调排期；
无论项目大小，最好能有思维导图对项目细节进行梳理，这时候主要是梳理产品文档中的逻辑细节，做到不遗漏；
最后通过项目管理工具（推荐OmniPlan）对项目工作点进行分类安排；
经过上述步骤以后，则可以按照项目管理工具的计划进行项目开发；
项目开发过程中需与后端进行沟通，尤其重点环节需要沟通技术方案，避免前后端实现思路不一致的问题；
前端需要求后端尽快提供接口文档（不需要实现），保证前后端对接思路的一致；
前端通过本地Mock数据，尽可能保证细节完整，保证后续联调能够节省时间。
开发过程中保持专注很重要，思考可能产生的任何风险，大部分风险都可以在开发过程中发现、提出并交给相应的人解决；
对于解决不了的技术问题，通过调整产品的设计思路绕过去也是一种不错的方法；
不提倡使用晚走和加班的方式来提高产出，需要不断总结和提高个人技能来提高工作效率；

展开全文 >>

老板的话～可以被奉为经典的话

2021-07-14

中国共产党走过了100年我作为一名党员的时间是19年在校园时代初入党的我稚气未脱入党那时给我的感觉更多的是一种青年对比同龄人的自豪入党让我又多了一些责任感我成长在军人家庭性格直率爱憎分明直言不讳我喜欢的工作环境也是希望人人能够坦诚相待关心彼此

那么多人拥护共产党党最值得自豪的最成功地方就是让大多数普通党员保持了奉献服务的本色和初心并且因此产生自豪感荣誉感感染别人的上进心党领导集体的另一个优点就是学习能看到不足能快速学习能快速适应不断进步

党走过一些弯路也有过灰暗的错误经历最后实践出来一句话实事求是遇到事情刨根问底弄清楚不道听途说不轻言轻信相信每一个人也直面每个问题最终能够取得安心

己欲立而立人己欲达而达人只有自己活明白觉得自己明白觉得自己正确对别人的是非保持漠不关心或者瞧不起别人就施以鄙视我觉得都是一样的自私因为不好的情绪和积极的情绪一样都会传染表达了负面情绪并不会让这个世界变好也许自己也不会因此舒服多久正常人的内心都是很柔软的
最近公司人多了起来我也确实听到了一些文化反馈同件事我问不同的人反馈的看法不同这是挺可怕的我挺希望相关的同学能够多沟通而不是彼此不沟通但是心生疑虑觉得提出来又恶心如果你放在心里不舒服何不把他讲出来弄明白

我前阵子发了一个运营中心成立的邮件因为在出差途中我用手机排版但是忽略了很多人用pc收件于是出现了落款和换行的不整齐我发出去后马上就有人提醒我跟我说以后要注意我觉得这就挺好彼此关心互相提醒

但如果我们都觉得说了也白说那彼此都不会变好了

每个人做事一定有原因或者潜意识如果造成别人不理解不舒服自己有责任了解不舒服的对方也可以问出来你为什么要这样说这样做问了可能彼此就多一些了解我曾经有很多不自觉不自知的缺点都是在工作中一点点被指出来我才意识到改进我们各自的缺点总是被爱的人纵容但长久的爱不仅仅是忍耐还有启示叫醒他人的迷途也是爱

有话不直说绕弯子旁敲侧击打听对没有过错的人扣帽子拿公司或者其他领导的话上纲上线的施压用一些所谓的招数给别人使绊子这些都是很差劲的行为对于这些行为在我这里不能包容

有疑问直接问觉得不明白跟当事人或者负责人指出来一件事情推动到底推不动了可以坚持比如去找彼此的上级讲明原因取得共识不能被说服的事发起会议讨论给我或者合伙人邮件或者微信我们有许多方法让彼此晚上睡觉踏实不要成为他人的毒药尽可能温暖善良
党的一百年酸甜苦辣都尝遍这背后有许多付出和牺牲有今天的发展成就和信心也不是任何一两个人的单打独斗这是集体主义的胜利不需要每个人每天都是英雄但是大家都尊重英雄做好自己都心向正念日常累积善举危难之际有人挺身而出而不会四顾无人…
总而言之希望同行的同学能够坚持善良敢为有所为

展开全文 >>

如何通过容器创建镜像,创建符合需求的打包镜像

2021-07-14

docker的基本操作不做赘述，随用随查即可，常用到的是如何创建打包镜像，这个镜像是用来打包的，可能需要调整镜像的一些配置：

commit：提交一个具有新配置的容器成为镜像，后面跟容器的name 或者容器Id ，最后是生成新镜像的名字

1	docker commit trusting_kare ccr.ccs.tencentyun.com/aiforward_saas_fe/fe_fpms_build:202107141358

打包成容器以后，就可以推送到镜像仓库：

1	docker push ccr.ccs.tencentyun.com/aiforward_saas_fe/fe_fpms_build:202107141358

展开全文 >>

useless-files-webpack-plugin删除多余项目文件

2021-07-01

随着项目开发的进行会经历一个混乱到整齐划一的过程，这个过程中会产生一系列冗余代码，这时候通过useless-files-webpack-plugin这个插件，可以帮助我们删除项目中无用的文件；

大多数项目随着时间的推移,经常会摒弃掉一部分功能, 但大多数只是入口关闭, 或注释掉功能代码块, 依赖的文件如果没删除掉,项目其他成员一般不会去处>理. 在日常开发中, 通过webpack 生成的 stats 文件实现了去除多余文件的插件useless-files-webpack-plugin

插件用法如下:

const UselessFile = require('useless-files-webpack-plugin')
 
plugins: [
  new UselessFile({
    root: './src', // 项目目录
    out?: './fileList.json', // 输出文件列表
    out?: (files) => deal(files), // 或者回调处理
    clean?: false // 删除文件,
    exclude?: path // 排除文件列表, 格式为文件路径数组
  })
]

转载于:https://juejin.im/post/5ae8930751882567244dc72f

展开全文 >>

vue单页面项目返回上一页无效，链接变化了，但是页面没有变化

2021-06-19

在最近的项目中，返回上一页没有效果，经过好久的排查才发现问题，是路由守卫写法不规范导致。

在项目中用路由守卫做了登录拦截，没登录的跳转到登录页面。页面跳转和拦截都没问题，但是返回上一页就不行了，也没有报错。

代码贴上来

router.beforeEach((to, from, next) => {  
  if (to.meta.loginCheck) {     //登录判断，如果登录了则正常跳转，如没有登录，则先登录
    let gesToken =localStorage.getItem('gesToken');
    if(gesToken){ 
      next();
    } else{
      router.replace({path:'/login'});
　　　 next();　　//这行是重点，bug的原因就在这
}; } else { next(); }; });

本来以为next()的作用就是下一步跳转页面，后来发现，不能正常返回上一页，就是因为我使用完router.replace()之后，没有再使用next();

next()无论什么情况都是必须写的！！

展开全文 >>