今日推薦-使用HTML5、CSS和JavaScript構建的小型項目

nillawebprojects里面是一些使用HTML5、CSS和JavaScript構建的小型項目。

推薦原因：vanillawebprojects這個項目很適合前端新手學習，每一個小項目都同時使用到了HTML+CSS+JS，這是前端最基礎的內容，扎實的掌握了前端三件套之后，對以后學習前端框架會有很大的幫助。里面一共包含了20個小項目，學會這幾個項目，相信你對HTML、CSS和JS會有一個更深刻的認知。

GitHub地址：https://github.com/bradtraversy/vanillawebprojects

家好，我是 Echa。

前幾天陸陸續續分享了幾十套優秀的開源項目，總有幾套是大家喜歡的。

另外有不少的老鐵們私信我，給了建議能不能匯總一下，我也愿意為大家服務，今天來分享6套非常熱門的微信小程序開源項目，創作不易，喜歡的老鐵們轉發加個關注，點個贊，速速收藏，謝謝！

具體如下：

推薦12個非常優秀的跨平臺桌面開源項目

分享15個基于Vue3.0全家桶的優秀開源項目

盤點12個優秀的微信小程序開源項目

推薦19個Github熱門的TypeScript學習寶庫及項目

11個值得推薦的前端性能測試工具

38個不可錯過的實用前端工具

推薦 10 款常用的富文本編輯器

Github上推薦8個很棒的React項目

強烈推薦33個 GitHub 前端學習資源

推薦10個基于Vue3.0全家桶的優秀開源項目

全文大綱：

nideshop-mini-program：NideShop商城微信小程序
hioshop-miniprogram：海風小店微信小程序商城
wepy-mall：積分+現金商城微信小程序
remove-water-mark-mp：短視頻去水印小幫手-微信小程序
FecMall：B2C商城，支持移動端vue, app, html5，微信小程序微店，微信小程序商城等
Rainbow-Cats-Personal-WeChat-MiniProgram：脫單的微信小程序

nideshop-mini-program

Github：https://github.com/tumobi/nideshop-mini-program

nideshop-mini-program 界面高仿網易嚴選商城，功能和數據庫參考ecshop，服務端api基于Ｎode.js+ThinkJS+MySQL值得推薦。Vue.js的后臺管理系統、PC版、Ｗap版，其具有以下功能：

首頁
分類首頁、分類商品、新品首發、人氣推薦商品頁面
商品詳情頁面，包含加入購物車、收藏商品、商品評論功能
搜索功能
專題功能
品牌功能
完整的購物流程，商品的加入、編輯、刪除、批量選擇，收貨地址的選擇，下單支付
會員中心（訂單、收藏、足跡、收貨地址、意見反饋）

如下圖：

言

HBuilderX，DCloud推出的一款HTML5的Web開發工具，軟件體積小，啟動快。

uni-app，一個使用Vue.js開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、Web（響應式）、以及各種小程序、快應用等多個平臺。

準備IDE HBuilderX，下載地址：https://www.dcloud.io/hbuilderx.html，當前的使用的版本是：HBuilder X 3.5.3。

創建過程

1、菜單：文件->新建->項目

2、填寫項目名稱及存儲路徑，選擇對應的模板

3、修改項目文件：hello\pages\index.vue

<template>
	<view class="container">
		<view class="intro">HelloWorld~</view>
		<text class="intro">佚名今人</text>
	</view>
</template>

4、運行項目

注：第一次運行會自動安裝插件~

5、預覽運行效果

在線咨詢

上一篇：前端開發必須理解的知識點-HTML5新表單
下一篇：微軟宣布9月13日起IE和EdgeHTML開始禁用TLS 1.0/1.1

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

今日推薦-使用HTML5、CSS和JavaScript構建的小型項目

nideshop-mini-program

言

創建過程

您的項目需求