Giter VIP home page Giter VIP logo

h5skills's Introduction

Hi there ๐Ÿ‘‹

Elan's GitHub stats

Code Time

Profile Views

๐Ÿฑ My GitHub Data

๐Ÿ“ฆ 103.1 kB Used in GitHub's Storage

๐Ÿ† 41 Contributions in the Year 2024

๐Ÿšซ Not Opted to Hire

๐Ÿ“œ 60 Public Repositories

๐Ÿ”‘ 7 Private Repositories

I'm an Early ๐Ÿค

๐ŸŒž Morning                121 commits         โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   18.09 % 
๐ŸŒ† Daytime                249 commits         โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   37.22 % 
๐ŸŒƒ Evening                263 commits         โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   39.31 % 
๐ŸŒ™ Night                  36 commits          โ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   05.38 %

๐Ÿ“Š This Week I Spent My Time On

๐Ÿ•‘๏ธŽ Time Zone: Asia/Hong_Kong

๐Ÿ’ฌ Programming Languages: 
TypeScript               8 hrs 8 mins        โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   54.53 % 
JavaScript               3 hrs 9 mins        โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   21.21 % 
Markdown                 1 hr 26 mins        โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   09.66 % 
Less                     1 hr 19 mins        โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   08.93 % 
CSS                      40 mins             โ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   04.50 % 

๐Ÿ”ฅ Editors: 
VS Code                  14 hrs 55 mins      โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ   100.00 % 

๐Ÿฑโ€๐Ÿ’ป Projects: 
qihooloan-h5             11 hrs 36 mins      โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   77.80 % 
coze-beautify            1 hr 5 mins         โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   07.33 % 
Elannnnn                 1 hr 1 min          โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   06.84 % 
react                    51 mins             โ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   05.71 % 
react-demo               20 mins             โ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   02.32 % 

๐Ÿ’ป Operating System: 
Mac                      14 hrs 55 mins      โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆ   100.00 %

I Mostly Code in JavaScript

JavaScript               15 repos            โ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   57.69 % 
Swift                    2 repos             โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   07.69 % 
TypeScript               2 repos             โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   07.69 % 
C++                      2 repos             โ–ˆโ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   07.69 % 
Java                     1 repo              โ–ˆโ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘โ–‘   03.85 %

Last Updated on 03/05/2024 01:07:54 UTC

h5skills's People

Contributors

elaninhust avatar

Watchers

avatar avatar

h5skills's Issues

H5 ้กต้ขๆจชๅ‘ๆปšๅŠจๆก้š่—

ๅฎขๆˆท็ซฏๅ†…ๅตŒๆˆ–่€…ๅพฎไฟกๅ†…้ƒจ,ๆˆ‘ไปฌ้ƒฝๅฏ่ƒฝ็ขฐๅˆฐๆจชๅ‘ๆปšๅŠจๆก้š่—็š„้ซ˜(bian)็ซฏ(tai)้œ€ๆฑ‚

2081544514006_ pic_hd

ไปฅๅ‰ๆ™ฎ้็š„ๅšๆณ•

::webkit-scrollbar {
    display: none;
}

ไฝ†ๆ˜ฏ

webview ๅ†…ๆ ธ็”ฑ UIWebView ๅ‡็บงๅˆฐๆ–ฐๅ†…ๆ ธ WKWebView ๅŽ๏ผŒๅฐฑไธ็”Ÿๆ•ˆไบ†

้—ฎ้ข˜ๅˆ†ๆž๏ผšๅช่ฆๆทปๅŠ ไบ† -webkit-overflow-scrolling: touch ๅนณๆป‘ๆปšๅŠจๅฑžๆ€ง๏ผŒ้š่—ๆปšๅŠจๆกๆ ทๅผๅฐฑไผšๅคฑๆ•ˆใ€‚

ๆ–ฐ็š„ๆ€่ทฏ

็ป™ๆœ€ๅค–ๅฑ‚็š„ๅฎนๅ™จๆทปๅŠ ไผช็ฑป...ๅˆฉ็”จไผช็ฑปๅ…ƒ็ด ๅ ไฝๆฅ้ฎไฝๆปšๅŠจๆก(ไบฒๆต‹ๅฅฝไฝฟ)

ul::after{
    content: '';
    position: absolute;
    width: 100%;
    box-sizing: content-box;
    padding: 0 0.4rem;
    height: 0.26667rem;
    bottom: 0;
    left: 0;
    background: #f2f2f3; 
    z-index: 9999;
}

ๅฎขๆˆท็ซฏๅ†…ๅตŒH5้กต้ขไธญๅˆคๆ–ญiPhone Xใ€iPhone XSใ€iPhone XS Maxใ€iPhone XR

ๅœจiPhone XSใ€iPhone XS Maxใ€iPhone XR็ณปๅˆ—ๆ–ฐๆœบๆœชๅ‡บๆฅไน‹ๅ‰,ๆˆ‘ไปฌๅฏไปฅ่ฟ™ไนˆๆฅๅˆคๆ–ญiPhone X,่ฟ›่€Œๆฅๅšๅˆ˜ๆตทๅฑ็š„ๅ…ผๅฎน.

/**
 * iPhone Xใ€iPhone XS
 */
export const isIPhoneX = () => {
  return /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 375 && window.screen.height === 812;
}

ๅŒๆ ท,ๅœจๅฎขๆˆท็ซฏๆฒกๆœ‰ๅฏนiPhone XS Max็š„่ถ…่ง†็ฝ‘่†œๅฑๅš็‰นๆฎŠๅ…ผๅฎน็š„ๆ—ถๅ€™,ๆˆ‘ไปฌ่ฟ™ๆ ทๅˆคๆ–ญๆ˜ฏๆฒกๆœ‰้—ฎ้ข˜็š„,ไฝ†ๆ˜ฏๅœจๅฎขๆˆท็ซฏๅšไบ†ๅ…ผๅฎนไปฅๅŽ,่ฟ™ๆ ท็š„ๅˆคๆ–ญๅฐฑๅฏนiPhone XS Maxใ€iPhone XRไธๅฅฝไฝฟไบ†(###ๅ“ญ็žŽ###),ๆ‰€ไปฅๆˆ‘ไปฌๅฟ…้กปๆทปๅŠ ็‰นๆฎŠๅค„็†.

/**
 * iPhone XS Max
 */
export const isIPhoneXSMax = () => {
  return /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 3 && window.screen.width === 414 && window.screen.height === 896;
}

/**
 * iPhone XR
 */
export const  isIPhoneXR = () => {
  return /iphone/gi.test(window.navigator.userAgent) && window.devicePixelRatio && window.devicePixelRatio === 2 && window.screen.width === 414 && window.screen.height === 896;
}

webpckไธ่ƒฝ็ผ–่ฏ‘่ฟ™ไธชๅฑžๆ€ง-webkit-box-orient: vertical

็”จautoprefixerๅค„็†css็š„ๅŒๅญฆไผฐ่ฎก้ƒฝ้‡ๅˆฐ่ฟ‡-webkit-box-orient: vertical่ขซๅค„็†ๆŽ‰็š„้—ฎ้ข˜

ไธ€่ˆฌ็š„ๅšๆณ•ๆ˜ฏๆทปๅŠ ไปฅไธ‹ๆณจ้‡Š:

/*! autoprefixer: off */
-webkit-box-orient: vertical
/*! autoprefixer: on */
...

ไฝ†ๆ˜ฏ,ๆœ€่ฟ‘็ช็„ถไธๅฅฝไฝฟไบ†...

ไบŽๆ˜ฏๆŸฅไบ†่ต„ๆ–™,ๅ‘็Žฐautoprefixer็š„ๆ–ฐ็‰ˆๆœฌๅทฒ็ปๅ˜ๆ›ดไบ†่ฟ™ๅ—

6.1็š„็‰ˆๆœฌ
8.4.0็‰ˆๆœฌ

ไปŽ็‰ˆๆœฌๆ›ดๆ–ฐ็š„ๅ†…ๅฎนๅฏไปฅ็œ‹ๅˆฐ,8.4.0ไปฅๅŽ็š„็‰ˆๆœฌ้ƒฝๅฟ…้กป้‡‡็”จไธ€ไธ‹็š„ๅ†™ๆณ•:

/* autoprefixer: ignore next */
user-select: none; /* โ† ignored */
mask: url(mask.jpg); /* โ† will be prefixed */

Nodeๅค„็†ๆ–‡ไปถไธŠไผ ไธญ่ฝฌ

้กน็›ฎ่ƒŒๆ™ฏ

ๆœ€่ฟ‘้กน็›ฎ่ฆๅค„็†ไธ€ไธชๆ–‡ไปถไธŠไผ ๅˆฐๅŠŸ่ƒฝ๏ผˆๅฝ“ๆ—ถๆ˜ฏไธ€ไธชๆฏ”่พƒๆ™ฎ้็ฎ€ๅ•็š„ๅŠŸ่ƒฝ๏ผ‰๏ผŒไฝ†ๆ˜ฏๅœจnode่ฟ™ๅฑ‚ๆ— ๆณ•ๅŽŸ็”Ÿๅค„็†formdata๏ผŒ้œ€่ฆๅ€ŸๅŠฉ็ฌฌไธ‰ๆ–นๅบ“ๆฅๅฎŒๆˆ๏ผŒๅ†ๅŠ ไธŠnodeๅฑ‚็š„็ฝ‘็ปœ่ฏทๆฑ‚ๅทฅๅ…ทๆˆ‘ไปฌไฝฟ็”จ็š„ๆ˜ฏ็ฌฌไธ‰ๆ–นๅบ“urllib๏ผŒapiไธŠๆ”ฏๆŒstream็š„ๆ–นๅผไธŠไผ ๆ–‡ไปถ๏ผŒๆ‰€ไปฅๅ‡†ๅค‡่ˆๅผƒformdata็š„ๆ–นๅผ๏ผŒ้‡‡็”จstreamๆ–‡ไปถๆต็š„ๆ–นๅผๆฅๆž

ๅ…ทไฝ“ๆ“ไฝœ

ๅœจcontrollerๅฑ‚๏ผŒๆˆ‘ไปฌ็›ดๆŽฅๅค„็†ๆต่งˆๅ™จ็š„ไธŠไผ ๆ–‡ไปถ่ฏทๆฑ‚๏ผŒ็„ถๅŽ่ฎฒๆตๆ–‡ไปถ็›ดๆŽฅไธญ่ฝฌ็ป™ๅŽ็ซฏๅ€Ÿๅฃ๏ผš

async uploadFile() {
    const { ctx, config } = this;
    const url = `XXXXXXXXXXXXX`;
    const res = await ctx.fetchApi(url, {
      method: 'POST',
      stream: ctx.req,
      headers: ctx.req.headers,
      timeout: [60000, 60000],
      dataType: 'text',
    });
    ctx.body = res.data;
 }

้—ฎ้ข˜ๆฅไบ†

ๅœจไธŠ้ข็š„ๅค„็†ไธญ๏ผŒๆˆ‘ไปฌไธ€่‚ก่„‘็š„่ฎฒๆต่งˆๅ™จไธŠไผ ๆ–‡ไปถ่ฏทๆฑ‚็š„header้ƒจๅˆ†ๅ…จ้ƒจๅคๅˆถไบ†่ฟ‡ๆฅใ€‚ๅœจๅผ€ๅ‘็Žฏๅขƒๅ’Œๆต‹่ฏ•็Žฏๅขƒ้ƒฝๆฒกๆœ‰้—ฎ้ข˜๏ผŒไฝ†ๆ˜ฏๅœจไปฟ็œŸ็Žฏๅขƒ็š„ๆ—ถๅ€™ไธŠไผ ๆ–‡ไปถๆŠฅ้”™ไบ†๏ผˆ่‹ฆๅคงไป‡ๆทฑ่„ธใ€‚ใ€‚ใ€‚๏ผ‰๏ผŒ่ฟ™ๅฐฑๅพˆๅฐดๅฐฌไบ†ใ€‚ใ€‚ใ€‚

่งฃๅ†ณๅŠžๆณ•

็ป่ฟ‡ๅคš็•ชๆฃ€ๆŸฅ๏ผŒๆˆ‘ไปฌๅ‘็Žฐๅœจไปฟ็œŸ็Žฏๅขƒไธ‹ๆˆ‘ไปฌnode็š„ไธŠไผ ๆ–‡ไปถ่ฏทๆฑ‚ๅนถๆฒกๆœ‰ๅ‘้€ๅˆฐ็›ฎ็š„urlไธŠ๏ผŒๆˆ‘ไปฌๅˆๆญฅๆ€€็–‘ๆ˜ฏ่ฏทๆฑ‚ๅคดไธŠhost็š„้—ฎ้ข˜๏ผŒๆปกๅฟƒๆฌขๅ–œ็š„ๅˆ ้™คๅฎŒ่ฏทๆฑ‚ๅคดไธญ็š„hostไปฅๅŽ๏ผŒๅ‘็Žฐ่ฟ˜ๆ˜ฏไธ่กŒใ€‚ใ€‚ใ€‚

ๅ†ๅŽๆฅ๏ผŒๆŸฅ้˜…ไผŸๅคง็š„google๏ผŒๅ‘็Žฐ่ฟ˜ๅฟ…้กปๅˆ ้™คrefererๅ’Œoriginใ€‚ใ€‚ใ€‚

delete ctx.request.headers.host;
delete ctx.request.headers.cookie;
delete ctx.request.headers.referer;
delete ctx.request.headers.origin;

ๅฎŒ็พŽใ€‚ใ€‚ใ€‚

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.