
前端
文章平均质量分 56
包括HTTP协议、HTML标签、css选择器、css属性设置、css网页布局、JavaScript、jQuery、jQuery事件
知行合一cc
这个作者很懒,什么都没留下…
展开
-
14. echarts画双y轴
用echarts实现双y轴,并且实现指定数据使用y轴参考链接:https://blog.youkuaiyun.com/qq_44827865/article/details/107000180在使用echarts中,我们经常会用到双y轴去展示数据,有时候,我们可能需要自己去设置,具体使用某一个y轴去展示某一个具体的数据。一、实现echarts双y轴1、只有一个y轴时,yAxis为对象yAxis: { type: 'value', name: 'y轴名称'},2、两个y轴时,yAxis为数组yAx转载 2021-08-11 23:27:50 · 17328 阅读 · 1 评论 -
15. js实现联想
js代码$(function(){ $("#tt").bigAutocomplete({ width:543, url:'http://localhost/test/suggestCom', callback:function(data){ //alert(data.title); } });})jquery.bigautocomplete.js(function($){ var转载 2021-08-09 00:08:43 · 296 阅读 · 0 评论 -
13. jQuery事件及其操作
jQuery事件、事件操作一、事件介绍1、什么是事件?2、什么是事件流?二、事件操作1、常见事件2、事件绑定与解除绑定的方法3、事件对象4、事件冒泡的应用之事件委托一、事件介绍1、什么是事件?//事件就是鼠标点击click、页面滚动onscroll、鼠标悬停mouseover等元素的操作等称之为事件,对HTML元素产生的事件可以被绑上具体的操作,称之为事件绑定,比如在点击某一个元素时,触发某个一个功能的执行2、什么是事件流?由于html是一个树形嵌套结构,如下:html |原创 2020-11-17 21:06:56 · 448 阅读 · 1 评论 -
12. jQuery
jQuery及其使用一、jQuery简介1、什么是jQuery?2、为何要使用jQuery3、jQuery版本二、基本使用1、引入2、jQuery对象3、文档就绪事件4、链式操作5、jQueryDOM和jsDOM三、选择器四、筛选器五、标签操作值样式操作六、标签操作值文本内容操作七、标签操之属性操作八、标签操作之文档处理一、jQuery简介1、什么是jQuery?#1、jQuery是一个高效、精简并且功能丰富的JavaScript工具库#2、jQuery极大的简化了JavaScript编程2、为原创 2020-11-17 21:05:23 · 556 阅读 · 0 评论 -
11. JavaScript的BOM、DOM操作
JavaScript的BOM、DOM操作一、BOM操作1、介绍2、 对象history、navigator、screen(了解)3、location对象4、弹出系统对话框1.5 打开关闭窗口1.6 浏览器窗口内部的高度和宽度1.7 定时器二、DOM操作2、介绍2、查找节点3、增加节点4、删除、替换节点5、修改/设置节点属性6、获取元素的标签7、class操作8、CSS操作9、事件一、BOM操作1、介绍BOM: Browser Object Model,浏览器对象模型,BOM的结构图:#1、DOM对原创 2020-11-17 21:04:15 · 433 阅读 · 0 评论 -
10. JavaScript
一、JavaScript简介1、特点与用途:JavaScript一般用来编写客户端脚本,来为html页面添加交互行为,是前台语言,而不是后台语言(node.js除外)特点:#1、解释执行(浏览器就是解释器):事先不编译、逐行执行、无需严格的变量声明#2、简单易用:可以使用任何文本编辑器工具编写,只需要浏览器就可以执行程序#3、基于对象:内置大量现成对象,编写少量程序可以完成目标2、JavaScript组成#1、ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符原创 2020-09-22 16:39:39 · 205 阅读 · 0 评论 -
09. CSS网页布局
网页布局一、网页布局方式1、什么是网页布局方式?2、网页布局/排版的三种方式二、标准流三、浮动流1、浮动流是一种半脱离标准版的排版方式1.1 什么是脱离文档流?1.2 什么是半脱离文档流?2、 浮动元素贴靠问题3、 浮动元素字围现象4、 浮动流排版5、浮动元素高度问题(父级塌陷)6、清除浮动6.1 方式一:设置高度防止塌陷6.2 方式二:clear6.3 方式三:隔墙法6.4 方式四:CSS伪元素法6.5 方式五:overflow:hidden四、定位流1、相对定位就是相对于自己以前在标准流中的位置来移动1原创 2020-09-22 16:39:07 · 709 阅读 · 0 评论 -
08. CSS属性设置
CSS属性设置一、字体设置1、font-weight:文字粗细2、font-style:文字风格3、font-size:文字大小4、font-family:文字字体5、文字属性简写6、color:文字颜色二、文本属性1、text-align:规定元素中的文本的水平对齐方式2、text-decoration:文本修饰3、text-indent:首行缩进4、line-height:行高三、背景属性1、背景属性类别2、背景缩写:3、背景图片与插入图片的区别4、rgba与opacity的区别5、精灵图四、盒子模型1原创 2020-09-17 21:57:45 · 779 阅读 · 0 评论 -
07. CSS选择器
CSS选择器一、基本选择器1、id选择器2、类选择器3、标签选择器4、通配符选择器二、组合选择器1、后代选择器2、子元素选择器3、毗邻选择器(/相邻兄弟选择器,CSS2推出)4、弟弟选择器(/通用兄弟选择器,CSS3推出)三、交集选择器与并集选择器1、交集选择器(不常用)2、并集选择器四、序列选择器五、属性选择器六、伪类选择器七、伪元素选择器八、CSS三大特性1、继承性2、层叠性3、优先级一、基本选择器1、id选择器#1、作用:根据指定的id名称,在当前界面中找到对应的唯一一个标签,然后设置属性原创 2020-09-17 00:22:31 · 518 阅读 · 1 评论 -
06. CSS介绍
CSS介绍一、什么是CSS?二、为什么要使用CSS?三、如何使用CSS?1、如何使用CSS之CSS的语法2、如何使用CSS之CSS的四种引入方式3、CSS注释3、CSS注释一、什么是CSS?CSS全称Cascading Style Sheet,层叠样式表,是专门用来为HTML标签添加样式的。- 样式:HTML标签的显示效果,比如换行、宽高、颜色等- 层叠:属于CSS的三大特性之一- 表:指的是我们将样式统一收集起来写在一个地方或者一个CSS文件里二、为什么要使用CSS?没有CSS之前,我们想原创 2020-09-17 00:21:13 · 161 阅读 · 0 评论 -
05. body内常用标签
body内的常用标签一、HTML语义化二、字符实体三、h系列标签四、p标签五、img标签六、a标签七、列表标签八、table标签1、语义:标记一段数据为表格2、表格属性3、设置细线表格的三种方式4、表格结构:5、单元格合并6、传统布局:九、form标签一、HTML语义化body中的标签是会显示到浏览器窗口中的,body中的标签只是用来标记语义的(即提示被标记的内容是用来做什么的)对于那些只用来修改样式的标签将会被淘汰掉,比如以下标签都是没有语义的,只修改样式# 1、<br> 换行 满园原创 2020-09-15 19:58:57 · 862 阅读 · 0 评论 -
04. head内常用标签
head内常用标签一、head内常用标签1、meta相关2、非meta标签一、head内常用标签1、meta相关#1、指定字符集<meta charset="gbk">#2、页面描述<meta name="description" content="具体描述...">#3、关键字:有助于搜索引擎SEC优化,<meta name="Keywords" content="网易,邮箱,游戏,新闻">#4、固定时间后跳转网页(如3秒后跳转百度)<m原创 2020-09-14 20:18:40 · 240 阅读 · 0 评论 -
03. HTML标签与文档结构
HTML标签与文档结构一、HTML标签与文档结构1、什么是标签?二、HTML标签详细语法与注意点1、标签的语法2、标签注意事项三、HTML中标签分类四、HTML注释1、注释的格式:2、HTML注意事项:一、HTML标签与文档结构一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容,而HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的1、什么是标签?# 1、在HTML中规定标签使用英文的尖括号包起来,如:"<head>"# 2、HTML中标签通常是成对出现的,分原创 2020-09-14 20:17:20 · 310 阅读 · 0 评论 -
02. 开发环境——HTML发展史
html标签介绍一、开发环境1、浏览器2、文件后缀名规范3、HTML发展史一、开发环境市面上有很多HTML编辑器可选,常见的有Hbuild、Sublime Text、Dreamweaver等,pycharm也支持HTML开发。1、浏览器- 浏览器在本地也能打开HTML文件,浏览器就像解释器一样,从上到下,从左到右- 全球五大浏览器厂商:Chrome、IE、Firefox、Safari、presto- 浏览器内核不同,浏览器渲染引擎不同(后期要考虑兼容性问题),其他浏览器都是用的这5款浏览器的内核原创 2020-09-14 20:15:02 · 315 阅读 · 0 评论 -
01. HTTP协议
HTTP协议一、HTTP协议简介1、互联网2、HTTP协议3、HTTP/1.1详解3.1 Persistent Connection(keepalive连接)3.3 chunked编码传输3.4 字节范围请求二、HTTP协议之请求Request1、请求的URL2、request请求的格式3、HTTP请求方法(了解)三、HTTP协议之响应Response1、组成部分2、详解:3、HTTP响应状态码四、HTTP协议完整工作流程五、HTTP协议关键性总结六、自定义套接字分析HTTP协议一、HTTP协议简介1、原创 2020-09-11 20:32:51 · 582 阅读 · 0 评论