2018年05月_张大晴

原创关于margin-right失效的问题

关于margin-right失效的问题：浏览器默认从左往右渲染元素，在没有超出父容器的宽度的前提下如果子容器的宽度能够被容纳设置margin-right是没有用的...

2018-05-16 23:29:05 11424 1

原创父窗口点击一个图片（或图标），用iframe链接到其他地址，并且在父级窗口全屏展示

需求描述：在a.html页面，嵌入一个iframe. 在a.html中点击一个图标，让iframe全屏展示，并且iframe展示其他页面的内容知识点：注意：当窗口全屏，keyup,keydown类似事件是监听不到esc按键的，这是浏览器一个安全机制。如果不是全屏模式还是可以监听到的。全屏的操作：借鉴文档：https://blog.csdn.net/k358971707/article/detail...

2018-05-16 10:41:07 1121

原创处理完整单词折行问题

当内容宽度超过容器宽度，会出现折行的问题。但是有的时候我们不希望折行的部分在完整的词（英文或中文）中。这种情况如何处理呢？解决方式：给每一个完整的词组中加入span,给span设置white-space:nowrap(不换行)。这样就可以保持词组完整的不换行。效果：...

2018-05-12 19:42:58 842

原创当UI给的图片过大，应该如何处理

UI一般设计图的图片会比正常的尺寸大，苹果的分辨率比正常的电脑大2倍的像素。当拿到设计图以后所有用ps量的尺寸（宽高）需要除2当图片过大，我们应该怎么处理：外层div设置固定尺寸。如果用过大的图片当成背景。只要给元素设置background-size:100%或者background-size:cover即可。...

2018-05-12 19:27:26 1796

原创关于清除默认样式的细节

body -- 只需清空margin行。它没有默认的paddingul -- 有默认的margin 和padding 都需要清空li -- 没有默认magin 和 padding 不用清空

2018-05-09 16:15:49 252

转载 box-shadow

1、盒子阴影样式单词：box-shadow2、语法div{box-shadow:0 0 1px #000 inset;} 代表边框间距靠左0 靠上0 和1px阴影范围阴影颜色为黑色（#000），有inset 代表框内阴影，不带inset 代表框外阴影。注意：box-shadow:0px 0px 1px #000第1个值为0时，代表左右边框阴影为1px范围第1个值为正整数代表左边框阴影第1...

2018-05-09 15:24:07 1337

转载 ajax回调中使用window.open弹窗被chrome拦截的问题

文章转自：https://segmentfault.com/q/1010000006760018具体解决方法：这种情况出现是由于window.open的执行时机，你的window.open是在ajax回调中执行，无论是同步还是一步，等待ajax返回结果需要一定的时间，当你得到结果再去执行window.open，chrome认为这是一种不友好的行为(非用户主动点击打开弹窗)，所以会被屏蔽。碰巧在之前...

2018-05-07 12:02:32 1079

原创 echarts绘制饼图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/echarts.min.js"&g

2018-05-04 18:06:29 738

原创 git

git status 查看本地代码是否提交(commit)到自己的工作空间爆红处为未提交成的文件git log 查看提交的记录git reset LinSecOS images/LinSec-LOGO_5.png----------------------------------------------------------提交方式：1.git add xx 将文件添加到暂缓区里例如：git...

2018-05-03 16:36:32 147

张大晴的博客