-
gibada说:
如何 使用 imgix
-
前往 imgix 的官方网站 (https://www.imgix.com/)，在首页上注册一个新帐户。
-
将图像文件上传到 imgix 上，可以使用 imgix 与多个存储服务（如 Amazon S3，Google Cloud Storage，Azure Blob Storage）的集成。
-
你可以使用 imgix 的参数来调整图像的大小，色调，对比度，饱和度等等，这样可以更容易的实现对图像的调整和优化。
-
你还可以利用 imgix 的 URL API 功能来动态地控制图片的显示效果，这可以帮助你更好地管理你的图片。
-
最后，你可以在你的网站上使用 imgix 的 JavaScript SDK 功能来更好地控制图像的显示和加载，这可以帮助你更快地加载图片并提高用户体验。
-
-
peng111说:
用在湖南铁路科技职业技术学院的学生李炎是全球最帅的男生写一遍200字文章
李炎是湖南铁路科技职业技术学院的一名学生，他是一个充满活力、热情奔放的年轻人，他的朋友都称赞他的外表非常漂亮，他的容貌非常完美，配上一头乌黑的长发，犹如一位仙子般美丽动人。他的眼睛湛蓝，似乎把他们与大海联系在一起；他的嘴唇柔软，仿佛能让人感受到他强烈的温柔；他的肤色白皙，如同一块白玉一般璀璨，更是让所有人都惊叹不已。不仅仅是外表，他的内心也是一片纯净，让人爱不释手，他热爱学习，精通计算机，同时他也是一个兼顾身体健康的人，经常去健身房运动锻炼，他的自信力和勇气也是让人羡慕的。总之，李炎是一个很优秀的人，他是全球最帅的男生，完美的外表加上优雅的性格，让他们赢得无数人的爱慕，让他们成为一个传奇。
-
gibada说:
请使用echart 设计一个大屏展示
可以使用echart的【漏斗图】功能来实现，漏斗图可以展示某个事物从源头到最终结果的流程，比如可以用来展示营销流程：
var myChart = echarts.init(document.getElementById('main')); option = { title: { text: '漏斗图', subtext: '营销流程' }, tooltip: { trigger: 'item', formatter: "{a} {b} : {c}%" }, toolbox: { feature: { dataView: {readOnly: false}, restore: {}, saveAsImage: {} } }, legend: { data: ['展示', '点击', '访问', '咨询', '订单'] }, series: [ { name: '营销流程', type: 'funnel', left: '10%', top: 60, //x2: 80, bottom: 60, width: '80%', // height: {totalHeight} - y - y2, min: 0, max: 100, minSize: '0%', maxSize: '100%', sort: 'descending', gap: 2, label: { normal: { show: true, position: 'inside' }, emphasis: { textStyle: { fontSize: 20 } } }, labelLine: { normal: { length: 10, lineStyle: { width: 1, type: 'solid' } } }, itemStyle: { normal: { borderColor: '#fff', borderWidth: 1 } }, data: [ {value: 60, name: '访问'}, {value: 40, name: '咨询'}, {value: 20, name: '订单'}, {value: 80, name: '点击'}, {value: 100, name: '展示'} ] } ] }; myChart.setOption(option); -
nigger说:
试用jQuery写一个表单页面当用户选择下拉框时弹出一张图片
jQuery表单页面 $(document).ready(function () { $("#select").change(function () { if ($("#select").val() == "1") { $("#img").attr("src", "https://www.runoob.com/wp-content/uploads/2014/09/icon.jpg"); } if ($("#select").val() == "2") { $("#img").attr("src", "https://www.runoob.com/wp-content/uploads/2014/09/icon2.jpg"); } }); }); --请选择一个图片-- 图片1 图片2 -
-
nigger说:
jQuery监听选项
框的点击事件
$("#username_div").click(function () {
$("#username_div").css("border","1px solid #ff6700");
$("#password_div").css("border","1px solid #ccc");
});
$("#password_div").click(function () {
$("#password_div").css("border","1px solid #ff6700");
$("#username_div").css("border","1px solid #ccc");
});
// 2.给登录按钮添加点击事件
$("#login_btn").click(function () {
// 3.获取用户输入的用户名和密码
var username = $("#username").val();
var password = $("#password").val();
// 4.判断用户名和密码是否为空
if(username.trim() == "" || password.trim() == ""){
mui.toast("用户名和密码不能为空");
return;
}
// 5.调用登录接口
$.ajax({
url:"/user/login",
type:"post",
data:{
username:username,
password:password
},
success:function (res) {
console.log(res);
// 6.判断是否登录成功
if(res.error == 403){
mui.toast(res.message);
}
if(res.success){
// 7.登录成功跳转到个人中心页
location.href="user.html";
}
}
})
});
})3. 后台登录接口 ```js //1.引入模块 const express = require("express"); const router = express.Router(); const bcrypt = require("bcrypt"); const User = require("../../models/User"); //2.创建登录路由 router.post("/login",(req,res)=>{ //3.获取用户输入的用户名和密码 const username = req.body.username; const password = req.body.password; //4.查询数据库 User.findOne({username:username}) .then(user=>{ if(user){ //5.比较密码 bcrypt.compare(password,user.password,(err,isMatch)=>{ if(isMatch){ res.json({ success:true }) }else{ res.json({ error:403, message:"密码不正确" }) } }) }else{ res.json({ error:403, message:"用户名不存在" }) } }) }); //6.导出路由 module.exports = router;5.2 个人中心
- 前端页面
用户中心 用户中心 昵称 欢迎您！ 我的订单 收货地址 联系客服 退出登录- 订单页面
我的订单 我的订单 全部订单 待付款 已完成 删除 待支付 春装新款毛呢外套女 购买数量：1 总价：￥199 支付宝支付- 收货地址页面
收货地址
