주간 다이제스트 27/2021 - 금주 톱뉴스

14377 단어 webdevcssreactjavascript
매주 발췌문 #27을 시청해 주셔서 감사합니다.
이번 주 발췌문에는 재미있고 고무적인 글, 동영상, 트위터, 방송인, 그리고 내가 이번 주에 소비한 디자인들이 많이 포함되어 있다.
 

🎉 경품


우리는 너에게 네가 필요로 하는 어떤 과정도 제공할 것이다.어떠한 가격, 어떤 과정.
를 시작하려면 다음을 수행해야 합니다.
  • 👍 이 게시물에 응답
  • ✉️ 구독newsletter
    • 이메일 수신inbox📬.
     

    재미있는 글


    내보내기 기본 객체는 내보내기 {thing as default}와 다름


    다음은 그들의 차이점입니다. 중요한 때...
    export default thing is different to export { thing as default }

    실행 중인 SVG 기기


    SVG로 만든 Favicon이라고 들어보셨나요?만약 당신이 CSS 기교를 자주 읽는 사람이라면, 당신은 이미 읽었을 것이다.그런데 당신의 사이트는 정말 사용해 본 적이 있습니까?임무
    SVG Favicons in Action

    npm 감사: 디자인에 의해 깨지다


    99개의 빈틈 발견(84개 중도 무관, 15개 높이 무관)
    npm audit: Broken by Design

    이번 주에 제가 좋은 영상을 봤어요.


    React의 자동 상태 배치


    상태가 변경되면 렌더링(DOM) 업데이트가 한 번만 발생할 수 있다는 사실은 잘 알려지지 않았다.예전만 빼고는 없었는데 지금은 있어요.
    에서

    데이터 백업 시스템을 구축하다.Prisma와 응용 프로그램 플랫폼이 있는 js 사이트


    Chris는 Digital Ocean의 Chris Sev와 함께 새로운 애플리케이션 플랫폼에 대해 논의합니다.그들은 그것으로 작은 사이트를 만들 것이다. 이 사이트는 블로그처럼 ID, 제목, 내용이 담긴 게시물, 그리고 더욱 활력 있는 점: '좋아' 를 만들 것이다.그들은 매우 현대적인 기술을 사용하여 그것을 완성할 것이다.
    에서

    TypeScript를 사용하여 안전한 GraphQL 입력


    GraphQL을 사용하여 구축할 때, 조회, 해상도 등을 작성할 때, 특히 TypeScript를 사용할 때, 패턴을 미리 정의할 수 있습니다.그렇다면 어떻게 유형 생성을 진행합니까?우리는 TypeScript 유형을 생성할 수 있는 도구를 연구한 다음에 그것을 사용하여 백엔드를 실현한 다음에 React 갈고리를 사용하여 그것들을 앞부분에 삽입하는 방법을 연구할 것이다.
    에서

    당신은 CSS 색상에서 이 오류를 범했습니까?


    모든 개발자는 CSS에서 색을 정의해야 한다. 보통 개발자가 CSS에서 색을 정의할 때, 그들은 RGB나 16진법으로 이 색을 쓴다.기술적으로 이렇게 하는 것은 틀림없지만, 이것은 CSS로 색을 작성하는 가장 좋은 방식이 아니다.
    에서

    VS 코드 힌트: JSDoc 링크


    JSDoc 메모에서 @link 태그를 사용하여 JavaScript 또는 TypeScript 항목에 링크된 기호를 표시합니다.
    에서

    유용한 GitHub 저장소


    GitTools


    이 메모리 라이브러리에는 Git 연구에 사용되는 세 개의 소형python/bash 스크립트가 포함되어 있습니다.

    인터넷 / GitTools


    pwn'ing 사이트에 사용되는 세 가지 도구를 포함하는 저장소git 저장소 사용 가능




    GitTools


    이 메모리 라이브러리에는 Git 연구에 사용되는 세 개의 소형python/bash 스크립트가 포함되어 있습니다.Read about it here

    발견자


    너는 이 도구를 사용하여 사이트와 그들의 사이트를 찾을 수 있다.git 저장소는 일반용으로 사용할 수 있습니다

    사용법


    이python 스크립트 표지는 공개적으로 접근할 수 있는 .git 저장소가 있는 사이트를 가지고 있습니다
    그것은 .git/HEAD 파일이 포함되어 있는지 검사한다refs/heads.
    $ ./gitfinder.py -h

###########
# Finder is part of https://github.com/internetwache/GitTools
#
# Developed and maintained by @gehaxelt from @internetwache
#
# Use at your own risk. Usage might be illegal in certain circumstances.
# Only for educational purposes!
###########

usage: gitfinder.py [-h] [-i INPUTFILE] [-o OUTPUTFILE] [-t THREADS]

optional arguments:
  -h, --help            show this help message and exit
  -i INPUTFILE, --inputfile INPUTFILE
                        input file
  -o OUTPUTFILE, --outputfile OUTPUTFILE
                        output file
  -t THREADS, --threads THREADS
                        threads
    입력 파일은 줄마다 목표를 포함해야 한다
    스크립트에서 발견된 도메인을 [*] 형식으로 출력합니다.
    View on GitHub

    원기


    Vercel 디자인에서 비롯된 현대적이고 심플한 React UI 라이브러리

    게스트 조직 / 리액션


    현대적이고 심플한 사용자 인터페이스 라이브러리.






    Modern and minimalist React UI library, originating from Vercel's design.


    빠른 시작

  • yarn add @geist-ui/react 또는 npm i @geist-ui/react를 실행하여 설치합니다.

  • 항목으로 가져오기
    • @geist ui/react에서 {GeistProvider, CssBaseline} 가져오기
    const Application=()=>(

    표준화 스타일
    /--> 애플리케이션 구성 요소

    )

    문서

  • Document Site
  • 中文文档

    • 발전시키다

  • Contributing Guide

    • 전시하다

  • Secret
  • Article view count
  • Tree viewer for CDN
  • Better social image
  • SentiNEO: Near-Earth Objects Viewer
  • Dashboard Design
  • Add here

    • 라이선스


    MIT
    View on GitHub

    드리블 슛


    설계도 응용 프로그램 설계



    통과Hadi Altaf

    가구 소개 페이지



    배합 응용



    통과Hadi Altaf

    암호화폐 시장 상륙



    통과Sigit Setyo Nugroho

    웹 페이지 제목



    통과Orix Agency

    Marova - 가상 예술 갤러리



    통과Zumur Deb

    추문




    오스마니

    CSS: is () 위조 클래스는 더 촘촘한 형식으로 중복 선택기를 작성하는 데 매우 유용합니다: goo.gle/cssis 이것은 그것을 잘 덮어씁니다!
    2021년 7월 5일 오전 7:00


    이 로빈슨
    리에로

    transform.tools 말도 안 돼.◾️CSS→ 순풍◾️SVG→ JSX◾️HTML→ JSX◾️JSON→ GraphQL◾️JSON→ 타자 원고◾️마돈→ 더 많아!Next로 만들다.js와🔥
    2021년 7월 6일 오후 17:00



    전격전
    @ 전격전

    💡 표 힌트!(6) 확인란은 확실하지 않을 수 있지만 JavaScript를 사용하여 설정해야 합니다.
    2021년 7월 6일 오후 14:13



    마이클 힐만
    힐만 씨

    구성 요소 이야기 형식 v3에 흥분!📓 자동 제목🌈 기본 렌더링 함수♻️ 전파 가능한 이야기 대상▶️ 상호 작용 기능 발휘✅ 100% 열독?RFC👉 storybook.js.org/blog/component…독서를 싫어한다고?내 데모 보기🎥
    2021년 7월 7일 오후 13:15



    github
    @github

    문제는 당신이 모든 일을 하는 곳이기 때문에 우리는 작업 목록을 통해 당신의 진도를 더욱 쉽게 추적할 수 있다✅ 오늘 어떤 환매 협의에서도 시도할 수 있습니다!github.blog/changelog/2021…
    2021년 7월 8일 오후 20:00


    아담 아게르

    `color-contrast()`는 빨리 제공할 수 없습니다!다행입니다. DX에서 UX까지 텍스트 선택의 대비를 강조합니다.🤷‍♂️, 신경 안 써.CSS에서 해결될 겁니다.(현재 Safari TP에만 해당) CSS 색상 레벨 5 사양w3.org/TR/css-color-5…
    2021년 7월 9일 오후 13:02

    정선한 만년필


    평행 사각형 덮어쓰기 생성하기


    에서

    들을 만한 팟캐스트


    구문 - JavaScript 이벤트 유행어


    이번 바쁜 대접에서 스콧과 Wes는 자바스크립트 유행어를 정의하고 그 의미를 토론했다!

    바가지벌레 팟캐스트. - 구렁이.


    일반적으로, 우리는 전방 개발에 대해 이야기하지만, 프로그래밍에는 또 많은 다른 분야가 있다.오늘 우리는 파이톤의 용도, 왜 그것이 좋은지, 그리고 자바스크립트와 차이점에 대해 토론할 것이다.

    CSS 팟캐스트 - 액세스 가능성


    오늘 우리는 모든 사용자에게 더 좋은 사용자 체험을 제공할 수 있도록 접근성과 관련된 스타일 선택을 세분화할 것이다.포커스 가시성, 키보드 내비게이션 등!
    읽어 주셔서 감사합니다. 다음 주에 당신과 이야기를 나누겠습니다. 안전을 유지하세요!👋
    Nuro 라이트를 사용한 ONU 및 전면 라우터(FWX 120)
    [kintoone] 체크 상자를 사용하는 도표

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage