- 博客(73)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 优化图片的加载
图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验...
2021-01-12 08:57:41
126
原创 做好SEO需要考虑什么
了解搜索引擎如何抓取网页和如何索引网页meta标签优化关键词分析付费给搜索引擎链接交换和链接广泛度（Link Popularity）合理的标签使用
2021-01-12 08:56:51
278
原创 标签语义化
去掉或者丢失样式的时候能够让页面呈现出清晰的结构有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化...
2021-01-12 08:55:29
123
原创 Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 如何触发这2种模式?
声明位于文档中的最前面，处于标签之前。告知浏览器以何种模式来渲染文档严格模式的排版和 JS 运作模式是，以该浏览器支持的最高标准运行在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现触发严格模式是在Html前申明正确的DTD触发混杂模式是在Html文档开始不声明DTD，或者在DOCTYPE前加入XML声明...
2021-01-10 17:16:33
143
原创 Doctype文档类型
标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 FramesetXHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 FramesetStandards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页...
2021-01-10 17:14:13
84
原创 CSS sprites原理，和优缺点
原理：CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。优点：减少网页的http请求减少图片的字节解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名更换风格方便，只需要在一张或少张图片上修改图片的
2021-01-10 17:06:38
198
原创 隐藏元素的方法
visibility: hidden；这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明，制作出和visibility一样的效果。与visibility相比，它可以被transition和animateposition: absolute；使元素脱离文档流，处于普通文档之上，给它设置一个很大的left负值定位，使元素定位在可见区域之外display: none；元素会变得不可见，并且不会再占用文档的空间transform:
2021-01-10 17:04:57
92
原创 清除浮动的方法
注解：浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）添加额外标签，例如<div style="clear:both"></div>使用br标签和其自身的html属性，例如<br clear="all" />父元素设置 overflow：hidden；在IE6中还需要触发hasLayout例如zoom：1父元素设置 overflow：auto 属性；同样IE6需要触发has
2021-01-10 17:03:13
71
原创 DOM设置CSS样式的三种方法
外部样式表：通过标签引入一个外部css文件内部样式表：将css代码放在内联样式：将css样式直接定义在 HTML 元素内部
2021-01-10 16:59:08
1186
原创 line-height三种赋值方式
带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px百分比：将计算后的值传递给后代...
2021-01-10 16:57:58
295
原创 水波加载动画 html+css
1.贴图：2.加入连接：写上你想写的字3.在新窗口打开连接：写上要写的字消除连接的下划线在新窗口打开连接：写上你想写的字4.移动字体(走马灯)：写上你想写的字5.字体加粗：写上你想写的字6.字体斜体：写上你想写的字7.字体下划线: 写上你想写的字8.字体删除线: 写上你想写的字9.字体加大: 写上你想写的字10.字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)11.更改字体颜色：写上你想写的字(其中value值在000000与ffffff(16位进制)
2021-01-10 16:51:08
137
1
原创 CSS中 link 和@import的区别是什么？
link属于HTML标签，而@import是CSS提供的，且只能加载 CSS页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载import只在IE5以上才能识别，而link是HTML标签，无兼容问题link方式的样式的权重 高于@import的权重当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制合理的标签使用...
2021-01-10 16:50:12
94
2
原创 CSS的选择器
元素选择器：* 、E、 E#id、 E.class关系选择器：E、F、E>F、E+F、E~F属性选择器：E[att]、E[att=“val”]、E[att~=“val”]、E[att^=“val”]、E[att$=“val”]、E[att*=“val”]、E[att|=“val”]伪类选择器：E:link、E:visited、E:hover、E:active、E:focus、E:lang(fr)、E:not(s)、E:root、E:first-child、E:last-child等伪对象选择器
2021-01-08 13:46:42
59
原创 CSS样式表继承
CSS样式表继承指的是，特定的CSS属性向下传递到子孙元素，会被继承下去的属性：文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color列表相关:list-style-image，list-style-position，list-style-type， list-style...
2021-01-08 13:44:09
44
原创 html5有哪些新特性、移除了那些元素？
新特性：a. HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加b. 拖拽释放(Drag and drop) APIc. 语义化更好的内容标签（header,nav,footer,aside,article,section）d. 音频、视频API(audio,video)e. 画布(Canvas) APIf. 地理(Geolocation) APIg. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失h. sessionSt
2021-01-08 13:42:29
187
原创 iframe的优缺点
优点：解决加载缓慢的第三方内容如图标和广告等的加载问题iframe无刷新文件上传iframe跨域通信缺点：i frame会阻塞主页面的Onload事件无法被一些搜索引擎索引到页面会增加服务器的http请求会产生很多页面，不容易管理...
2021-01-08 13:41:36
50
原创 table的缺点
太深的嵌套，比如table>tr>td>h3，会导致搜索引擎读取困难，而且，最直接的损失就是大大增加了冗余代码量灵活性差，比如要将tr设置border等属性，是不行的，得通过td代码臃肿，当在table中套用table的时候，阅读代码会显得异常混乱混乱的colspan与rowspan，用来布局时，频繁使用他们会造成整个文档顺序混乱不够语义...
2021-01-08 13:39:41
91
原创 src与href的区别
src用于替换当前元素href用于在当前文档和引用资源之间确立联系src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接...
2021-01-08 13:38:48
52
原创 ＜img＞标签上title属性与alt属性的区别是什么
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短, 下·不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息...
2021-01-08 13:37:18
137
原创 盒模型
IE6盒子模型与W3C盒子模型文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界border, 内边距边界padding与内容边界contentCSS3中有个box-sizing属性可以控制盒子的计算方式content-box：padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。（W3C盒子模型）border-box：padding和border被包含在定义的width和h
2021-01-08 13:36:00
45
原创 前端页面有哪三层，作用是什么
结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面”内容是什么”的问题。表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。...
2021-01-08 13:35:06
132
原创 数据库优化
扩展：索引内部原理可以想象成 Dictionary，插入、删除、更新的速度慢了，加上索引也多占用了空间，查询的速度快了。加上索引以后速度提升非常明显。在经常检索的字段上（selectfromPerson whereName=@Name）使用索引提高查询速度。 （2）select 中只 列出必要的字段，而不是。避免隐式类型转换造成的全表扫描，在索引上使用函数也会造成全表扫描（因 为索引只是为字段建立的，一旦使用表达式或者函数，那么索引就是失效了，当然也可以使用“函数索引”、 “表 达式索引”解决这个问题）
2021-01-07 13:34:50
48
原创 视图是什么？游标是什么？
视图是一种虚拟的表，具有和物理表相同的功能。可以对视图进行增，改，查，操作，试图通常是有一个表或者多个表的行或列的子集。对视图的修改不影响基本表。它使得我们获取数据更容易，相比多表查询。游标：是对查询出来的结果集作为一个单元来有效的处理。游标可以定在该单元中的特定行，从结果集的当前行检索一行或多行。可以对结果集当前行做修改。一般不使用游标，但是需要逐条处理数据的时候，游标显得十分重要...
2021-01-07 13:33:28
208
原创 事务的特性
原子性事务必须是原子工作单元；对于其数据修改，要么全都执行，要么全都不执行一致性事务在完成时，必须使所有的数据都保持一致状态。在相关数据库中，所有规则都必须应用于事务的修改，以保持所有数据的完整性。事务结束时，所有的内部数据结构（如 B 树索引或双向链表）都必须是正确的。隔离性由并发事务所作的修改必须与任何其它并发事务所作的修改隔离。事务查看数据时数据所处的状态，要么是另一并发事务修改它之前的状态，要么是另一事务修改它之后的状态，事务不会查看中间状态的数据。这称为可串行性，因为它能够重新装载起始数
2021-01-07 13:32:48
57
原创 事务是什么，锁是什么？
事务就是被绑定在一起作为一个逻辑工作单元的SQL语句分组，如果任何一个语句操作失败那么整个操作就被失败，以后操作就会回滚到操作前状态，或者是上有个节点。为了确保要么执行，要么不执行，就可以使用事务。要将有组语句作为事务考虑，就需要通过ACID测试，即原子性，一致性，隔离性和持久性。锁：在所以的DBMS中，锁是实现事务的关键，锁可以保证事务的完整性和并发性。与现实生活中锁一样，它可以使某些数据的拥有者，在某段时间内不能使用某些数据或数据结构。当然锁还分级别的。...
2021-01-07 13:31:49
237
原创 触发器
触发器是一中特殊的存储过程，主要是通过事件来触发而被执行的。它可以强化约束，来维护数据的完整性和一致性，可以跟踪数据库内的操作从而不允许未经许可的更新和变化。可以联级运算。如，某表上的触发器上包含对另一个表的数据操作，而该操作又会导致该表触发器被触发...
2021-01-06 18:22:01
51
原创 索引的作用？索引的优点缺点
索引就一种特殊的查询表，数据库的搜索引擎可以利用它加速对数据的检索。它很类似与现实生活中书的目录，不需要查询整本书内容就可以找到想要的数据。索引可以是唯一的，创建索引允许指定单个列或者是多个列。缺点是它减慢了数据录入的速度，同时也增加了数据库的尺寸大小...
2021-01-06 18:21:25
82
原创 SQLServer中索引的两种类型
聚簇(或者叫做聚集，cluster)索引和非聚簇索引。字典的拼音目录就是聚簇(cluster)索引，笔画目录就是非聚簇索引。这样查询“G到M的汉字”就非常快，而查询“6划到8划的字”则慢。聚簇索引是一种特殊索引，它使数据按照索引的排序顺序存放表中。聚簇索引类似于字典，即所有词条在字典中都以字母顺序排列。聚簇索引实际上重组了表中的数据，所以你只能在表中建立一个聚簇索引。当数据按值的范围查询时，聚簇索引就显得特别有用。因为所有SQLServer都必需先找到所查询范围的第一行，然后依次下去，直到该范围的最后一个
2021-01-06 18:20:37
180
原创 数据库三范式
第一范式：字段不能有冗余信息，所有字段都是必不可少的第二范式：满足第一范式并且表必须有主键第三范式：满足第二范式并且表引用其他的表必须通过主键引用
2021-01-06 18:17:55
45
原创 Http、Ftp、SQLServer默认的端口号是多少？
Http默认的端口号是（80）Ftp默认的端口号是（21）SQLServer的默认端口号是（1433）
2021-01-06 15:01:04
474
原创 可以采用什么样的策略和方法来实现系统缓存？
在ASP.NET中缓存有页面缓存，数据源缓存，和一些自己定义的缓存对于那些整个页面不经常变化的我们可以使用页面缓存，而对于那些执行非常耗时的SQL语句并且数据的及时性要求不高的我们可以使用数据源缓存对于页面缓存、数据源缓存等都不满足要求的情况下采用直接操作HttpRuntime.Cache来自定义缓存策略。如果需要用多台Web服务器作为一个集群来承载网站的情况，则可以部署专门的分布式缓存服务器，比如Memcached、Redis...
2021-01-06 13:48:15
100
原创 如何提高页面的显示速度？方法有哪些？
首先要找出问题所在，是服务器端运行的速度慢还是服务器端到客户端的下载慢还是页面在浏览器的加载速度慢如果是服务器端运行速度慢，则找是数据库的原因还是算法的问题，如果是数据库的问题则尝试添加索引、优化SQL语句，如果是算法的问题，则优化算法。如果对于一些不经常改动的页面可以使用静态页技术，对于一些数据不需要及时更新的而且取数据的过程非常耗时可以使用缓存。页面中的内容可以按需加载（比如说可以像verycd网站的评论那样当用户需要看的时候再加载其内容），可以在图片需要显示的时候再进行加载。如果是服务器端到客
2021-01-06 13:45:52
261
原创 介绍几个使用过的开源的项目
BootstrapVue.jsReact.jsAngularNode.jsEchartslog4netSignalRAutoMapper.NET Core
2021-01-06 13:43:39
53
原创 常用的类、接口
常用的类：StreamReader、WebClient、Dictionary<K,V>、StringBuilder、SqlConnection、 FileStream、File、Regex、List常用的接口：IDisposable、IEnumerable、IDbConnection、IComparable、ICollection、IList、IDictionary
2021-01-06 13:42:22
73
原创 .Net中会存在内存泄漏吗？
所谓内存泄露就是指一个不再被程序使用的对象或变量一直被占据在内存中Net中有垃圾回收机制，它可以保证一对象不再被引用的时候，即对象编程了孤儿的时候，对象将自动被垃圾回收器从内存中清除掉。虽然.Net可以回收无用的对象，但是.Net仍然存在由于使用不当导致的内存泄露问题。Net中的内存泄露的情况：长生命周期的对象持有短生命周期对象的引用就很可能发生内存泄露，尽管短生命周期对象已经不再需要，但是因为长生命周期对象持有它的引用而导致不能被回收，这就是.Net中内存泄露的发生场景通俗地说，就是程序员可能创建
2021-01-06 13:40:42
94
原创 使用hyperlink生成链接，如何从一个视图链接到另一个视图?
使用ActionLink方法下面的代码生成一个简单的URL，链接到"Home"控制器的GotoHome动作。<%= Html.ActionLink(“Home”,“Gotohome”) %>
2021-01-05 13:32:06
75
空空如也
SQL SERVER远程链接服务器到阿里云的MYSQL数据库
2021-09-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人