前端
关注
分享
扫一扫
刘鸿宇..
用代码改变世界
展开
-
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 · 219 阅读 · 0 评论 -
src与href的区别
src用于替换当前元素href用于在当前文档和引用资源之间确立联系src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接...原创 2021-01-08 13:38:48 · 82 阅读 · 0 评论 -
＜img＞标签上title属性与alt属性的区别是什么
alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短, 下·不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户等title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息...原创 2021-01-08 13:37:18 · 164 阅读 · 0 评论 -
盒模型
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 · 72 阅读 · 0 评论 -
前端页面有哪三层，作用是什么
结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面”内容是什么”的问题。表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。...原创 2021-01-08 13:35:06 · 158 阅读 · 0 评论 -
Http、Ftp、SQLServer默认的端口号是多少？
Http默认的端口号是（80）Ftp默认的端口号是（21）SQLServer的默认端口号是（1433）原创 2021-01-06 15:01:04 · 520 阅读 · 0 评论 -
如何提高页面的显示速度？方法有哪些？
首先要找出问题所在，是服务器端运行的速度慢还是服务器端到客户端的下载慢还是页面在浏览器的加载速度慢如果是服务器端运行速度慢，则找是数据库的原因还是算法的问题，如果是数据库的问题则尝试添加索引、优化SQL语句，如果是算法的问题，则优化算法。如果对于一些不经常改动的页面可以使用静态页技术，对于一些数据不需要及时更新的而且取数据的过程非常耗时可以使用缓存。页面中的内容可以按需加载（比如说可以像verycd网站的评论那样当用户需要看的时候再加载其内容），可以在图片需要显示的时候再进行加载。如果是服务器端到客原创 2021-01-06 13:45:52 · 299 阅读 · 0 评论 -
介绍几个使用过的开源的项目
BootstrapVue.jsReact.jsAngularNode.jsEchartslog4netSignalRAutoMapper.NET Core原创 2021-01-06 13:43:39 · 86 阅读 · 0 评论 -
jQuery实现表单提交验证
jQuery代码： $(function(){ $(“form :input.required”).each(function(){ var $required = ("∗");//(" *"); //("∗");//(this).parent().append($required); //追加到文档中 (this).parent().prepend((this).parent().prepend((this).parent().prepend(required); }); $(‘form :input’)原创 2020-12-30 11:11:16 · 770 阅读 · 0 评论 -
表单设置验证规则
jQuery(document).ready(function(){ jQuery("#theForm").validate({ errorPlacement: function(error, element) { element.parent().find("span[class='error']").html(""); error.appendTo(element.parent().find("span[class='error']")); }, rules:原创 2020-12-30 11:09:47 · 357 阅读 · 0 评论 -
HTML css+js实现遮罩层
代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #big { width: 100%; height: 700px; background: url(img/pdx_big.jpeg) no-repeat; }原创 2020-12-24 19:18:31 · 274 阅读 · 3 评论 -
侧边栏
简单侧边栏案例-隐藏右边盒子鼠标经过时显示最近刚开始入门学习前端用简单的html结构加CSS样式写了个侧边栏的小案例在这里分享给大家。文章目录简单侧边栏案例-隐藏右边盒子鼠标经过时显示一、案例介绍？二、案例代码1.HTML结构2.CSS样式代码如下（示例）： Document 侧边栏原创 2020-12-24 19:05:46 · 278 阅读 · 1 评论 -
数据请求：Ajax基础
Ajax 概述它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。Ajax 的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax 运行原理及实现Ajax 运行原理Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。在这里插入图片描述Ajax 的实现步骤创建 Ajax 对象var xhr = new XMLHttpRequest();1原创 2020-12-24 18:55:33 · 152 阅读 · 1 评论