2019年11月22日 | 标签:

 

今天用div css 模仿公司的网站 总结下心得

首先要有大局观 看看网站从上到下 可以横着切成几个部分 例如我的例子中他就分 head main more info footer
这个4个部分 然后要用一个大的div 叫container的把这4个都包起来 方便整个页面的居中定位和以后增加背景色
然后这个4个部分都可以继承这个container的宽度
这里有个知识点 如果div里面没内容的话 div的背景色是不现实
只用增加一个高度属性就可以  每一个部分我们可以增加一个4边的图片的边框 边框的制作也是有技巧 我们也是横着
切3次 顶部边框一个长的,中间边框其实就是左柱 和右柱 向下填充用的是background:url() repeat-y,这里注意下比如说这个head 里面内嵌3个 自身的背景就用边框的左右 里面内嵌的第一个是边框顶部 第2个是边框底部;就可以把这4个
部分加漂亮的外边框(有阴影 有反光的 切3刀就可以)
有了整体定位以后 还有内部的定位问题 如果一个大的div里面嵌套小的div 你要定位的话记得小div用position:relative 这养可以定位 父子关系,兄弟关系的div 及同级别的 是可以用margin定位的
还有ul li的问题li和ul都是内敛元素 可以用display:block来解决 定义高低 同时加上float:left 就可以横着了排列
css精灵 这个技巧很重要 方便把小的icon或者大的点图片合并在一个图里面 再通过background:url以及background:postion来显示 这样5个图片整合在一个图片里面 分别显示的时候 通过postion移动现实就可以配合li使用 效果更加
还有一些小的图表也可以的

今天用div css 模仿公司的网站 总结下心得

首先要有大局观 看看网站从上到下 可以横着切成几个部分 例如我的例子中他就分 head main more info footer
这个4个部分 然后要用一个大的div 叫container的把这4个都包起来 方便整个页面的居中定位和以后增加背景色
然后这个4个部分都可以继承这个container的宽度
这里有个知识点 如果div里面没内容的话 div的背景色是不现实
只用增加一个高度属性就可以  每一个部分我们可以增加一个4边的图片的边框 边框的制作也是有技巧 我们也是横着
切3次 顶部边框一个长的,中间边框其实就是左柱 和右柱 向下填充用的是background:url() repeat-y,这里注意下比如说这个head 里面内嵌3个 自身的背景就用边框的左右 里面内嵌的第一个是边框顶部 第2个是边框底部;就可以把这4个
部分加漂亮的外边框(有阴影 有反光的 切3刀就可以)
有了整体定位以后 还有内部的定位问题 如果一个大的div里面嵌套小的div 你要定位的话记得小div用position:relative 这养可以定位 父子关系,兄弟关系的div 及同级别的 是可以用margin定位的
还有ul li的问题li和ul都是内敛元素 可以用display:block来解决 定义高低 同时加上float:left 就可以横着了排列
css精灵 这个技巧很重要 方便把小的icon或者大的点图片合并在一个图里面 再通过background:url以及background:postion来显示 这样5个图片整合在一个图片里面 分别显示的时候 通过postion移动现实就可以配合li使用 效果更加
还有一些小的图表也可以的
2019年11月21日 | 标签:

发现最近网站越来越慢

决定下定决心解决
首先发现服务器c盘全部用完 赶快删除垃圾 确实平时很少关注
然后用了webkaka 帮忙分析 然后支持 网站也没有用gzip
一起分析网站总是说gzip 但是从来没有认识到她的重要性
看到一个博客说提升3倍速度 觉得太夸张 但是也试一试把
据说是可以压缩网页大小79%  特别是html代码有40k 可以压缩到9k
这样速度恒定的情况下 确实可以提速
然后我就iis里面设置 网站 属性 启用动态压缩 然后添加gzip dll 修改meta文件
然后就发现这个问题 需求添加 html 也包含js 及css 然后 压缩 和解压都要
记得要停用服务中iis admin
再测试 网速直线上剩 整个网站速度从之前2秒多 其实要4秒 直接提升2倍  不要小看一倍
这样可以带来更低的反弹率 有效果很多的

发现最近网站越来越慢

决定下定决心解决
首先发现服务器c盘全部用完 赶快删除垃圾 确实平时很少关注
然后用了webkaka 帮忙分析 然后支持 网站也没有用gzip
一起分析网站总是说gzip 但是从来没有认识到她的重要性
看到一个博客说提升3倍速度 觉得太夸张 但是也试一试把
据说是可以压缩网页大小79%  特别是html代码有40k 可以压缩到9k
这样速度恒定的情况下 确实可以提速
然后我就iis里面设置 网站 属性 启用动态压缩 然后添加gzip dll 修改meta文件
然后就发现这个问题 需求添加 html 也包含js 及css 然后 压缩 和解压都要
记得要停用服务中iis admin
再测试 网速直线上剩 整个网站速度从之前2秒多 其实要4秒 直接提升2倍  不要小看一倍
这样可以带来更低的反弹率 有效果很多的
2019年11月20日 | 标签:

 

保存的时候没问题

在打开excel就会弹出对话框 说发现不可读取的内容

 

1. 打开Excel文件时会报“发现不可读取的内容,是否恢复此工作薄的内容…”错误。(图片1.png)

查看更多精彩图片

2. 点“”,会弹出“通过修复或删除不可读取的内容,Excel已能够打开该文件。”。(图片2.png)

查看更多精彩图片

仔细看好此对话框标红色的部分,在 xl 文件夹下的sharedStrings.xml文件出问题了,下面还写了报错的代码行数。

(学过xml知识的应该会明白这是什么问题,没学过xml的也没关系,跟着我一步一步做下去。)

3. 现在知道了哪个文件出了错,下一步呢,就是找到这个出错的文件。先把出错文件的文件扩展名(.xlsx)改成压缩文件(.zip)。如图片3.png。(如不显示扩展名,按此操作:打开我的电脑-〉按alt键显示工具栏-〉工具-〉文件夹选项-〉查看-〉去掉“隐藏已知的文件扩展名”前面的勾。)

查看更多精彩图片

4. 双击zip文件(不是解压缩,只是双击文件来打开。)找到xl文件下的sharedStrings.xml文件并双击打开文件(一般已IE浏览器打开)。在IE浏览器上会显示错误。(图片4.png)。

查看更多精彩图片

PS: 如打开解压包时弹出错误框就表示文件损坏太大,这个就没办法了,没办法作下一步了。

标红色的部分显示”si”和”t”标签出错了(每个人的错误标签会不同)。然后在页面上点击右键->选择“查看源代码”。会弹出源代码窗口。(通常是已记事本打开,我用的事Emeditor。)

在图片2.png里显示的是第2行出错了,那咱们就看第2行有什么异常。

xml文件的语法规则

之一是每个标签(tag)都必须有开标签(如:<sst>……)和关标签(如:…..</sst>)。

之二是这些标签必须是正确的嵌套

如:

<si><t>金俊</t></si>这个是正确的

<si><t>金俊</si>这个是错误的

<si><t>金俊</si></t>这个也是错误的

那你得看看你的源代码里有没有上述两个错误的代码。

图片5.png里显示的是少一个</t>标签,将把这个</t>标签写入到“金俊”的后面是正确的,然后保存。

再刷新一下IE浏览器上的错误文件,出现便是修改正确。

解压包这里还会提示“…是否替换原有的文件…”,选择“”。最后把zip文件扩展名再改回原来的扩展名,即xlsx。双击打开文件。有提示的话点“”,你的数据已恢复原样了

保存的时候没问题

在打开excel就会弹出对话框 说发现不可读取的内容

 

1. 打开Excel文件时会报“发现不可读取的内容,是否恢复此工作薄的内容…”错误。(图片1.png)

查看更多精彩图片

2. 点“”,会弹出“通过修复或删除不可读取的内容,Excel已能够打开该文件。”。(图片2.png)

查看更多精彩图片

仔细看好此对话框标红色的部分,在 xl 文件夹下的sharedStrings.xml文件出问题了,下面还写了报错的代码行数。

(学过xml知识的应该会明白这是什么问题,没学过xml的也没关系,跟着我一步一步做下去。)

3. 现在知道了哪个文件出了错,下一步呢,就是找到这个出错的文件。先把出错文件的文件扩展名(.xlsx)改成压缩文件(.zip)。如图片3.png。(如不显示扩展名,按此操作:打开我的电脑-〉按alt键显示工具栏-〉工具-〉文件夹选项-〉查看-〉去掉“隐藏已知的文件扩展名”前面的勾。)

查看更多精彩图片

4. 双击zip文件(不是解压缩,只是双击文件来打开。)找到xl文件下的sharedStrings.xml文件并双击打开文件(一般已IE浏览器打开)。在IE浏览器上会显示错误。(图片4.png)。

查看更多精彩图片

PS: 如打开解压包时弹出错误框就表示文件损坏太大,这个就没办法了,没办法作下一步了。

标红色的部分显示”si”和”t”标签出错了(每个人的错误标签会不同)。然后在页面上点击右键->选择“查看源代码”。会弹出源代码窗口。(通常是已记事本打开,我用的事Emeditor。)

在图片2.png里显示的是第2行出错了,那咱们就看第2行有什么异常。

xml文件的语法规则

之一是每个标签(tag)都必须有开标签(如:<sst>……)和关标签(如:…..</sst>)。

之二是这些标签必须是正确的嵌套

如:

<si><t>金俊</t></si>这个是正确的

<si><t>金俊</si>这个是错误的

<si><t>金俊</si></t>这个也是错误的

那你得看看你的源代码里有没有上述两个错误的代码。

图片5.png里显示的是少一个</t>标签,将把这个</t>标签写入到“金俊”的后面是正确的,然后保存。

再刷新一下IE浏览器上的错误文件,出现便是修改正确。

解压包这里还会提示“…是否替换原有的文件…”,选择“”。最后把zip文件扩展名再改回原来的扩展名,即xlsx。双击打开文件。有提示的话点“”,你的数据已恢复原样了