導航:首頁 > 編程語言 > respondjs

respondjs

 發布時間：2025-01-18 23:04:17

⑴ sails 多維json怎麼遍歷

一、安裝時:

先裝nodejs,成功標志 node -v

安裝sails 全局安裝 node install sails@version -g 安裝成功 sails -v

創建 項目 sails new projectname

安裝grunt : npm install grunt@version --save-dev(在項目的目錄中）

啟動sails服務：sails lift

在啟動時提示的錯誤，可以用 npm install 在當前的項目下進行安裝。

在創建api時用命令：sails generate api book（在安裝後很可能sails lift時會出現錯誤，此次的處理是npm install sails-config --save-dev

測試瀏覽：http://localhost:1337/user 創建http://localhost:1337/user/create?name=xy&password=fc12345

note:to avoid the migration warning from sails when generating the book api,add the following to config/env/development.js

models:{

migrate:"alter"

}

二、文件夾：

assets下可以放直接被url調用的網頁，圖片，js,等文件,url http://localhost:1337/在assets下的路徑。

三、路由

config/routes.js

'/':{view:'homepage'} localhost:1337

'/about':{view:'about'} localhost:1337/about 在views下創建 about.ejs

路由藍圖包括以下三種：

restful路由

These routes always have the path of /:modelName or /:modelName/:id

and send the request to the appropriate action by using the HTTP "verb".Middleware policies should be used in a proction environment to protect these routes fromuauthorized access.

shortcut路由

these routes only respod to "get" requests and determine which action to send the request to by decoding the path.An example path would look like

/:modelName/<action> and data would be passed to the controller action using query parameters. While great for development work o a prototype,these routes should be disabled in proction.

action路由

Thes routes create shortcut routes for custom actions tat don't come for free as part of the restful routes.So for any custom action on a controller,a corresponding path followingthe format /:controllerName/:actionName whill respond to get requests and send the request to the controller.

Blueprit Actions

The Blueprint API creates a number of generic actions tohandleall of the standard behaviour of a restful JSON API to match the BluePrint routes.The following default controller actions,which can be overridden,are provided by the Blueprint api:

find findOne create update destory populate add remove

如何使用 http verb?

'get /posts':{

controller:'postsController',

actio:'list'

}

這個配置告訴應用對get 的請求做出回應，在url處理方式為postscontroller下的list操作。

『put /posts/:id':{

controller: 'postsController',

action:'update'

}

這個配置對put請求做出回應，更新一個已存在的用戶，其中id為參數，update是postsController中的一個操作。

如何更改模板?

1.用jade 代替 Ejs

npm install jade --save

更改config/views.js文件：

mole.exports.views={

engine:'jade',

layout:fasle,這個只有ejs支持，所以換成jade後，要把layout設為false;

locals:{//any options you would like to pass to the jade parser}

}

最後從package.json中移走ejs;

樣式文件的替換用sass 替換 less

1.把grunt-contrib-less從age.json中移走，npm install grunt-contrib-sass --save

2.改變所有Grunt task 中的less 引用為 sass.(需要改變的有如下文件）

tasks/cofig/.js

tasks/register/compileAssets.js

tasks/register/syncAssets.js

其實如果是新項目了只需更改 tasks/importer.less為importer.sass,其它的都由Sass自動適配。

用postgres 代替LocalDB

waterline (與許多流行的資料庫一起工作）（如：Postgresql,MongoDB,Redis.)

⑵ 瀏覽器不支持CSS3Media Query怎麼辦

IE6~8不支持CSS3 Media Query，需要藉助respond.js插件。

respond.js插件下載地址：https://www.developgeek.com/plus/list.php?tid=62

demo.css 樣式文件

html,body{
height:100%;
}
@mediaonlyscreenand(min-width:480px){
body{
background:yellow;
}
}
@mediaonlyscreenand(min-width:640px)and(max-width:1024px){
body{
background:green;
}
}
@mediascreenand(min-width:1024px){
body{
background:blue;
}
}

respond.js demo實例

<!doctypehtml>
<html>
<head>
<metacharset="UTF-8">
<title>HTML5-響應式布局--respond.js-言成科技&HTML5學堂</title>
<linkrel="stylesheet"type="text/css"href="demo.css"/>
<scriptsrc="respond.min.js"></script>
</head>
<body>
<divclass="wrap"id="con">
讓IE6~8支持響應式布局——言成科技&HTML5學堂
</div>
</body>
</html>

注意：respond.min.js或者respond.src.js都可以使用，在上面給出的下載地址中下載即可。

IE6的顯示效果

Tips：IE7-8的顯示效果也是沒有問題的，在此就不貼圖處理了

閱讀全文

與respondjs相關的資料

熱點內容
列舉四種linux文件系統命令 瀏覽：348
海爾網站交互功能有哪些 瀏覽：85
小米手機切換不同網路 瀏覽：996
xp系統怎樣設置開機密碼 瀏覽：604
上傳圖片偽裝為php執行文件 瀏覽：20
查看資料庫的角色 瀏覽：291
學的計算機編程怎麼用專業術語說 瀏覽：288
appium啟動失敗 瀏覽：902
怎麼用編程寫逆轉數 瀏覽：942
ps關閉圖像文件的快捷鍵 瀏覽：465
文件夾新名詞 瀏覽：928
如何找回win10郵箱圖標 瀏覽：47
掃描儀掃描完成後找不到文件 瀏覽：230
圖片插入不了文件 瀏覽：616
win10屏幕忽暗忽亮 瀏覽：658
宏基win7激活工具 瀏覽：392
如何面試java程序員 瀏覽：771
越獄找不到描述文件 瀏覽：840
iphone啟動器應用 瀏覽：621
車學堂app用戶名怎麼辦 瀏覽：639

友情鏈接