- 博客(26)
- 收藏
- 关注
转载 不要直接使用localStorage,Safari的隐身模式下本地存储会被禁用
由于Safari的隐身模式下本地存储会被禁用,如果你尝试往localStorage写数据的话,会报超出使用限制的错误:QuotaExceededError (DOM Exception 22): The quota has been exceeded.Data.hasLocalStorag...
2018-09-30 12:07:00
595
转载 使用location跳转需要先转义
对于那些根据用户输入内容做跳转,需要先把用户内容做转义,如下有问题的代码:let searchContent = form.search.value.trim();window.location.href = `/search?key=${searchContent}`;如果用户输入了...
2018-09-30 12:05:00
872
转载 大批量的DOM操作如何优化
特别是大批量的DOM操作,只要一次有几百上千的级别就容易造成页面卡顿。特别是不要在一个for循环里不断地修改DOM,如下代码:for(var i = 0; i < 1000; i++) { ul.appendChild(li);}这种可以先把li拼好了,再一次性appen...
2018-09-30 11:57:00
628
转载 使用三目运算代替简单的if-else
可以写一行就不要写三行,如下:let seatDiscount = 100;if(seat < 5) { seatDiscount = 90;} else if(seat < 10) { seatDiscount = 80;} else { seat...
2018-09-30 11:52:00
1364
转载 移动端提高可点区域范围
移动端的的一些图标如X,可能会设计得比较小,所以点起来会不太好点,因此要提高可点区域范围,可通过增加padding,如下代码:.icon-close{ position: abosulte; right: 0; top: 0; padding: 20px;}...
2018-09-30 10:33:00
418
转载 图片的居中和宽高设定
<div class="img-container"> <img src="test.jpg" alt onload="resizeImg(this, '400px', '300px'"></div>借助一个resizeImg函数,在onloa...
2018-09-30 10:31:00
150
转载 图片压缩
如果是色彩比较丰富的图片要使用jpg格式,不能使用png格式,png会大得多如果是logo那种矢量图片,直接使用svg格式即可。一般来说要把图片控制在300k以内,特别是banner头图,图片的大小也要控制住。 ...
2018-09-30 10:26:00
73
转载 CSS设置常见样式reset
由于每个浏览器都有自己的UA样式,并且这些样式还不太统一,所以需要做样式reset,常见的reset有以下:/* IE浏览器对输入控件有自己的font-family,需要统一 */input,textarea,button{ font-family: inherit;}/...
2018-09-30 10:24:00
190
转载 CSS清除浮动
清除浮动有多种方法,一般用clearfix大法,虽然这个方法有缺陷,但是它比较简单且能够适用绝大多数的场景,一个兼容IE8及以上的clearfix的写法:.clearfix:after{ content: ""; display: table; clear: both...
2018-09-30 10:17:00
66
转载 float/absolute/fixed定位会强制设置成block
a.btn { float: left; display: block; width: 100px; height: 30px;}第二行的display: block其实是没用的,因为如果你浮动了,目标元素就会具有块级盒模型的特性,即使你display:...
2018-09-30 10:15:00
246
转载 无论一行有几个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...
2018-09-30 09:43:00
183
转载 列表页除了第一项其余都增加上间距20px该怎么写?
:first-child ? nonono.targetEle + .targetEle{ margin-top: 20px;}只有前面有.targetEle .targetEle才能命中这个选择器,由于第一个.targetEle前面没有,所以命不中,这样看起来代码就简洁多了...
2018-09-30 09:39:00
113
转载 nginx开启gzip压缩JS文件失败?
检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个. 转载于:https://...
2018-06-25 17:28:00
122
转载 nginx开启gzip压缩JS文件失败?
检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个. 转载于:https://...
2018-06-25 17:28:00
257
转载 nginx开启gzip压缩JS文件失败?
检查下GZIP设置的压缩的文件类型有没有application/x-javascript,在服务器在传送JavaScript文件时使用的MIME类型通常是这个. 转载于:https://...
2018-06-25 16:49:00
510
转载 为什么要学习Typescript???
简单来说 目前的typescript就是未来的javascript为什么??这要从ECMA-262标准的第4版说起对了 我们说的ES5 其实是ECMAScript3.1这个替代性建议被扶正了而已...那么 第4版标准是什么? 看看现在的TS也差不多能猜到了把..那么 为什么第4版标准...
2018-06-24 16:29:00
212
转载 说说javascript中的那些专业名词
DOM(Document Object Model) 文档对象模型BOM(Browser Object Model) 浏览器对象模型ECMA(European Computer Man...
2018-06-24 11:01:00
129
转载 angular6引入lodash
如何优雅的引入第三方库其实一直是angular的一个问题,今天就来解答一下:在项目下安装lodashnpm install lodash --save安裝 Lodash Type 定义类型npm install @types/lodash --save-dev在tsco...
2018-06-21 15:01:00
800
转载 git无法pull仓库refusing to merge unrelated histories
本文讲的是把git在最新2.9.2,合并pull两个不同的项目,出现的问题如何去解决fatal: refusing to merge unrelated histories我在Github新建一个仓库,写了License,然后把本地一个写了很久仓库上传。先pull,因为两个仓库不同,发现r...
2018-06-19 16:46:00
76
转载 angular 在惰性加载模块引入ng-zorro报错
找了半天 按照报错提示 是重复引入了BrowserModule模块 但是查找了整个项目 除了在app.module.ts外根本没有引入 然后经过排除 原因肯定是在SharedModule模块下, 继续排除...发现 ng-zorro 官方使用说明,需要引入一个依赖// shared.mod...
2018-06-08 15:09:00
531
转载 angular 写一个结构型指令
写一个名叫 kylinAcl 的结构型指令,用作控制页面上的按钮根据后端返回的权限是否删除和添加。<button *kylinAcl="'button'">应该显示</button>创建指令很像创建组件。这里是列表文本导入 Directive 装饰器(而不再...
2018-06-07 09:15:00
163
转载 angular控制视图的3种封装模式
原生 (Native)、仿真 (Emulated) 和无 (None)Native 模式使用浏览器原生的 Shadow DOM 实现来为组件的宿主元素附加一个 Shadow DOM。组件的样式被包裹在这个 Shadow DOM 中。(译注:不进不出,没有样式能进来,组件样式出不去。)...
2018-06-06 16:35:00
260
转载 angular 父组件和子组件通信的3种方式
子组件暴露一个 EventEmitter 属性,当事件发生时,子组件利用该属性 emits(向上弹射)事件。父组件绑定到这个事件属性,并在事件发生时作出回应。子组件的 EventEmitter 属性是一个输出属性,通常带有@Output 装饰器(只推荐使用此种方式来实现子父组件通信)子组...
2018-06-06 10:56:00
512
转载 angular模板语法注意事项
模板引用变量也可以用 ref- 前缀代替 #。 下面的例子中就用把 fax 变量声明成了 ref-fax 而不是 #fax。<input ref-fax placeholder="fax number"><button (click)="callFax(fax.value...
2018-06-06 09:35:00
200
转载 onClick 事件 和 onDblClick 事件并存的解决方法
clickTimer = null; click() { if (this.clickTimer) { window.clearTimeout(this.clickTimer); this.clickTimer = null; } thi...
2018-06-05 10:06:00
107
转载 原生 js 实现点击按钮复制文本
浏览器提供了 copy 命令 ,可以复制选中的内容 document.execCommand("copy") 如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板 但是 select() 方法只对 <input> 和...
2018-06-05 09:46:00
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人