WheeBoo

bạn cho file style.css vào thư mục css rồi thử <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}" >

Lý do là những thay đổi trong dữ liệu sẽ kích hoạt rerender lại, không được đồng bộ hóa trên $nextTick. Và giá trị mới sẽ được gửi đến component child thông qua prop trong quá trình re-render của component parent. Bạn không nên sử dụng emit bên trong $nextTick đó.

Hướng truy vấn trong DB bạn có thể sử dụng

'WITH RECURSIVE' IN MYSQL

Bên trong ItemComponent bạn bắt sự kiện @click sau đó gọi methods

methods: {
    clickFunc(data)
    {
        this.$emit('clickFunc', data)
    },
}

bên trong ListComponent

<ItemComponent @clickFunc="clickFuncXXX">

methods: {
    clickFuncXXX(data)
    {
        // do something
    },
}

Ngoài ra bạn có thể sử dụng $bus, 'vuex' để thực hiện

góp vui hình ảnh cho sinh động nha =))

Bạn có thể tham khảo ví dụ minh họa https://sweetalert2.github.io/

Swal.fire({
  title: '<strong>HTML <u>example</u></strong>',
  icon: 'info',
  html:
    'You can use <b>bold text</b>, ' +
    '<a href="//sweetalert2.github.io">links</a> ' +
    'and other HTML tags',
  showCloseButton: true,
  showCancelButton: true,
  focusConfirm: false,
  confirmButtonText:
    '<i class="fa fa-thumbs-up"></i> Great!',
  confirmButtonAriaLabel: 'Thumbs up, great!',
  cancelButtonText:
    '<i class="fa fa-thumbs-down"></i>',
  cancelButtonAriaLabel: 'Thumbs down'
})

bạn có thể sử dụng google recaptcha để hạn chế spam nhé https://www.google.com/recaptcha/about/

Laravel hỗ trợ sẵn các hàm họ đã viết để truy vấn trong DB rồi nhé. https://laravel.com/api/5.8/Illuminate/Database/Query/Builder.html#method_insert

line code: https://github.com/laravel/framework/blob/5.8/src/Illuminate/Database/Query/Builder.php#L2617

liệu tool này đủ dùng chưa bạn: https://email-checker.net/check

bạn lưu token vào storage hoặc cookie, rồi set global token của axios

ở đây họ cũng có cách giải quyết này https://stackoverflow.com/questions/43051291/attach-authorization-header-for-all-axios-requests

Ở đây bạn có thể tìm được câu trả lời không. Mình thấy họ bàn khá chi tiết, bạn tham khảo nhé. https://congdongjava.com/forum/threads/hỏi-về-chứng-chỉ-java-của-oracle.21027/

Có cách tốt hơn là dùng gộp nhiều máy chủ thành 1 cụm Nodes, phân phối tài nguyên đồng đều giữa các máy chủ đó. Bạn tham khảo thêm Kubernetes của Amazon đã cung cấp sẵn rồi đó Amazon Elastic Kubernetes Service (EKS). Nhanh gọn lẹ, mỗi tội hơi chát về giá. Cần có kiến thức devOps này khá chuyên sâu mới config được hệ thống bạn muốn.

Từ lúc tạo token này đầu tiên nhé.

Rất có thể bạn dính lỗi điều hướng về domain local của mình, bạn thử chỉnh sửa lại đâu đó có chữ localhost trên host xem. Bật debub tab NetWork xem có vấn đề gì ko

do tính chất phụ thuộc của Test với API, thi thoảng call 500 thì phải chạy lại. Vậy nên sử dụng cơ chế retries nhé https://www.npmjs.com/package/cypress-plugin-retries để 1 case nó lỗi thì nó sẽ chạy lại test đó vài lần nữa tùy config

Nếu bạn yếu thuật toán thì có thể luyện tập các bài tập với Viblo Code, hackerrank... cần thêm cái đó thôi là profile trên CV của bạn đẹp hơn nhiều

Hiện tại thì chưa có bạn ạ. Mình thì theo React và Vue là đủ dùng r

hiện tại chưa có giải pháp nhé bạn https://github.com/lusaxweb/vuesax/issues/559

Bạn thử dùng cái này xem thế nào

text-indent:30px;

import { Table } from 'antd';
import reqwest from 'reqwest';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    sorter: true,
    render: name => `${name.first} ${name.last}`,
    width: '20%',
  },
  {
    title: 'Gender',
    dataIndex: 'gender',
    filters: [
      { text: 'Male', value: 'male' },
      { text: 'Female', value: 'female' },
    ],
    width: '20%',
  },
  {
    title: 'Email',
    dataIndex: 'email',
  },
];

class App extends React.Component {
  state = {
    data: [],
    pagination: {},
    loading: false,
  };

  componentDidMount() {
    this.fetch();
  }

  handleTableChange = (pagination, filters, sorter) => {
    const pager = { ...this.state.pagination };
    pager.current = pagination.current;
    this.setState({
      pagination: pager,
    });
    this.fetch({
      results: pagination.pageSize,
      page: pagination.current,
      sortField: sorter.field,
      sortOrder: sorter.order,
      ...filters,
    });
  };

  fetch = (params = {}) => {
    console.log('params:', params);
    this.setState({ loading: true });
    reqwest({
      url: 'https://randomuser.me/api',
      method: 'get',
      data: {
        results: 10,
        ...params,
      },
      type: 'json',
    }).then(data => {
      const pagination = { ...this.state.pagination };
      // Read total count from server
      // pagination.total = data.totalCount;
      pagination.total = 200;
      this.setState({
        loading: false,
        data: data.results,
        pagination,
      });
    });
  };

  render() {
    return (
      <Table
        columns={columns}
        rowKey={record => record.login.uuid}
        dataSource={this.state.data}
        pagination={this.state.pagination}
        loading={this.state.loading}
        onChange={this.handleTableChange}
      />
    );
  }
}

ReactDOM.render(<App />, mountNode);

phần này có cho customer paginate rồi mà nhỉ https://ant.design/components/table/#components-table-demo-ajax

 pagination={this.state.pagination}