- 博客(10)
- 收藏
- 关注
RSS订阅原创 前端如何用手机连电脑调试页面（及注意事项）
1.打开手机的开发者模式，一般android手机都是以下路径打开开发者模式，设置->关于手机->版本号连按5次，之后设置菜单中会多出一个开发人员选项，进入将其中的"USB调试"打开即可；2.将手机与电脑通过USB线连接，弹出对话框"是否允许USB调试"，选择确定；3.打开手机上要调试的页面；4.PC端新开chrome的tab，输入chrome://inspect/，进入调试页面。此时chrome检测到了手机和手机运行的网页，找到要调试的网页并点击inspect就好了 ...
2022-06-24 20:49:02
2907
原创 获取日期的年份、月份、几号，星期几。某月有几天，某月第一天和最后一天是星期几。
以当天日期为例，先看看当天日期。月份会比较特殊，要多看看第4-7点对new Date()不了解的可以看我这篇文章(4条消息) angular的datePipe（时间管道）函数也太香了吧_cb294的博客-优快云博客1、获取当天是几号用getDate()2、获取当前年份用getFullYear()3、获取当前是星期几今天是星期天，一周是从星期天开始，又因为获取的星期是从0-6，所以是数字04、获取当天是几月用getMonth()可能大家会奇怪，不是10月吗，.
2021-10-17 15:29:47
958
原创 如何获取毫秒数，计算时间差
废话不多说，直接上代码。毫秒数用getTime()就可以获取获取时间差，不能直接用已经格式化好的时间对其做运算，需要转化为毫秒数，对毫秒数进行运算，然后将结果/1000是两者相差几秒将结果/1000/60是两者相差几分钟将结果/1000/60/60是两者相差几小时通过以上的例子也可以知道，假设要算两小时的毫秒数直接用2*60*60*1000即可...
2021-10-17 13:20:46
1570
原创 angular的datePipe（时间管道）函数也太香了吧
这几天做项目的时候，研究了一下公司大佬写的框架，发现了宝藏datePipe函数。用这个函数可以直接给日期格式化，不需要自己封装函数。用这个函数前先引入import{DatePipe}from'@angular/common';然后在@Component({})里输入providers:[DatePipe]接下来就可以用this.datePipe.transform(newDate(),'yyyy-MM-dd HH:mm:ss')去格式化时间了new Date()是返回...
2021-10-17 13:14:06
2560
2
原创 解决苹果手机底部黑线影响布局的问题
今天做项目的时候，发现安卓手机和苹果手机有一个差异苹果手机底部黑线会挡住我页面底部的内容解决方法就是给盒子底部加内边距，即padding-bottom:env(safe-area-inset-bottom)env(safe-area-inset-bottom)可以根据苹果手机底部黑线的高度来确定内边距大小...
2021-10-10 21:43:13
1035
原创 各个大厂适用的移动端rem适配方案--flexible.js
移动端css文件中，body元素经常会设置min-width，max-width，width。而有的网页只设置了min-width：320px，width：15rem。实际是因为他们没有引入flexible.js，15rem已是最大宽度750px(前提是他们的设计稿宽度是750px，且将页面划分15等份)引入flexible.js文件除了设置min-width，width，还会设置max-width。因为docEl.clientWidth是以浏览器的可视区域而定，即pc端浏览器打开页面就会以pc端宽
2021-07-21 20:20:06
280
原创 浮动和定位引发的属性变化
浮动和定位的共性(只针对会使盒子脱标的属性，即浮动、绝对和固定定位)：行内元素变得可以直接设置行和高。块级元素宽度变成自己本身内容的宽，需要自己设置宽，其余还保留块级元素的特性。 脱标的盒子不会触发外边距塌陷问题。 加了绝对定位和固定定位无法用margin：auto使其居中，则用left+transform（令其走浏览器的50%，再往回走自己本身宽度的50%） 浮动的盒子会压住下面标准流的盒子，不会压住文字，而定位会压住下面标准流所有内容。所以可以可利用浮动做文字环绕效果。...
2021-06-14 09:21:07
195
原创 margin：0 auto会一直有效？
答案肯定是否。首先，margin：auto只针对块级元素，如果要让行内和行内块元素居中就要给父级元素添加属性text-align：center。
2021-06-08 22:10:35
167
原创 css初始化代码，各个大厂适用的css文件
代码上有详细注释，不太清楚的伙伴可以留言哦*{/*将所有标签内外边距清零*/ margin:0;padding:0;box-sizing:border-box;/*css3样式，内边距及边框不会撑大有大小的盒子*/}em,i{/*em和i是斜体文字标签，也是行内元素，让他们文字不倾斜*/font-style:normal;}li{/*去除li项目符号...
2021-05-10 20:59:55
231
原创 块级元素、行内元素、行内块元素的区别，以及嵌套规则
块级元素、行内元素、行内块元素的区别，以及嵌套规则块级元素（如：h1-h6，p，div，ul，ol，dl，form，table） 独占一行，在父盒子中从上到下的顺序排列 可以设置宽和高，默认宽度是容器的100%，所以无需设置宽便可默认与父盒子一样的宽度 可包含块级元素，行内元素和行内块元素（但有例外，p，h1-h6，dt不能包含块级元素） 行内元素（如：strong/b，em/i，del/s，ins/u，span，a） 可在一行放多个行内元素，当一行放不下行内元素时，
2021-05-04 21:09:16
413
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人