- 博客(9)
- 收藏
- 关注
原创 时间转为毫秒
// 时间转为毫秒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
936
原创 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
161
原创 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
155
原创 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
862
原创 这15个reduce高级用法太香了
reduce作为ES5新增的常规数组方法之一,对比forEach、filter和map,在实际使用上好像有些被忽略,发现身边的人极少用它,导致这个如此强大的方法被逐渐埋没。如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明,详情可查看MDN的reduce()的相关说明。01:代替map和filterconstarr=[0,1,2,3];//...
2020-07-09 16:12:27
1075
原创 MAC OS 命令行使用详解
1 为什么要使用命令行/如何开启命令行?许多功能在图形界面不提供,只有通过命令行来实现。 Finder会隐藏许多你不太会需要的文件,然而 command line 会允许你访问所有文件。 通过 command line 可以远程访问你的 Mac(利用 SSH)。 administrators 用户可以通过sudo命令获得 root 用户权限。 通过 command-line scr...
2019-09-17 10:04:04
461
原创 九种跨域方式实现原理
前言前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。一、什么是跨域?1.什么是同源策略及其限制内容?同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指”协议+域名+端口”三者相同,即便两个不同的域名指向同一个ip地址,也非同源。同源策略限制内容有:Co...
2019-03-06 11:07:45
151
原创 15分钟成为Git专家
15分钟成为Git专家本文通过一步一步的实践,带你探索Git内部工作原理。Git 可能看起来像一个复杂的系统。如果上 Googl e搜索。Google 会自动弹出一些最常搜索的标题:为什么 Git 这么难。。。 Git 就是太难了。。。 我们能够停止假装 Git 很简单、很容易学习吗。。。 为什么 Git 如此复杂。。。乍一看,这些问题好像都是真的,但是你一旦理解了内部的概念,使用 Git 工作会...
2018-06-16 17:08:19
224
转载 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
1137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人