weixin_52089319的博客

原创 每日一学-014 js获取上传图片体积大小

原创 每日一学-013 js修改下载文件的文件名（遗留问题）

需求在项目中遇到这样一个需求：修改下载.zip文件的文件名。需要在".zip"前加userId（用户id）xxx.zip ==> xxx_userId.zip个人使用的是手写xhr修改文件名的方式，代码如下：function download() { let url = "xxx"; let xhr = new XMLHttpRequest(); xhr.open('get', url, true);

原创 《CSS Secrets》 学习记录

占位

原创 每日一学-012 Navigator对象

Navigator 对象包含有关浏览器的信息。常用

原创 每日一学-011 jquery .load()加载文件

在看项目过程中，看到了这样一行代码这行代码的作用是：在"#content"元素中，加载"flfg-details.html"文件。自写的一个demo：1.html：2.html：浏览器效果：

转载 每日一学-010 颜色十六进制末尾加两位实现透明度对照表

对照表不透明度—字母100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E087% — DE86% — DB85% — D984% — D683% — D482% — D181% — CF80% — CC79% — C978% — C777% — C476% — C275% — BF74% —..

转载 每日一学-009 前后端分离与不分离的区别

前后端不分离在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。请求的数据交互如下图:前后端分离在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻...

原创 每日一学-008 js onload() 和 jq ready()区别

onload()：当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件。包括所有图像、JavaScript、文件、CSS文件等外部资源。ready():当DOM准备就绪时，指定一个函数来执行。虽然JavaScript提供了load事件，当页面执呈现时用来执行这个事件，直到所有的东西，如图像已被完全接收前，此事件不会被触发。在大多数情况下，只要DOM结构已完全加载时，脚本就可以运行。传递处理函数给.ready()方法，能保证DOM准备好后就执行这个函数，因此，这里是进行

原创 每日一学-007 下方滑入动画，点击x消失（未完成）

1

原创 每日一学-006 手机端rem适配（未完成）

在项目中看到了这样的代码参考：安c移动端适配 - viewport_liuj4 | 自娱自乐-CSDN博客

转载 每日一学-005 tortoisegit git pull报错

报错：解决：参考：地址

转载 每日一学-004 查找Git安装位置

win + r，打开cmd输入where git参考：地址https://blog.csdn.net/weixin_42685022/article/details/84061043

原创 每日一学-003 浏览器前缀的失败史

CSS的规范由CSS工作组的成员来编写。当工作组开发出一种实验性的技术时（比如一个css新属性），如果开发者广泛的尝试并使用，那么一旦这些技术有变动，那些已经在用这些技术的网站就挂了；如果开发者为了避免上述情况不去尝试新特性，那新特性的出现就失去了意义。为了解决这个问题，许多方案被提了出来，浏览器前缀就是其中之一。这个方案是指每个浏览器都可以实现这些实验性的（甚至是私有的、非标准的）特性，但要在名称前面加上自己特有的前缀。最常见的前缀分别是 Firefox 的 -moz-、IE 的 -ms-、Ope

转载 每日一学-002 CSS3 @support详解

参考链接写法实用例子

转载 每日一学-001 display: box和display: flex的区别？

display: box和display: flex的区别？display:box; 是老语法，display:flex;是新语法。- W3C 2009年第1次草案：[display:box;](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/Flexible Box Layout Modulehttps://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)- W3C 2011年第2次草案：[disp