米斯特赵-优快云博客

原创时间转为毫秒

// 时间转为毫秒timeToSec(time) { var hour = time.split(':')[0] var min = time.split(':')[1] var sec = time.split(':')[2] var s = Number(hour * 3600) + Number(min * 60) + Number(sec) return s * 1000}// 将秒转化成时分秒　secTotime(s) {...

2021-06-03 10:59:05 980

原创 2021-05-11

深入浅出篇 — media媒体查询 - 响应式开发必备响应性开发本质：在只开发一套页面中，为了解决用户在不同设备上（大小或分辨率）看到的页面呈现效果是完美的meta标签的作用：将页面大小，根据分辨率不同进行相应的调节，以展示给用户的大小感觉上差不多总而言之： meta是适配各种不同分辨率的设备meta标签的介绍<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale

2021-05-11 19:13:53 205

原创 2021-04-29

@author 米斯特赵pc端页面在移动端显示问题1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示<meta name="viewport" content="width=1220">2、如果不想让页面有水平滚动条又有元素需要固定在屏幕底部，则可以按以下方法操作1）给html页面设置视口宽度2）判断是否为移动设备，对pc和移动设备分别设置样式，如下：

2021-04-29 10:19:01 183

原创 forEach在某个条件成立后终止循环使用try{}catch(){}可以处理

forEach在某个条件成立后终止循环使用try{}catch(){}可以处理let list = [1,2,3,4,5] try{ list.forEach(item=>{ if(item ===2){ throw '终止循环' } console.log(item) }) ...

2020-08-31 11:27:04 906

原创这15个reduce高级用法太香了

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少用它，导致这个如此强大的方法被逐渐埋没。如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明，详情可查看MDN的reduce()的相关说明。01:代替map和filterconstarr=[0,1,2,3];//...

2020-07-09 16:12:27 1179

原创 MAC OS 命令行使用详解

1 为什么要使用命令行/如何开启命令行？许多功能在图形界面不提供，只有通过命令行来实现。 Finder会隐藏许多你不太会需要的文件，然而 command line 会允许你访问所有文件。通过 command line 可以远程访问你的 Mac（利用 SSH）。 administrators 用户可以通过sudo命令获得 root 用户权限。通过 command-line scr...

2019-09-17 10:04:04 568

原创九种跨域方式实现原理

前言前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源策略限制内容有：Co...

2019-03-06 11:07:45 172

原创 15分钟成为Git专家

15分钟成为Git专家本文通过一步一步的实践，带你探索Git内部工作原理。Git 可能看起来像一个复杂的系统。如果上 Googl e搜索。Google 会自动弹出一些最常搜索的标题：为什么 Git 这么难。。。 Git 就是太难了。。。我们能够停止假装 Git 很简单、很容易学习吗。。。为什么 Git 如此复杂。。。乍一看，这些问题好像都是真的，但是你一旦理解了内部的概念，使用 Git 工作会...

2018-06-16 17:08:19 247

转载 web前端技术社区分享

一.国外的前端技术网站： 1. 名称：W3C: 网址：http://www.w3.org/ 理由：前端技术的规范标准几乎都是W3C制定的 2.名称：ECMA 网址：http://www.ecmascript.org/ 理由：JavaScript最核心的内容就是ECMA 3.名称：Mozilla社区网址：htt...

2018-06-16 17:03:21 1202

ZhaoD6688的博客