加载中
不要直接使用localStorage,Safari的隐身模式下本地存储会被禁用

由于Safari的隐身模式下本地存储会被禁用,如果你尝试往localStorage写数据的话,会报超出使用限制的错误: QuotaExceededError (DOM Exception 22): The quota has been exceeded. Data.has...

09/30 12:07
35
使用location跳转需要先转义

对于那些根据用户输入内容做跳转,需要先把用户内容做转义,如下有问题的代码: let searchContent = form.search.value.trim(); window.location.href = /search?key=${searchContent}; 如果...

09/30 12:05
13
大批量的DOM操作如何优化

特别是大批量的DOM操作,只要一次有几百上千的级别就容易造成页面卡顿。特别是不要在一个for循环里不断地修改DOM,如下代码: for(var i = 0; i < 1000; i++) { ul.appendChild(li); } 这种可...

09/30 11:57
6
使用三目运算代替简单的if-else

可以写一行就不要写三行,如下: let seatDiscount = 100; if(seat < 5) { seatDiscount = 90; } else if(seat < 10) { seatDiscount = 80; } else { seatDiscount = 70; } 可以改成三目运算...

09/30 11:52
9
移动端提高可点区域范围

移动端的的一些图标如X,可能会设计得比较小,所以点起来会不太好点,因此要提高可点区域范围,可通过增加padding,如下代码: .icon-close{ position: abosulte; right: 0; top: 0; padding...

09/30 10:33
6
图片的居中和宽高设定

<div class="img-container"> <img src="test.jpg" alt onload="resizeImg(this, '400px', '300px'"> </div> 借助一个resizeImg函数,在onload函数里面做处理。然后居中用CSS: .img-contain...

09/30 10:31
1
图片压缩

如果是色彩比较丰富的图片要使用jpg格式,不能使用png格式,png会大得多 如果是logo那种矢量图片,直接使用svg格式即可。 一般来说要把图片控制在300k以内,特别是banner头图,图片的大小也要...

09/30 10:26
0
CSS设置常见样式reset

由于每个浏览器都有自己的UA样式,并且这些样式还不太统一,所以需要做样式reset,常见的reset有以下: /* IE浏览器对输入控件有自己的font-family,需要统一 */ input, textarea, button{ ...

CSS清除浮动

清除浮动有多种方法,一般用clearfix大法,虽然这个方法有缺陷,但是它比较简单且能够适用绝大多数的场景,一个兼容IE8及以上的clearfix的写法: .clearfix:after{ content: ""; display: t...

09/30 10:17
0
float/absolute/fixed定位会强制设置成block

a.btn { float: left; display: block; width: 100px; height: 30px; } 第二行的display: block其实是没用的,因为如果你浮动了,目标元素就会具有块级盒模型的特性,即使你display: table-...

09/30 10:15
1
无论一行有几个DIV他们都保持等分怎么写?

.listing-list li{ width: 33%; } .listing-list li:first-child:nth-last-child(2), .listing-list li:first-child:nth-last-child(2) ~ li{ width: 50%; }......

09/30 09:43
2
列表页除了第一项其余都增加上间距20px该怎么写?

:first-child ? nonono .targetEle + .targetEle{ margin-top: 20px; } 只有前面有.targetEle .targetEle才能命中这个选择器,由于第一个.targetEle前面没有,所以命不中,这样看起来代码就简...

09/30 09:39
0
nginx开启gzip压缩JS文件失败?

检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个.

06/25 17:28
23
nginx开启gzip压缩JS文件失败?

检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个.

06/25 17:28
0
nginx开启gzip压缩JS文件失败?

检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个.

06/25 16:49
7
为什么要学习Typescript???

简单来说 目前的typescript就是未来的javascript 为什么?? 这要从ECMA-262标准的第4版说起 对了 我们说的ES5 其实是ECMAScript3.1这个替代性建议被扶正了而已... 那么 第4版标准是什么? 看看...

说说javascript中的那些专业名词

DOM(Document Object Model) 文档对象模型 BOM(Browser Object Model) 浏览器对象模型 ECMA(European Computer Manufacturer's Association) 欧洲计算机制造商协会 W3C(World Wide Web Conso...

06/24 11:01
5
angular6引入lodash

如何优雅的引入第三方库其实一直是angular的一个问题,今天就来解答一下: 在项目下安装lodash npm install lodash --save 安裝 Lodash Type 定义类型 npm install @types/lodash --......

git无法pull仓库refusing to merge unrelated histories

本文讲的是把git在最新2.9.2,合并pull两个不同的项目,出现的问题如何去解决fatal: refusing to merge unrelated histories 我在Github新建一个仓库,写了License,然后把本地一个写了很久仓...

06/19 16:46
1
angular 在惰性加载模块引入ng-zorro报错

找了半天 按照报错提示 是重复引入了BrowserModule模块 但是查找了整个项目 除了在app.module.ts外根本没有引入 然后经过排除 原因肯定是在SharedModule模块下, 继续排除...发现 ng-zorro 官...

06/08 15:09
7

没有更多内容

加载失败,请刷新页面

返回顶部
顶部