整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          QuickJS Javascript引擎,資料整理

          FFmpeg、QEMU 等項目而聞名業(yè)內的法國著名的計算機程序員Fabrice Bellard 于 2019年7月9日發(fā)布QuickJS JavaScript引擎, QuickJS根據MIT許可證發(fā)布, 除非另有說明,否則QuickJS來源的版權歸Fabrice Bellard和Charlie Gordon所有。

          怕翻譯有誤,首先粘貼上官網地址:

          https://bellard.org/quickjs/
          

          QuickJS是一個小型可嵌入的Javascript引擎。它支持 ES2019規(guī)范, 包括模塊,異步生成器和代理。

          它可選地支持數學擴展,例如大整數(BigInt),大浮點數(BigFloat)和運算符重載。

          主要特點:

          • 小巧且易于嵌入:只需幾個C文件,無外部依賴,190 KiB的x86代碼用于簡單的hello world 程序。
          • 具有極低啟動時間的快速解釋器:在臺式PC的單核上,在大約100秒內運行ECMAScript測試套件的56000次測試。運行時實例的完整生命周期在不到300微秒的時間內完成。
          • 幾乎完整的ES2019 支持包括模塊,異步發(fā)電機和完整的附件B支持(傳統(tǒng)的Web兼容性)。
          • 通過100%的ECMAScript測試套件。
          • 可以將Javascript源編譯為沒有外部依賴的可執(zhí)行文件。
          • 使用引用計數(以減少內存使用并具有確定性行為)的垃圾收集與循環(huán)刪除。
          • 數學擴展:BigInt,BigFloat,運算符重載,bigint模式,數學模式。
          • 在Javascript中實現的具有上下文著色的命令行解釋器。
          • 帶有C庫包裝器的小型內置標準庫。

          QuickJS嵌入了以下可以在其他項目中使用的C庫:

          • libregexp:小而快速的regexp庫,完全符合Javascript ES 2019規(guī)范。
          • libunicode:支持大小寫轉換,unicode規(guī)范化,unicode腳本查詢,unicode常規(guī)類別查詢和所有unicode二進制屬性的小型unicode庫。
          • libbf:實現任意精度IEEE 754浮點運算的小型庫和具有精確舍入的超越函數。它作為一個單獨的項目維護。

          官網文檔

          怕翻譯有誤,首先粘貼上官網文檔地址:

          https://bellard.org/quickjs/quickjs.html
          

          官網文檔翻譯如下

          文檔目錄

          • 1簡介
          • 1.1主要特點
          • 2用法
          • 2.1安裝
          • 2.2快速入門
          • 2.3命令行選項
          • 2.3.1 qjs解析器
          • 2.3.2 qjsc編譯器
          • 2.4 qjscalc應用程序
          • 2.5內置測試
          • 2.6 Test262(ECMAScript測試套件)
          • 3規(guī)格
          • 3.1語言支持
          • 3.1.1 ES2019支持
          • 3.1.2 JSON
          • 3.1.3 ECMA402
          • 3.1.4擴展
          • 3.1.5數學擴展
          • 3.2模塊
          • 3.3標準庫
          • 3.3.1全局對象
          • 3.3.2 std模塊
          • 3.3.3 os模塊
          • 3.4 QuickJS C API
          • 3.4.1運行時和上下文
          • 3.4.2 JSValue
          • 3.4.3 C函數
          • 3.4.4例外情況
          • 3.4.5腳本評估
          • 3.4.6 JS類
          • 3.4.7 C模塊
          • 3.4.8內存處理
          • 3.4.9執(zhí)行超時和中斷
          • 4內部
          • 4.1字節(jié)碼
          • 4.2可執(zhí)行代
          • 4.2.1 qjsc編譯器
          • 4.2.2二進制JSON
          • 4.3運行時
          • 4.3.1字符串
          • 4.3.2對象
          • 4.3.3原子
          • 4.3.4數字
          • 4.3.5垃圾收集
          • 4.3.6 JSValue
          • 4.3.7函數調用
          • 4.4 RegExp
          • 4.5 Unicode
          • 4.6 BigInt和BigFloat
          • 5許可證

          翻譯截取文檔的一部分,方便大家初步了解:(翻譯不好請見諒)

          用法

          • 安裝

          提供Makefile以在Linux或MacOS / X上編譯引擎。通過使用MingGW工具在Linux主機上進行交叉編譯,可以獲得初步的Windows支持。

          Makefile如果要選擇特定選項,請編輯頂部,然后運行make。

          make install如果要安裝二進制文件和支持文件,則可以以root身份 鍵入/usr/local(這不是使用QuickJS所必需的)。

          快速入門

          qjs是命令行解釋器(Read-Eval-Print Loop)。您可以將Javascript文件和/或表達式作為參數傳遞以執(zhí)行它們:

          ./qjs examples / hello.js
          

          qjsc 是命令行編譯器:

          ./qjsc -o hello examples / hello.js
          ./hello
          

          生成hello沒有外部依賴的可執(zhí)行文件。

          qjsbn并且qjscbn是具有數學擴展的相應解釋器和編譯器:

          ./qjsbn examples / pi.js 1000
          

          顯示PI的1000位數字。

          ./qjsbnc -o pi examples / pi.js
          ./pi 1000
          

          編譯并執(zhí)行PI程序。

          命令行選項

          • qjs 解釋器

          用法:

          qjs [options] [files]
          

          Options包括:

          列出 options:

          -h
          --help
          

          Evaluate EXPR

          -e EXPR
          --eval EXPR
          

          轉到交互模式(在命令行上提供文件時,它不是默認模式)。

          -i
          --interactive
          

          加載為ES6模塊(默認為.mjs文件擴展名)。

          -m
          --module
          

          高級選項包括:

          轉儲內存使用情況統(tǒng)計信息。

          -d
          --dump
          

          只是實例化解釋器并退出。

          -q
          --quit
          
          • qjsc編譯器

          用法

          qjsc [options] [files]
          

          options包括:

          僅輸出C文件中的字節(jié)碼。默認是輸出可執(zhí)行文件。

          -c
          

          main()C文件中的輸出和字節(jié)碼。默認是輸出可執(zhí)行文件。

          -e
          

          設置輸出文件名(默認= out.c 要么 的a.out)。

          -o output
          

          設置生成數據的C名稱。

          -N cname
          

          編譯為Javascript模塊(默認為 .mjs 延期)。

          -m
          

          添加外部C模塊的初始化代碼。查看 c_module示例。

          -M module_name[,cname]
          

          字節(jié)交換輸出(僅用于交叉編譯)。

          -x
          

          使用鏈接時間優(yōu)化。編譯速度較慢,但??可執(zhí)行文件更小更快。使用選項時會自動設置此選項-fno-x。

          -flto
          

          禁用所選語言功能以生成較小的可執(zhí)行文件。

          -fno-[eval|string-normalize|regexp|json|proxy|map|typedarray|promise]
          

          qjscalc 應用程序

          該qjscalc應用程序是qjsbn 命令行解釋器的超集,它實現了一個具有任意大整數和浮點數,分數,復數,多項式和矩陣的Javascript計算器。源代碼在 qjscalc.js。

          PS

          Github 上已經有項目在使用QuickJs 引擎了,截圖如下:

          貿人必收的200個全球開發(fā)客戶網址目錄!

          1、搜索引擎

          比較喜歡用GOOGLE,最常用的也是GOOGLE,其他的用得少,請大家自己體驗。

          谷歌網址:www.google.com

          必應:http://cn.bing.com/

          雅虎:https://search.yahoo.com/

          俄羅斯搜索引擎:https://yandex.com

          日本:https://www.goo.ne.jp/

          美國:http://www.search.aol.com

          美國: http://www.webcrawler.com/

          網址: http://www.mywebsearch.com/

          網址: http://www.wow.com/

          網址: http://www.infospace.com/

          網址: http://www.blekko.com/

          網址:www.fireball.de

          網址:www.lycos.com

          網址:www.search.com

          網址: www.hispavista.com

          2、B2B平臺

          http://www.alibaba.com

          http://www.made-in-china.com

          http://www.globalspec.com/

          http://www.kompass.com

          http://www.tradekey.com

          http://www.tootoo.com

          http://www.ecvv.com

          http://www.ec21.com

          http://www.fuzing.com

          http://www.b2s.com/

          http://www.commerce.com.tw

          http://www.industrydirectory.com

          http://www.diytrade.com

          http://www.ecplaza.net

          發(fā)布產品之前,需要對各大B2B平臺優(yōu)勢及你自己產品的市場做好了解。比如:了解你的產品目標客戶群,你的主打市場,通過你的產品,了解你的同行或者你的老客戶,他們常用的平臺有哪些等等。再根據自己的實際情況,選擇合作的平臺。具體怎么發(fā)布及使用,請仔細研究各大平臺的規(guī)則,這里不細說。

          3、海外社交媒體

          我們常用的有:

          Linked in: https://www.linkedin.com/

          Facebook:https://www.Facebook.com/

          Instagram: https://www.instagram.com/

          一個提供在線照片共享,視頻共享和社交網絡服務的網站

          Twitter:https://twitter.com/

          Tumblr: https://www.tumblr.com/

          微博客平臺

          youtube: https://www.youtube.com/

          pinterest:https://www.pinterest.com/

          vk:https://www.vk.com

          歐洲社交網站

          Flickr:https://www.flickr.com/ 是一個圖片存儲和視頻托管網站

          MySpace:www.myspace.com 是一個以音樂為重心的社交網絡服務網站

          社交網站開發(fā)客戶技巧:添加好友,定期更新發(fā)布個人動態(tài),社交網站一般要和客戶互動起來。如果不互動的話,客人就不會關注到您。

          4、黃頁名錄

          1)德國名錄:http://www.wlw.de

          2)歐洲黃頁:http://www.europages.com

          3)加拿大黃頁:https://www.yellowpages.ca/

          4)西非黃頁:http://www.yellow.com/011.html

          5)南非黃頁:http://www.yellowpages.co.za/

          6)中東黃頁:http://yellowpages.qa/web/8679/middle-east-merchants

          7)印度黃頁:http://www.jimyellowpages.com/

          8)南美黃頁:http://www.seekyellowpages.com/south-america.html

          9)美國名錄:http://www.thomasnet.com

          10)英國黃頁:https://www.yell.com/

          11)國際貿易協(xié)會聯(lián)盟 http://fita.org/index.html

          12)http://catalog.czechtrade.us 有郵箱可查到

          13)http://www.bdec-online.com/index.htm 能查郵箱地址及網站

          14)http://www.wlw.de 德國網站

          15)http://www.herold.at 奧地利的網站有email,網址等信息,可選擇英語

          16)http://www.scoot.co.uk 英國本土網站

          17)http://www.applegate.co.uk 英國本土網站

          18)http://www.commercialplace.com/公司數量不多,可查公司郵箱。

          19)http://www.turkey-industry.com土耳其,有EMAIL和網址

          20)http://www.paginegialle.it/意大利本土網站,英語,意大利語,法語,西班牙語等等

          巴拉圭海關進出口商名錄

          http://www.cip.org.py/

          智利進口商名錄

          http://www.chilnet.cl

          越南進出口名錄

          http://www.customs.gov.vn

          埃塞俄比亞進口商名錄

          http://www.ethiomarket.com/Products/products_init.html

          孟加拉企業(yè)名錄

          http://www.bdyellowbook.com

          拉脫維亞進口商

          http://www.business-baltics.com/latvia

          立陶宛進口商

          http://www.business-baltics.com/lithuania

          印度海關進出口網站

          http://www.zauba.com/

          印度進出口商名錄

          http://www.tradeindia.com/

          印度進出口商黃頁

          http://www.indianyellowpages.com/

          英國企業(yè)查詢網站

          https://www.duedil.com/

          美國各州企業(yè)名錄

          http://www.trueyellow.com/

          美國進口商

          http://www.importersinusa.com/

          全美最大目錄導航

          http://www.looksmart.com/

          進出口業(yè)務國際貿易數據庫

          http://www.importgenius.com

          全球進口商查詢數據

          http://www.exportersindia.com/foreign-importers/index-a.html

          其他黃頁你可以可以通過你負責的市場,用關鍵詞在GOOGLE搜索。

          5、政府行業(yè)名錄

          比如:商會,協(xié)會,貿促會,駐外經濟商務參贊處等

          1)http://www.ccgp.gov.cn/ 中國政府采購網

          2)http://www.dgmarket.com/ 發(fā)展機構和政府發(fā)布的采購招標資訊。

          3)http://ccn.mofcom.gov.cn/ 中國商品網,商務部的網站

          4)建材的:http://www.awci.org

          http://www.nwcb.org

          http://www.insulation.org

          http://www.bcwca.org

          http://www.wwcca.org

          http://www.csiaonline.org

          http://www.esica.org

          http://www.micainsulation.org

          http://www.naima.org

          http://www.seica.org

          http://www.swicaonline.org

          其他行業(yè)可以通過關鍵詞:產品+Associations進行獲取行業(yè)協(xié)會網站

          5)www.cbbc.org 美中貿協(xié)

          更多相關商會,協(xié)會等機構,您自己根據想要開發(fā)的地區(qū)尋找對應的機構。

          6)家具協(xié)會

          丹麥家具工業(yè)協(xié)會http://www.danishfurniture.dk

          加州家具生產商協(xié)會http://www.cfma.com

          新加坡家具工業(yè)理事會

          http://www.singaporefurniture.com

          日本國際家具產業(yè)振興會http://www.idafij.com

          英國家具生產商協(xié)會http://www.bfm.org.uk

          美國家具聯(lián)盟http://www.ahfa.us

          新西蘭家具協(xié)會http://www.fanzweb.com

          新加坡家具商會http://www.sfa.org.sg

          安大略家具生產者協(xié)會http://www.ofma.ca

          泰國家具工業(yè)協(xié)會http://www.tfa.or.th

          澳大利亞家具工業(yè)協(xié)會http://www.fiaa.com.au

          馬來西亞家具同業(yè)聯(lián)合總會http://www.mfea.org.my

          加拿大家具生產者協(xié)會http://www.furniturewest.ca

          6、展會網站

          一般展會的網站上會有一些參展商名錄,這些都是很好的潛在客戶。

          找國外客戶,就可以到國外的展會上查看參展商名錄

          http://www.eventseye.com 這個網站可以查詢國際展會

          界面左邊菜單有查找方式的分類,可按展會名稱、行業(yè)、地點、時間、主辦方和keywords來查詢到相關展會的主辦方官網。

          比如:國際展會----輕工展

          俄羅斯春季家庭用品博覽會

          http://www.hhexpo.ru/

          墨爾本手工藝品及床上用品展

          http://craftevents.com.au/landingpage/

          日本東京超市貿易展

          http://www.smts.jp/

          德國法蘭克福Paperworld辦公用品展

          https://ru.messefrankfurt.com/moscow/en/besucher/welcome.html

          英國伯明翰春季展

          https://www.springfair.com/

          芝加哥零售業(yè)展

          https://www.globalshop.org/

          德國科隆少兒用品展

          http://www.kindundjugend.com/kindundjugend/index-2.php

          拉斯維斯消費品及禮品展

          https://www.asdonline.com/

          迪拜秋季商品交易會

          http://www.dubaiautumnfair.com/

          臺北自行車展

          https://www.taipeicycle.com.tw/

          臺灣水上休閑用品展

          https://www.taispo.com.tw/index.html

          勞動保護用品交易會

          http://www.ciosh.com/

          如果你查到一系列符合你的主題的展會后可以進行其官網看看往屆的情況介紹。一般主辦方都會說明上屆的各國展商數量,有的還會列出參展名單。

          7、B2B平臺+B2C平臺

          B2B平臺:阿里巴巴國際站、中國制造、環(huán)球資源等

          國際B2C跨境電商平臺:速賣通、亞馬遜、eBay、Wish、蘭亭集勢、敦煌;

          具體如何操作,請查看網站說明。

          8、社交聊天工具

          1:whatsapp

          優(yōu)點是針對美洲這個大市場,她們經常再用

          2:wechat

          中國用戶多,但是現在也有很多國外人在使用

          3:Skype:

          優(yōu)點是應用廣泛,必須要用的,基本上每個國家都有人用,而且可以用來撥打國外固話,比較便宜

          4 :Nonoh:

          一款很流行并且資費相對很廉價的通訊工具。使用Nonoh互相打電話是免費的

          5: Viber:

          以色列強大的通訊工具,主要針對在線的視頻和聊天

          6 :Line

          日本應用,絕大部分日本人都用這款,目前主要在東亞,東南亞使用較多

          7:INTERNATIONAL QQ

          這個是騰訊開發(fā)的針對國際的,用這個的基本上都是就了解中國市場的

          或者經人介紹的。

          8:KAKAOTALK

          主要針對韓國的

          9:TRADEMANAGER

          咱們阿里巴巴的,做外貿的中國用戶,沒有不知道的。

          除了以上這些,外國人喜歡的聊天工具還有許多,比如: camfrog,PalTalk,KIK,SKOUT,ICQ等

          9、外貿業(yè)務查詢

          進出口稅則與HS海關編碼:

          https://yue.52wmb.com/tools/hscode

          出口退稅查詢:

          http://hd.chinatax.gov.cn/fagui/action/InitChukou.do

          FOB價格計算工具:

          https://yue.52wmb.com/tools/fob

          CIF價格計算:

          https://yue.52wmb.com/tools/cif

          中行外匯牌價:

          http://www.boc.cn/sourcedb/whpj/

          建站工具大全:

          http://tool.seowhy.com/

          國際快遞查詢:

          http://www.track-trace.com/

          國際匯率查詢:

          https://www.x-rates.com/

          世界時間查詢:

          http://link.fobshanghai.com/tool/globaltime.html

          空運貨物跟蹤:

          http://www.redberry.com/

          全球匯率換算:

          https://yue.52wmb.com/tools/exchange

          報關狀態(tài)查詢:

          http://www2.hpedi.com.cn/edi_que/EntryIdQue.aspx

          海關相關業(yè)務查詢:

          http://www.haiguan.info/OnLineSearch/Index.aspx

          國際區(qū)號代碼:

          http://www.廣告/hangye/guojidianhua.htm

          英文縮寫查詢:

          https://www.acronymfinder.com/

          全球天氣查詢:

          http://weather.news.sina.com.cn/

          海運提單查詢:

          http://www.vovoso.com/news/gjtd.asp

          10、郵箱驗證和反查工具

          郵箱驗證:

          http://mailtester.com/testmail.php?

          https://hunter.io/email-verifier

          https://verify-email.org

          https://www.verifyemailaddress.org

          https://neverbounce.com/

          關鍵詞分析工具:

          https://keywordtool.io/

          https://moz.com/ (收費,30天試用)

          https://neilpatel.com/ubersuggest/

          https://www.wordtracker.com/(收費,2次10條信息免費)

          https://www.webceo.com/ (需注冊,不限次15條信息免費)

          https://www.keyworddiscovery.com/search.html (收費,不限次100條信息免費)

          https://www.keywordtooldominator ... mplete-keyword-tool(收費,每天3次免費搜索)

          https://kwfinder.com

          https://www.semrush.com

          https://googleautosuggest.wordpress.com/

          郵件追蹤工具:

          www.bananatag.com/email-tracking/

          www.getnotify.com

          www.whoreadme.com

          www.ifread.com

          www.wasmyemailread.com

          www.didtheyreadit.com

          www.pointofmail.com

          www.msgtag.com

          PDF轉換工具:

          www.convertpdftoword.net

          www.free-pdftoword.com

          www.pdftowordconverter.org

          11、外國政策

          學會觀察整體經濟大環(huán)境的變化趨勢(比如匯率變化趨勢等)或者某個國家的政策變動(比如進出口文件或標準要求或關稅變動等)。

          掌握這些基本的資訊,我們將會更專業(yè),我們才能夠更加準確的貼合市場,規(guī)避風險,擴大貿易,減少損失,了解客戶,分析客戶,提高整體競爭力和市場開拓能力。

          我們可以通過關注行業(yè)網站,各國商務部網站,大使館,對外經貿處,貿促會,協(xié)會,新聞網等相關資訊網站,了解相行業(yè)動態(tài)。以下為主要幾大網址:中國國際貿易促進委員會

          http://www.ccpit.org/

          商務部國際商報

          http://rs.comnews.cn/

          中華人民共和國海關總署

          http://www.customs.gov.cn/

          中華人民共和國商務部

          http://www.mofcom.gov.cn/

          中國經濟網

          http://www.ce.cn/

          中國貿易新聞網

          http://www.chinatradenews.com.cn/

          商務部國際貿易經濟合作研究院

          http://www.caitec.org.cn/

          海關信息網

          http://www.haiguan.info/

          實時匯率觀測

          https://www.exchangerates.org.uk/

          出口退稅

          http://www.taxrefund.com.cn/

          中華人民共和國國家統(tǒng)計局

          http://data.stats.gov.cn/gjwz.htm

          國家稅務總局

          http://www.chinatax.gov.cn/

          中國國際海運

          http://www.shippingchina.com/

          中國港口網

          http://www.chinaports.com/

          香港貿發(fā)局經貿研究

          http://research.hktdc.com/sc/

          我瀏覽網頁尋找一個整潔的 Javascript 動畫庫時,我發(fā)現很多 “推薦” 的動畫庫都有一段時間沒維護了。

          經過一些研究,我收集了 15 個最好的 Javascript 動畫庫,你可以放心在你的應用程序中使用。在文章最后我還添加了一些有用的庫,但是有一部分很久沒維護了。

          使用純CSS

          在深入研究這些庫之前,不要忘記使用純 CSS 。 為什么? 因為它是標準的,它可以提高性能(GPU),提供向后和向前兼容性,它可能是創(chuàng)建動畫的最有效方法。 這里有 10 個純 CSS 實現的動畫示例。

          1、 Three.js

          Three.js


          超過 43K 的 star ,這個流行庫是在瀏覽器上創(chuàng)建 3D 動畫的好方法,以直觀的方式使用 WebGL 。 這個庫提供 <canvas>,<svg>,CSS 3D 和 WebGL 渲染器,讓我們可以跨設備和瀏覽器創(chuàng)建豐富的交互式體驗。 該庫于 2010 年 4 月首次推出,目前仍由近 1,000 名貢獻者開發(fā)。

          Github 倉庫:https://github.com/mrdoob/three.js/

          2、Anime.js

          Anime.js


          超過 20K 的 star,Anime 是一個 JavaScript 動畫庫,可以處理 CSS 屬性,單個 CSS 轉換,SVG 或任何 DOM 屬性以及JavaScript 對象。 此庫允許您鏈接多個動畫屬性,將多個實例同步,創(chuàng)建時間軸等。

          Github 倉庫:https://github.com/juliangarnier/anime

          3、Mo.js

          Mo.js


          這個庫有 14K star,是一個用于 Web 的動態(tài)圖形工具帶,具有簡單的聲明性 API ,跨設備兼容性和超過 1500 個單元測試。 您可以在 DOME 或 SVG DOME 周圍移動東西或創(chuàng)建唯一的 mo.js 對象。 雖然文檔很少,但是示例很豐富,這里有 CSS 技巧的介紹。

          Github 倉庫:https://github.com/legomushroom/mojs

          4、Velocity

          這個庫有 15K star,Velocity 是一個快速的 Javascript 動畫引擎,具有與 jQuery 的 $ .animate() 相同的 API 。 它具有色彩動畫,轉換,循環(huán),緩動,SVG支持和滾動。 這是 Velocity 高性能引擎的分解,這里是使用該庫的 SVG 動畫的介紹。

          Github 倉庫:https://github.com/julianshapiro/velocity

          5、Popmotion

          Popmotion


          這個庫有 14K star,這個動畫庫只有 11kb。 它允許開發(fā)人員從動作創(chuàng)建動畫和交互,動作是可以啟動和停止,并使用 CSS ,SVG,React,three.js 和任何接受數字作為輸入的 API 創(chuàng)建。

          Github 倉庫:https://github.com/Popmotion/popmotion

          6、Vivus

          Vivus


          超過 10K 的 star , Vivus是一個零依賴的 JavaScript 類,可以讓你為 SVG 制作動畫,讓它們具有被繪制的外觀。 您可以使用許多可用動畫之一,或創(chuàng)建自定義腳本來繪制 SVG 。 查看 Vivus-instant 獲取實時示例,你也可以親自動手試一下。

          Github 倉庫:https://github.com/maxwellito/vivus

          7、GreenSock JS

          GreenSock JS


          GSAP 是一個 JavaScript 庫,用于創(chuàng)建高性能,零依賴性,跨瀏覽器動畫,聲稱在超過 400 萬個網站中使用。 GSAP 非常靈活,可以與 React,Vue,Angular 和 vanilla JS 一起使用。 GSDevtools 還可以幫助改進使用 GSAP 構建的動畫。

          Github 倉庫:https://github.com/greensock/GreenSock-JS

          8、Scroll Reveal

          Scroll Reveal


          憑借 15K star 和零依賴,該庫為 Web 和 移動端瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動內容。 它支持多種簡潔的效果,甚至可以讓您使用自然語言定義動畫。 這是一個簡短的 SitePoint 教程。

          Github 倉庫:https://github.com/jlmakes/scrollreveal

          9、Hover (CSS)

          Hover (CSS)


          這是一個CSS庫。 有 20K star,Hover 提供了 CSS3 驅動的鼠標 hover 效果的集合,可應用于 鏈接,按鈕,logo,SVG,特色圖像等,可在 CSS,Sass 和 LESS 中使用。 您可以復制并粘貼要在自己的樣式表中使用的效果或引用樣式表。

          Github 倉庫:https://github.com/IanLunn/Hover

          10、Kute.js

          Kute.js


          一個完全成熟的原生JavaScript動畫引擎,具有跨瀏覽器動畫的基本功能。 重點是代碼質量,靈活性,性能和大小(核心引擎是17k min 和 5.5k gzipped) – 這是 一個演示。 該庫也是 可擴展的,因此您可以添加自己的功能。

          Github 倉庫:https://github.com/thednp/kute.js/

          11、Typed.js

          Typed.js


          這個庫 6K star,基本上允許您以選定的速度為字符串創(chuàng)建打字動畫。 您還可以在頁面上放置 HTML div 并從中讀取以允許搜索引擎和禁用 JavaScript 的用戶訪問。 Slack 和 其他人都使用過這個庫,它很受歡迎,而且非常有用。

          Github 倉庫:https://github.com/mattboldt/typed.js

          還可以看看:iTyped

          12、Airbnb 的 Lottie

          Lottie


          Lottie 是一個用于 Web 和 iOS 的移動端庫,它使用 Bodymovin解析 Adobe After Effects 動畫形式導出的 json ,并以原生方式呈現。

          Github 倉庫:<a href=https://github.com/airbnb/lottie-web” target=”_blank”>https://github.com/airbnb/lottie-web

          13、Animate.css (CSS)

          Animate.css


          Animate.css 是最小和最易于使用的 CSS 動畫庫之一。 將 Animate 庫應用于項目就像鏈接 CSS 并將所需的 CSS 類添加到HTML 元素一樣簡單。 如果您愿意,還可以使用 jQuery 觸發(fā)特定事件的動畫。

          Github 倉庫:<a href=https://github.com/daneden/animate.css” target=”_blank”>https://github.com/daneden/animate.css

          14、Magic Animations (CSS)

          Magic Animations (CSS)


          Magic Animations 是一款令人印象深刻的動畫庫。 它有許多不同的動畫,其中許多效果是這個庫獨有的。 與 Animate.css 一樣,您只需導入 CSS 文件即可實現 Magic 。 您還可以使用jQuery中的動畫。 該項目提供了一個特別酷的演示應用程序。

          Github 倉庫:<a href=https://github.com/miniMAC/magic” target=”_blank”>https://github.com/miniMAC/magic

          15、CSShake (CSS)

          CSShake (CSS)


          CSShake 提供了一個專門為 web 頁面中的搖晃元素而設計的 CSS 庫。正如您所預期的,有許多變體可用來搖晃 web 組件。

          Github 倉庫:https://github.com/elrumordelaluz/csshake


          主站蜘蛛池模板: 亚洲AV无码一区二区乱孑伦AS| 亚洲人AV永久一区二区三区久久| 国产精品视频一区二区三区经 | 不卡一区二区在线| 国产伦精品一区二区三区四区 | 一区二区和激情视频| 3d动漫精品啪啪一区二区中文| 免费萌白酱国产一区二区三区| 亚洲一区精品伊人久久伊人| 精品国产AⅤ一区二区三区4区 | 精品视频一区二区观看| 日本伊人精品一区二区三区| 亚洲美女一区二区三区| 精品国产免费一区二区三区香蕉 | 国产成人精品视频一区| 色欲AV无码一区二区三区| 日韩精品一区二区三区视频| 一区二区网站在线观看| 国产精品亚洲高清一区二区| 国产午夜精品免费一区二区三区 | 日韩免费无码一区二区三区| 亚洲一区二区三区免费视频| 中文字幕AV一区二区三区| 亚州AV综合色区无码一区| 国产一区二区在线观看麻豆| 国产伦精品一区二区三区视频猫咪 | 一区二区精品在线观看| 国产亚洲一区二区精品| 91video国产一区| 免费高清在线影片一区| 国产精品乱码一区二区三区| 亚洲无人区一区二区三区| 亚洲福利一区二区| 精品人妻一区二区三区四区| 中文字幕一区二区免费| 亚洲一区精彩视频| 亚洲国模精品一区| 中文字幕日韩一区二区三区不卡| 国内精自品线一区91| 成人免费av一区二区三区| 亚洲一区二区三区久久|