@NgocPH mình thêm r nhé, sr bro ^^

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  check_yarn_integrity: false
  webpack_compile_output: true

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  additional_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

  extensions:
    - .mjs
    - .js
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Verifies that correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules
  check_yarn_integrity: false

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    pretty: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: '**/node_modules/**'


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

staging:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true
production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

@area21 hic, sao ko để nó vào cái markdown code í @@

@JenaNguyen M đang làm tại Tokyo b nhé. Facebook m đây ạ:　https://www.facebook.com/yen.devy.3/

First-levelCache: cái này là transaction cache = persistent-cache (nhiều chỗ gọi sai là session cache). ở Hibernate nếu gọi session.load()/get() nhiều lần sẽ chỉ thực hiện 1 SQL command duy nhất.

nếu dùng session.evict()/clear() để xóa persistent-cache thì lệnh sesion.load()/get() tiếp sau đó sẽ truy vấn SQL như bình thường.

nếu end transaction = session.commit() thì persistent-cache của transaction sẽ hết hiệu lực.

Cái này đang hướng đến CI/CD mà, chứ run bằng cơm thì với project lớn sao run nổi.

Cảm ơn a đã chia sẻ.

https://www.baeldung.com/spring-sync Sao trong bài này lại chia làm 2 loại trả về void và trả về kiểu Fututre nhỉ

Nếu db tự biết và quyết định nên dùng loại join nào thì mình chỉ tìm hiểu cái này để cho biết thôi chứ quyết định đâu được đúng k a

Vấn đề gì ah

@Clarence161095 mình đang làm việc với nuxtjs.

@tuananhbfs À sory có điều kiện tiền giữ nguyên DOM và có responsive khả năng cao là phải dùng tý js rồi . Bạn dùng Js thuần à hay đang code bằng react/angular/vue? Nếu có thể share code bạn bỏ lên codesandbox mình vào style thử phát xem sao

@Clarence161095 Cám ơn bạn nhé.

• Có lẽ có chút hiểu lầm về câu hỏi của mình. Mình có thể xử lý nó theo vài cách khác như bạn đã nêu phía trên -- Nhưng mà mình mong muốn tìm hiểu thêm để xem thử liệu có 1 thuộc tính css nào mà mình chưa biết để giải quyết hay không. Điều kiện tiên quyết là giữ nguyên DOM như mình đã chụp hình và có thể reponsive dc.

@tuananhbfs Việc xác định phần tử cuối hàng của bạn khi sử dụng thẻ div thì nó chỉ là cảm quang và bạn nghĩ nó là cuối hàng. Tuy nhiên Css html/css nó ko hiểu cái đó (Với cách này muốn html/css hiểu thì khả năng cao chỉ có cách dùng js). Vì nó chỉ hiểu là bạn có một list div. Có khá nhiều cách ko cần dùng js mà html/css vẫn hiểu được hàng và cột:

1. Thẻ <ul> <li> lồng vào nhau.... thì html/css sẽ hiểu được hàng và cột
2. Table column row tr td (Cách này hơi cũ nhưng cũng khá hiệu quả)
3. Xác định theo độ dài. Kiểu như responsive ấy @media....
4. Dùng css flex lồng nhau. Nếu bạn chưa quen dùng flex thì thử dùng cái tool này của mình xem khá tiện: https://flex-tuan200.web.app/ ....

Bạn thử dùng 1 trong các cách trên xem sao, mình nghĩ sẽ giải quyết được vấn đề của bạn mà ko cần dùng tới JS.

Mình thì hay dùng cách thứ 4 và kết hợp css như đã đề cập ở comment trước. Vì kể cả khi bạn dùng Javascript để xác định element cuối hàng nếu app yêu cầu responsive thì cũng chưa chắc có thể cover được . -> Xử lý bằng html/css là tối ứu nhất. Chứ ko phải là "Chắc không có cách giải quyết bằng css nhỉ".

Bạn có thể cung cấp config của webpack.yml được hông

@truongquanghieu9 Cảm ơn bạn nhé! Hy vọng có nhiều độc giả ủng hộ như bạn :">

hay phết, nhưng trên webtorm có không nhỉ?

bạn có thể chia sẻ về cách quản lý thời gian khi làm việc ở Sing của bạn ko ạ

Chúc anh năm mới hanh thông, vạn sự may mắn, nhiều sức khỏe và tiếp tục giữ lửa viết nhiều bài hay và chất lượng ♥️

thêm kỹ năng phản biện nữa nha bạn