![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML修炼养成
一顆苹果
调试的错误就是编程给你最好的东西,因为在每个错误上面都标志着前进的一步。
展开
-
Ant Design Vue Pro去掉权限,直接进入系统
Ant Design Vue Pro去掉权限,直接进入系统原创 2022-08-22 11:05:15 · 1414 阅读 · 3 评论 -
dedecms标签大全
自动数字:[field:global.autoindex/] / {dede:field.global.autoindex/}自动数字设置初始值:[field:autoindex runphp='yes']@me=$GLOBALS['autoindex']+4;[/field:autoindex] /{dede:field.autoindex runphp='yes']@me=$G转载 2016-12-27 16:23:00 · 582 阅读 · 0 评论 -
display:block,inline,inline-block的用法
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;转载 2016-12-28 17:38:13 · 379 阅读 · 0 评论 -
html的meta总结,html标签中meta属性使用介绍
前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等!html的meta总结meta标签的组成:meta标签共有两个属性,它们分别转载 2017-12-20 10:06:03 · 275 阅读 · 0 评论 -
HTML5的Video标签的属性,方法和事件汇总
标签的属性##src :视频的属性poster:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度 html 代码 //audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象获取video对象 Media = d转载 2017-12-14 15:59:49 · 708 阅读 · 0 评论 -
替换元素与非替换元素
最近看了一道面试题,问替换元素和非替换元素的差异是什么,当我看到题目的时候就感觉自己还是差的太远了,甚至都没听说过这个名词,接下来我就记录一下个人浅显理解的关于替换元素(replaced element)和非替换元素(non-replaced element)的一些概念。html分为行内元素和块级元素:行内元素就是不会为自身内容形成新的块,不会让内容分布在多行的元素。块级...原创 2018-08-30 11:22:11 · 3862 阅读 · 0 评论 -
offsetWidth、clientWidth、width、scrollWidth区别及获取
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>offsetWidth、clientWidth、width、scrollWidth区别及获取</title> <style原创 2018-08-30 15:19:57 · 300 阅读 · 0 评论 -
IFC
IFCIFCbuju布局规则:1.框会从包含块的顶部开始,一个接一个地水平摆放;2.摆放这些框的时候,它们在水平方向上的外边距、边框、内边距所占用的空间都会被考虑在内。在垂直方向上,这些框可能会以不同的形式来对齐:它们可能会把底部或顶部对齐,也可能把其内部的文本基线对齐。能把在一行上的框都完全包含进去的一个矩形区域,被称为该行的行框。水平的margin、padding、border有...原创 2019-09-23 14:39:42 · 402 阅读 · 0 评论 -
BFC
BFC(Block formatting Context) 块级格式化上下文,布局规则如下: 1.内部的盒子会在垂直方向,一个一个地放置; 2.盒子垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的上下margin会发生重叠; 3.每个元素的左边,与包含的盒子的左边相接触,即使存在浮动也是如此; 4.BFC的区域不会...原创 2018-09-10 17:44:50 · 1341 阅读 · 0 评论 -
字符串拼接
之前说把经常复用的东西写成模块,下次直接引用即可,那么不常用的如果写成了模块未免有些浪费,例如一个标题,例如一个“更多”这样的话可以在js中采用字符串拼接的方式添加到dom中,下面的例子中不仅添加了一个老师的名片(html结构),还加上了关注和取消关注的功能,就像微博关注一样。代码解释和说明都写在注释和图片上了,上图:原创 2016-12-22 18:26:57 · 296 阅读 · 0 评论 -
分享功能
做网站经常会有分享功能,如分享到QQ空间,分享到朋友圈等很多社交软件中,这里有一个方便的方法提供:1.首先 在JS中添加如下代码代码中 config.bdText = $("****").text()中的****代表分享的时候你想默认显示哪里的文字,这里就添加这个容器的id或者class,效果如下2.在要点击分享的的HTML中加几个类名然后再在它们的原创 2016-12-21 17:37:19 · 402 阅读 · 0 评论 -
html修炼养成--一些问题
这一篇博客我将写到在应聘WEB前端时遇到的一些问题,失败的面试让我了解到在平时学习的过程中,我似乎更注重结果而忽略了过程,虽然最终总能实现一些功能,但如果仔细纠结其中的原理,还真的是手足无措,说出来和做出来的确是两码事。1.typeof的用法和所有可能返回值。typeof把类型信息当做字符串返回,typeof有6中返回值,"number","string","function","bool原创 2015-12-22 14:38:15 · 345 阅读 · 0 评论 -
JavaScript部分知识点汇总
最近又进一步的学习了JavaScript脚本语言,很多概念和用法都更加清晰明了。以下是部分知识点的整理:1.首先就是编写JavaScript脚本的三种方式:1).直接在html文件中嵌入 js代码 2).在标签中直接定义3).在外部定义一个.js文件,命名为xx.js,在html文件中通过标签引入2.巩固了变量的概念,所谓变量,就是原创 2015-12-08 21:51:42 · 349 阅读 · 0 评论 -
HTTP状态码
HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。它由 RFC 2616 规范定义的,并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。定义所有状态码的第一个数字代表了响应的五种状态之一。消息(1字头)这一类型的状态码,代表请求已被接受,需要继转载 2016-01-13 22:14:50 · 255 阅读 · 0 评论 -
JS-正则表达式1
正则表达式是对文本字符串进行验证和格式化的方式。有时候用户需要在html表单中填写姓名,地址,邮箱等信息,在表单提交到服务器之前,JS程序会先检查一下填入表单中的信息是否符合要求,例如邮箱的格式要有@符号,以.com或.cn来结尾;年龄不能小于0等等。正则表达式就可以起到验证字符串的作用。这样的客户端验证可以节约大量的服务器端的系统资源,并且提供更好的客户体验。1.创建正则表达式1原创 2016-07-11 23:50:19 · 270 阅读 · 0 评论 -
JS-正则表达式2
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2016-07-12 16:43:09 · 279 阅读 · 0 评论 -
html修炼养成--怎样使用Swiper
1.什么是Swiper?Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!**具体的Demo演示建议访问官方网站:点击打开官网Swiper制作3D效果的方法多种多样。cube和c原创 2015-12-18 10:27:11 · 447 阅读 · 0 评论 -
JS-正则表达式4
1原创 2016-07-14 17:16:26 · 250 阅读 · 0 评论 -
JS-正则表达式3
获取控制 点符号 .符号匹配出换行符外的任意字符var pattern = /c..dy/; //.符号可以匹配除了换行符外的任意字符,但位数要对应,如两个.只能匹配两个字符,这里匹配了invar str = 'cindy';alert(pattern.test(str)); //返回true重复匹配 a?匹配0个或1个a a*匹配0个1个或多个a a+匹配原创 2016-07-13 23:36:15 · 351 阅读 · 0 评论 -
Web前端面试题
一、HTML 常见题目01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答:文档模式主要有以下两个作用: 1、告诉浏览器使用什么样的html或xhtml规范来解析html文档 2、对浏览器的渲染模式产生影响;不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。两种渲染模式: BackCompat:标准兼容模式未原创 2016-08-03 23:18:34 · 1139 阅读 · 0 评论 -
html修炼养成--关于在swiper中添加动画的方法
1.那么什么是Swiper呢?答:Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!具体的Demo演示建议访问官网:http://www.swiper.com.cn/点击打开链接原创 2015-12-18 08:51:19 · 5464 阅读 · 0 评论