设置宽高比
- 使用
padding/margin-top/bottom
;
- 设置出教准确的自适应布局;
- 用于预加载图片;
关于数据库设置
对于字体
@media (max-width: 600px) {
html {
font-size: @w * 26px;
}
}
@media (max-width: 414px) {
html {
font-size: @w * 18px;
}
}
@media (max-width: 375px) {
html {
font-size: @w * 16px;
}
}
@media (max-width: 320px) {
html {
font-size: @w * 14px;
}
}
暂时的路径跳转使用302
- 设置302后浏览器会记录,除非设置
cache
否则会永久跳转;
判断滚动到页面底部
if((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
console.log('test');
}
对于插入节点
appendChild
只能插入Node
类型;
- 使用
insertAdjacentHTML
插入字符串类型;
打印五星制
function getRating(rating) {
if(rating > 5 || rating < 0) throw new Error('数字不在范围内');
return '★★★★★☆☆☆☆☆'.substring(5 - rating, 10 - rating );
}
最简单的居中方式
{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
{
text-align: center;
}
//
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
获取函数的参数名称
function getArgs(func) {
var args = func.toString().match(/function\s.*?\(([^)]*)\)/)[1];
return args.split(",").map(function(arg) {
return arg.replace(/\/\*.*\*\//, "").trim();
}).filter(function(arg) {
return arg;
});
}
undefined
.gitigonre
文件
*.csv
*.dat
*.iml
*.log
*.out
*.pid
*.seed
*.sublime-*
*.swo
*.swp
*.tgz
*.xml
.DS_Store
.idea
.project
node_modules
npm-debug.log
直接用js修改样式
div.style.setAttribute('style','height:100px');
毛玻璃效果
- 注意添加的对象:
filter: blur(xpx);
new Date的陷阱
- 在ES5之中,如果日期采用连词线(-)格式分隔,且具有前导0,
JavaScript
会认为这是一个ISO
格式的日期字符串,导致返回的时间是以UTC
时区计算的。
启动nodejs
程序注意
NODE_ENV=production npm start
时间格式处理
- ISO 8601 格式:
yyyy-mm-ddThh:mm:ss[.mmm]
;
- 格林尼治标准时间
GMT
;
- 世界标准时间
UTC
: yyyy-mm-dd|yyyy-mm-ddThh:mm:ssTZD
new Date('2015-12-12T00:00:00+0800');
new Date('2015-12-12T00:00:00+0800').toUTCString();
new Date('2015-12-12T00:00:00+0800').toISOString();
表单上传的注意
let formData = new FormData(document.forms[0]);
同时使用渐变和背景图片
body {
background-image: url(IMAGE_URL);
background-image: url(IMAGE_URL), linear-gradient(#eb01a5, #d13531);
background-color: #eb01a5;
}
简单地设置字体自适应
function resize () {document.body.style.fontSize = document.body.clientWidth * 0.04 + "px"};
resize(); window.onresize = resize;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· SQL Server统计信息更新会被阻塞或引起会话阻塞吗?
· 传国玉玺易主,ai.com竟然跳转到国产AI
· 本地部署 DeepSeek:小白也能轻松搞定!
· 自己如何在本地电脑从零搭建DeepSeek!手把手教学,快来看看! (建议收藏)
· 我们是如何解决abp身上的几个痛点
· 普通人也能轻松掌握的20个DeepSeek高频提示词(2025版)